No. 828, Monday, April 8, 2024 View in browser |
 |
|
In partnership with
|
|
|
Olá, frontend friends! 👋 |
In this edition, we're spotlighting fresh frontend developments. Alongside insights on AI's impact in web development and Bramus's scroll-driven animation tips, we delve into Antoine Mayerowitz's creative use of the Pareto Principle in game design.
Join us for a nostalgic throwback with Figma's old-school cursors, the JavaScript Signals proposal enhancing reactive programming, and Bruce Lawson's practical accessibility tweaks.
Plus, don't miss Michele Giorgi’s in-depth case study, 84—24, on our blog—a nostalgic journey with a modern twist. |
Have a wonderful start of the week! |
|
 | | Secure a physical address through Anytime Mailbox’s vast 2100 International address network. Find an address around the corner, in NY, LA, or Paris. There’s plenty to choose from! For as low as $9.99 per month, you’ll have an address to use when filling in forms, receiving postal mail, business cards, returns, and more. It’s easy, and there’s no long term commitment. The best part? You keep your home address private.
Get started today by choosing your location 👉 (sponsored) |
|
|
|
|
|
|
|
|
|
|
| Rob Eisenberg and Daniel Ehrenberg share a proposal for introducing "Signals" into JavaScript, aiming to standardize reactive programming mechanisms for improved interoperability, performance, and debugging across web development frameworks. |
|
|
|
|
|
|
|
|
|
| Bramus shows how easy it is to turn an existing animation into a scroll-driven one in CSS. |
|
|
|
|
|
|
|
|
|
| Antoine Mayerowitz explores the application of the Pareto Principle in video game development with stunning visualizations. |
|
|
|
|
|
|
|
|
|
| The Figma team throws us back to the early fun web and shares some epic old-school cursors. |
|
|
|
|
|
|
|
|
|
| The Merci-Michel Team shares a great case study of their Three.js game "The Fabulous Cartier Journey" |
|
|
|
|
|
|
|
|
|
| An article that discusses feedback from web developers on artificial intelligence's role in web development. |
|
|
|
|
|
|
|
|
|
| Bruce Lawson highlights quick "drive-by" accessibility tweaks in web development, such as using semantic HTML5 landmarks and improving in-page link accessibility, to enhance user experience inclusively. |
|
|
|
|
|
|
|
|
|
| Ollie Williams introduces the CustomStateSet API, enabling web components to define custom pseudo-classes like :state(loading) or :state(done) for more nuanced styling based on component state. |
|
|
|
|
|
|
|
|
|
| Exploring the link between sleep and writing quality reveals that less sleep can result in less rigorous yet more concise writing, based on an analysis of over 2,500 nights of sleep data and 58 blog posts. |
|
|
|
|
|
|
|
|
|
| A JavaScript library for generating vector-based cartoon faces. |
|
|
|
|
|
|
|
|
|
| A list of useful AI coding tools, including assistants, completion, refactoring, and more. |
|
|
|
|
|
|
|
|
|
| Jeremy Keith introduces the "hanging-punctuation" CSS property, which enables punctuation marks to hang outside text edges for cleaner alignment, currently supported mainly in Safari. |
|
|
|
|
|
|
|
|
|
| Uncover a vibrant collection of websites, each showcasing stellar design, to energize your inspiration. |
|
|
|
|
|
|
|
|
|
| Michele Giorgi shares insights into the making of 84—24. The tale of restoring an ’80s timeless classic. |
|
|
|
|
|
|
|
|
|
|
| Looking for ways to promote your startup or business to a great audience of web professionals? Sponsor our next edition, see all options here. |
|
|
|
|
|
|
|
|
|
|
Video Vault |
|
|
|
Animation Spotlight |
 |
|
|
Demo Corner |
|
|
|
|
|
❓Did you know that… |
…Elk Cloner, recognized as one of the inaugural microcomputer viruses to proliferate "in the wild" — that is, beyond the confines of the system where it originated — targeted the Apple II operating system and propagated through floppy disks? This piece of programming history was crafted around 1982 by the then 15-year-old high schooler Rich Skrenta, who later became known as a programmer and entrepreneur. Initially devised as a humorous prank, Elk Cloner found its way onto a game disk, marking an early instance of computer virus spread outside a controlled environment. |
|
|
|
|
Codrops is proudly sponsored by KeyCDN, the high performance content delivery network that has been built for the future. |
|
![Create a STREAM COUNTDOWN with THREE.JS! [FREE CODE | CODEPEN]](https://mcusercontent.com/10ffec652b0f54fe5d8682ac0/video_thumbnails_new/2cb658365adc06cee3bc5c806c6de9e4.png)
