Latest Resources for Frontend Developers No.107
🚀 The Complete Web Developer in 2024
📺 40 hours of video
📚 401+ lessons
💻 10 projects
🎉 Code FRIENDS10 for 10% off
🗞️ News
React Labs: what we've been working on
Explore the latest innovations from React Labs, including the production-ready React Compiler and the introduction of Actions for enhanced data handling.
🎓 Learning
CSS :has() interactive guide
Delve into the CSS :has() selector with interactive examples to style elements by their child components.
CSS-only DVD screensaver animation
An inventive approach to recreate the nostalgic DVD screensaver using only HTML and CSS, showcasing the power of CSS animations.
What is utility-first CSS?
An in-depth discussion on utility-first CSS, its implications, and its comparison to traditional CSS methodologies.
View transitions: Handling aspect ratio changes
Jake Archibald details strategies for managing aspect ratio shifts during view transitions, enhancing visual consistency.
🛠️ Tools
Drams
Framer components inspired by Dieter Rams' design principles, offering a unique blend of form and function for digital projects.
Figma checklists
Guidelines for elevating Figma component quality, covering design and testing to ensure excellence.
CodeMate
A revolutionary search engine tailored for developers, enhancing coding efficiency with precise results.
CodeEdit
Experience seamless coding on macOS with CodeEdit, an open-source, customizable editor for unparalleled efficiency and flexibility.
Figma to HTML website Webflow plugin
Streamline design-to-code workflows with the Figma to Webflow plugin, converting Figma designs into Webflow projects effortlessly.
✨ Inspiration
💼 Jobs
Software engineer, frontend • Shopmonkey
$100k – $160k
Remote
Frontend engineer, prototype team • BigPanda
$120k – $170k
Remote in US
Frontend engineer • Smile Identity
$50k – $80k
Remote