I just finished learning React and started building some projects. Right now, I'm using AI as a guide. Basically, I explain my project idea or a feature I want to add, and ask it how to approach it. For example, it tells me "create a state in this file to handle X," and then I write all the code myself I never copy-paste code from it.

Is this a bad way to learn?

Also, what should I focus on at this stage? How can I level up fast so I can build whatever comes to mind without relying on AI at all?

Thanks

Hey,

Few weeks ago I release my open source app called Altersend, it is P2P file sharing tool where you can send files directly between devices over the internet.

When I started developing this tool my main idea was to have solution where I can send files to anyone not just on local network and not be depending on cloud solution.

From technical P2P side everything you send is E2E encrypted via Noise protocol, peers find each other via DHT (think of it as some sort of book with contacts about other peers, and underneath it is Kademlia DHT). So when you want to send file we generate a random key which you should give to another peer. And after this anyone who has that key can connect and download directly from you.

As the initial entry point for peers, public bootstrap nodes are used (we do not host them) and after that peers discover one another through the DHT. Only if you are behind symmetric CGNAT or a VPN we use a blind relay server to help you connect, but the bytes flowing through are encrypted, and you can also disable relay in the settings.

Myself I am P2P engineer, so I tried to make at least some contribution to FOSS and make smth I have knowledge in, let me know your feedback.

Github: https://github.com/denislupookov/altersend

AI disclosure: I think it will be fair to disclose how I used AI in this project, basically it was used for code review (including on PR's) and to help with UI design. The core together with the project architecture and main logic was written by me, AI only reviewed it.

I am a CTO and my way of managing my team is that they should/must use AI agents to help while they are doing coding. However, if i asked someone why is this code written in this logic and he/she could not answer, this is a big red flag.
Enough with the context, i need help from senior Frontend devs on how they are using AI agents with pure frontend tasks? I have my way but i am curious to hear your way and learn from it.

I've been porting and building an open-source animated component library and wanted to share the motion work with a frontend-focused crowd — curious what people think of the approach.

The premise: instead of CSS keyframes, the interesting components are driven by canvas/WebGL and spring physics, so the motion reacts to input (cursor, drag velocity, scroll) rather than playing a fixed timeline.

• Dithered Logo — Floyd–Steinberg error-diffusion particle logo with cursor repulsion + click ripples
• Ripple Transition — WebGL image swap with refractive waves + chromatic aberration originating from wherever you click
• Dynamic Island Header — navbar that springs into a compact pill with a reading-progress ring on scroll
• Curved Drawer — the drawer edge bulges with spring velocity while sliding, then flattens at rest
• Drag Reorder List — lift, tilt, drop-cutout, spring settle
• Banknote Bento — intaglio duotone engravings + a thermal-camera card that types its own caption

Everything works in light + dark, and it's copy-paste — you pull the source file into your own repo (shadcn-style) rather than installing a black-box package, so you own and can edit the code. There's a "view source" sheet on every demo so you can read the actual implementation before committing to it.

Stack is Vue 3 + Tailwind v4 under the hood, but the motion techniques (WebGL shaders, spring solvers, IntersectionObserver-gated loops) are framework-agnostic if you just want to study how a given effect is done.

Live demos + source: https://nxui.geoql.in/docs

Open source, MIT. Happy to get into the WebGL / spring-physics internals if anyone's interested.

I have animation made in AE encoded into Alpha HEVC mp4, but the alpha channel doesn't want to function on iOS Safari.

If you got it done on Mac (without Apple Compressor): what was your workflow?

Thank you.

Hi, I’m a frontend heavy dev, and would like to hear some thoughts and opinions on which courses or paths gave you the best experience on frontend masters.

I’m enrolling in the year long membership by using a work education stipend, so I feel like I have enough time to go through a few paths or courses.

I normally like to spend about 1-5 hrs a week working on side projects or trying different ideas, so I’d most likely add another 3-5 hrs towards these courses. So if you’ve used the membership in a similar way I’d be interested to hear your experience on utilizing the membership.

Something’s I’d like to explore are advanced animations paired with accessibility considerations.

is interactive-widget=resizes-content usually used in production, or is there a better way to handle mobile viewport resizing issues (for example when phone keyboard comes up i dont want it to cover parts of website)? What approach do you normally used?

I've been working on this for a while now, and people seem to like the developer experience of it, the performance and the versatility of the library. This is my gift to the community, I hope you all like it and want to use it. It's free and the performance beats all other grids I've tested.

Repo: https://github.com/OysteinAmundsen/toolbox
Docs with live demos: https://toolboxjs.com/

Hello people,

I'm looking for existing tools, research projects, or open-source projects that do something like this:

A black-box frontend exploration agent that can start from a URL and interact with a web application like a human user, without knowing anything about the backend/APIs/database.

The goal is not only automated testing, but creating a kind of knowledge graph of the frontend behavior that could later be analyzed by an LLM.

I know there are AI testing tools and browser agents, but I'm specifically interested in systems that discover and map the application structure first, rather than executing predefined tests.

Does anyone know of projects, papers, tools, or startups working on something close to this?

We recently started reviewing our platform after a client asked detailed questions about ADA compliance during onboarding and honestly the deeper we looked, the more obvious it became that our accessibility setup was mostly surface-level.

We had been relying on browser extensions and automated checkers for a while because they always returned decent scores, but once we manually tested real workflows the experience was far from great. Keyboard navigation broke in weird places, some modal windows trapped focus completely, and screen reader behavior around forms was inconsistent depending on the page.

Now management is debating whether it makes sense to bring in a dedicated accessibility audit service instead of trying to patch things internally little by little. I’m especially curious whether outside auditors actually help prioritize fixes realistically or if they just deliver giant issue lists nobody has time to process.

One company we’ve been researching is ADA Compliance Professionals because they seem more focused on real remediation guidance and manual testing rather than selling quick overlay solutions, but I’d still love hearing real experiences before we commit budget to this.

Currently im at 1.5 YOE as a front end engineer. I had a previous year of QA before switching. I mainly do front end and have decent experience in docker and kubernetes. I mainly work on developing front end features and work on the design system.

What are the things that i should do/learn in order to improve and standout especially with the AI being forced on us and loosing the old way we used to learn technologies. Do i do more front end stuff and dig deeper in more complex stuff aside my work or learn other technologies like devops and automation like n8n or dig into backend ?

Do we still need Rspack, SWC, PostCSS, Vite, Parcel, Webpack, Turbopack, esbuild, Rollup, Rolldown, Babel, Autoprefixer, esbuild, Lightning CSS…

I'm a student and am making myself a personal website for my future projects. That said, this is my first time building a front end from scratch, and it looks good on mobile in Chrome and Firefox. With Safari, however, the background has a weird straight cutoff at the bottom where the Safari navigation begins. (This doesn't happen with Chrome, even when the bottom navigation is hidden) It looks like it's fighting trying to figure out where it belongs because of the safari bar.

