No. 818, Monday, February 26, 2024 View in browser |
 |
Olá, frontend friends! 👋 |
Hope you've got your coffee ready because this edition is packed with some gems you won't want to miss.
First off, Ahmad Shadeed has done it again, this time with a super handy guide to CSS's :has() selector, definitely something you'll learn from a lot.
Apple’s shaking things up in the EU with their web apps decision. Yep, it's a bit of a head-scratcher, and not in a good way.
And for the design aficionados, there's a thoughtful piece on niche product design that's really a breath of fresh air.
Oh, and don't miss a quirky dive into game fonts that's oddly satisfying 😊 |
Wishing you a great week! |
|
 |
|
|
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.
Try Readymag for free 👉 |
|
| 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. |
|
|
|
|
|
|
|
|
|
| Apple confirms the removal of Home Screen web apps feature in the EU, citing compliance with DMA, sparking concerns over fair competition. |
|
|
|
|
|
|
|
|
|
| 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. |
|
|
|
|
|
|
|
|
|
| Dan Wilson shows what can be done with new CSS Math functions like pow(), sqrt(), exp(), log(), and hypot() that enhance numerical operations in CSS. |
|
|
|
|
|
|
|
|
|
| Julia Evans explores popular git config options based on community feedback. |
|
|
|
|
|
|
|
|
|
| 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. |
|
|
|
|
|
|
|
|
|
| A service that offers fast search functionality for personal or documentation websites. |
|
|
|
|
|
|
|
|
|
| A fast, open-source code editor in Rust, boasting native GUI, GPU acceleration, remote development capabilities, built-in terminal, and Vim-like modal editing. |
|
|
|
|
|
|
|
|
|
| This article explores the unexpected connection between ancient PC games and bitmap fonts. |
|
|
|
|
|
|
|
|
|
| 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 |
|
|
|
|
|
Animation Spotlight |  | |
|
|
|
|
|
|
|
|
|
|
Demo Corner |
| | A very cool filter distortion effect made by Kitasenju Design. |
|
|
|
|
|
|
|
|
|
| | 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. |
|
|
