No. 818, Monday, February 26, 2024 View in browser
|
 |
Olá, frontend associates! 👋
|
Hope you’ve got received your espresso prepared as a result of this version is full of some gems you will not wish to miss.
First off, Ahmad Shadeed has accomplished it once more, this time with an excellent helpful information to CSS’s :has() selector, undoubtedly one thing you may study from so much.
Apple’s shaking issues up within the EU with their internet apps choice. Yep, it’s kind of of a head-scratcher, and never in a great way.
And for the design aficionados, there is a considerate piece on area of interest product design that is actually a breath of recent air.
Oh, and do not miss a unusual dive into recreation fonts that is oddly satisfying 😊
|
Wishing you an amazing week!
|
|
 |
|
|
|
Readymag streamlines every day design workflow for groups and solo creators and helps them transcend expectations. With it at hand, you may swiftly design something on the net with out coding: organize your distinctive format, add ‘wow’ animations and sensible integrations, collaborate and talk about proper within the device.
Attempt Readymag without spending a dime 👉
|
|
|
|
Ahmad Shadeed has launched this complete interactive information on the CSS :has() selector, that includes quite a few visible and interactive demos to facilitate studying its utilization.
|
|
|
|
|
|
|
|
|
|
|
|
An evaluation of JavaScript bundle sizes for numerous web sites in 2024 reveals a big pattern in direction of extreme code bloat, with examples starting from primary touchdown pages to productiveness apps consuming a number of megabytes of JavaScript.
|
|
|
|
|
|
|
|
|
|
|
|
Pages CMS presents an easy content material administration system that integrates immediately with GitHub, designed to simplify updates for web sites constructed with Subsequent.js, Astro, Hugo, or Nuxt.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Lea Verou’s proposal for CSS Variable Teams presents an answer for effectively managing design tokens and simplifying the combination of third-party elements by permitting the grouping of CSS variables, aiming to deal with frequent challenges in internet growth similar to verbosity and the repetitive nature of declarations.
|
|
|
|
|
|
|
|
|
|
|
|
A service that gives quick search performance for private or documentation web sites.
|
|
|
|
|
|
|
|
|
|
|
A quick, open-source code editor in Rust, boasting native GUI, GPU acceleration, distant growth capabilities, built-in terminal, and Vim-like modal enhancing.
|
|
|
|
|
|
|
|
|
|
|
This text explores the surprising connection between historical PC video games and bitmap fonts.
|
|
|
|
|
|
|
|
|
|
|
|
Niko Kitsakis discusses the shift from bodily buttons to touchscreens in product design, highlighting challenges and usefulness points encountered with touch-sensitive interfaces.
|
|
|
|
|
|
|
|
|
|
|
A curated assortment of minimal web sites showcasing simplicity and performance, avoiding extreme animations and storytelling.
|
|
|
|
|
|
|
|
|
|
|
|
Itay Dreyfus explores the idea of area of interest product design, arguing that probably the most genuine and provoking designs are rising from smaller, niche-focused groups or people who prioritize distinctive, opinionated design over mainstream traits influenced by large companies.
|
|
|
|
|
|
|
|
|
|
|
|
Declarative shadow DOM is now accessible throughout the three main browser engines and Mayank explains the fundamentals, the variations between “crucial” and “declarative” shadow DOMs, and the sensible makes use of and limitations.
|
|
|
|
|
|
|
|
|
|
|
A wonderful minimalist hyperlink organizer for amassing and retrieving probably the most treasured hyperlinks.
|
|
|
|
|
|
|
|
|
|
|
Video Vault
|
|
|
|
|
|
|
|
|
|
|
|
Demo Nook
|
|
|
|
|
|
Amit Sheen explores extra 3D animations with CSS solely and this one is actually cool!
|
|
|
|
|
|
|
|
|
|
|
|
|
A enjoyable Three.js and Cannon.js demo made by Konstantin Bondarenko.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
❓Do you know that…
|
…jQuery, the game-changer in frontend growth, was initially created by John Resig in January 2006 throughout BarCamp NYC? Impressed by Dean Edwards’ earlier cssQuery library, jQuery simplified complicated JavaScript duties into only a few traces of code. Its launch not solely revolutionized the way in which builders approached internet growth but in addition led to its widespread adoption. By 2019, jQuery was used on 80% of the highest 1 million web sites.
|
|
|
|
|
|
And that’s all! Thanks for studying the Collective! You probably have one thing you desire to us to function within the subsequent version, merely reply to this e-mail!
|
|
Codrops is proudly sponsored by KeyCDN, the excessive efficiency content material supply community that has been constructed for the longer term.
|
|
|