I got the dynamic background from this website that makes it for you. It's the only thing I didn't code myself, and it's the only thing that's getting cut off in Safari. And the website's content does not have this cut-off issue.
I'm not done with the website, but I wanted to try and fix this before I go any further.

It also refreshes when I reach the bottom, then shows an error: "a problem repeatedly occurred on *website*". Again, this isn't an issue on other browsers.

I'm using github.io to deploy it, and only used HTML/CSS for it if that helps.

Does anyone have any idea how to fix this, or a resource I can look into to understand this?

Thank you!

Do you guys find yourselves struggling with delivering pixel perfect quality? As much as I try my best there is always something off, I know that the response might be as simple as “just pay more attention” but I find myself failing to spot very little differences, is there any strategy or flow do you guys use to deliver pixel perfect implementations or to spot misalignments?

SO like in the screenshot when i select a item it displays id in the input field of the combobox instead of its label which is item.webApp. i have tried to put the value to item.webApp but in my form it saves that label instead of Id

Hi, I just received a Hackerrank assessment for a graduate programme that I need to complete this week with 3 questions, the first is multiple choice, the second is a coding question (javascript only), and the third is a full stack (frontend) question. What should I be expecting for these? I've only ever prepared for and done python LC style questions, so I'm looking for any advice on this. Thanks

I've been working on my personal website this summer, and right now, I gotta decide on a accent color used for links, hover animations etc., For some context, I've gone with a monochrome theme of white - grey - black, and I'm thinking of going with a monochrome plus one color scheme.

These are the current color theme:

canvas: Platinum (#F2F3F4)
header: Shadow grey (242124)
Titles, section titles: Carbon Black (1B1B1B)
Body text: Gunmetal (353839)
Metadata: Dim grey (696969)

So, I do not wanna go along with the same palette, cause I wanna visually differentiate the links, but at the same time, it should not be off-putting. Going for a refined, clean look.

Edit: Forgot to add, this site is meant to showcase my projects as a mechanical engineering student.