No. 818, Monday, February 26, 2024 View in browser
|
 |
Olá, frontend mates! 👋
|
Hope you’ve got acquired your espresso prepared as a result of this version is full of some gems you will not need to miss.
First off, Ahmad Shadeed has accomplished it once more, this time with a brilliant helpful information to CSS’s :has() selector, undoubtedly one thing you will be taught from quite a bit.
Apple’s shaking issues up within the EU with their internet apps determination. Yep, it is a bit 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’ll be able to swiftly design something on the net with out coding: prepare your distinctive structure, add ‘wow’ animations and sensible integrations, collaborate and focus on proper within the software.
Strive Readymag without cost 👉
|
|
|
|
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 varied web sites in 2024 reveals a big pattern in the direction of extreme code bloat, with examples starting from fundamental touchdown pages to productiveness apps consuming a number of megabytes of JavaScript.
|
|
|
|
|
|
|
|
|
|
|
|
Pages CMS gives 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 gives an answer for effectively managing design tokens and simplifying the mixing of third-party parts by permitting the grouping of CSS variables, aiming to deal with widespread challenges in internet growth equivalent to verbosity and the repetitive nature of declarations.
|
|
|
|
|
|
|
|
|
|
|
|
A service that provides 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 value 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 huge companies.
|
|
|
|
|
|
|
|
|
|
|
|
Declarative shadow DOM is now obtainable 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.
|
|
|
|
|
|
|
|
|
|
|
An attractive minimalist hyperlink organizer for accumulating and retrieving probably the most treasured hyperlinks.
|
|
|
|
|
|
|
|
|
|
|
Video Vault
|
|
|
|
|
|
|
|
|
|
|
|
Demo Nook
|
|
|
|
|
|
Amit Sheen explores extra 3D animations with CSS solely and this one is absolutely 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 advanced JavaScript duties into just some strains 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! In case you 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 long run.
|
|
|
