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!
|
|
 |
|
Ready to start a business? Your first step is Anytime Mailbox
|
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)
|
|
|
|
|
|
|
|
|
|
|
|
🚦 JavaScript Signals standard proposal
|
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.
|
|
|
|
|
|
|
|
|
|
|
|
Antoine Mayerowitz explores the application of the Pareto Principle in video game development with stunning visualizations.
|
|
|
|
|
|
|
|
|
|
|
|
|
The Merci-Michel Team shares a great case study of their Three.js game “The Fabulous Cartier Journey”
|
|
|
|
|
|
|
|
|
|
|
🤖 Learning from you about AI
|
An article that discusses feedback from web developers on artificial intelligence’s role in web development.
|
|
|
|
|
|
|
|
|
|
|
♿ Drive-by accessibility tweaks
|
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.
|
|
|
|
|
|
|
|
|
|
|
|
💤 Blog Posts, Sorted by Sleep
|
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.
|
|
|
|
|
|
|
|
|
|
|
👨💻 Awesome-Code-AI
|
A list of useful AI coding tools, including assistants, completion, refactoring, and more.
|
|
|
|
|
|
|
|
|
|
|
📖 Hanging punctuation in CSS
|
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.
|
|
|
|
|
|
|
|
|
|
|
|
🕰️ Case Study: 84—24 (from our blog)
|
Michele Giorgi shares insights into the making of 84—24. The tale of restoring an ’80s timeless classic.
|
|
|
|
|
|
|
|
|
|
|
|
|
Video Vault
|
|
|
|
|
|
Animation Spotlight
|
 |
|
Go FlyEase by Biondic Vladimir
|
|
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)
