Readymag streamlines daily design workflow for teams and solo creators and helps them go beyond expectations. With it at hand, you can swiftly design anything on the web without coding: arrange your unique layout, add ‘wow’ animations and practical integrations, collaborate and discuss right in the tool.
Ahmad Shadeed has released this comprehensive interactive guide on the CSS :has() selector, featuring numerous visual and interactive demos to facilitate learning its usage.
An analysis of JavaScript bundle sizes for various websites in 2024 reveals a significant trend towards excessive code bloat, with examples ranging from basic landing pages to productivity apps consuming multiple megabytes of JavaScript.
Pages CMS offers a straightforward content management system that integrates directly with GitHub, designed to simplify updates for websites built with Next.js, Astro, Hugo, or Nuxt.
Lea Verou’s proposal for CSS Variable Groups offers a solution for efficiently managing design tokens and simplifying the integration of third-party components by allowing the grouping of CSS variables, aiming to address common challenges in web development such as verbosity and the repetitive nature of declarations.
Niko Kitsakis discusses the shift from physical buttons to touchscreens in product design, highlighting challenges and usability issues encountered with touch-sensitive interfaces.
A curated collection of minimal websites showcasing simplicity and functionality, avoiding excessive animations and storytelling.
Itay Dreyfus explores the concept of niche product design, arguing that the most authentic and inspiring designs are emerging from smaller, niche-focused teams or individuals who prioritize unique, opinionated design over mainstream trends influenced by big corporations.
Declarative shadow DOM is now available across the three major browser engines and Mayank explains the basics, the differences between “imperative” and “declarative” shadow DOMs, and the practical uses and limitations.
A beautiful minimalist hyperlink organizer for collecting and retrieving the most precious hyperlinks.
Video Vault
Demo Corner
Amit Sheen explores more 3D animations with CSS only and this one is really cool!
A fun Three.js and Cannon.js demo made by Konstantin Bondarenko.
❓Did you know that…
…jQuery, the game-changer in frontend development, was originally created by John Resig in January 2006 during BarCamp NYC? Inspired by Dean Edwards’ earlier cssQuery library, jQuery simplified complex JavaScript tasks into just a few lines of code. Its release not only revolutionized the way developers approached web development but also led to its widespread adoption. By 2019, jQuery was used on 80% of the top 1 million websites.
And that’s all! Thank you for reading the Collective! If you have something you would like us to feature in the next edition, simply reply to this email!
Codrops is proudly sponsored by KeyCDN, the high performance content delivery network that has been built for the future.
