No. 823, Thursday, March 14, 2024 View in browser |
 |
|
In partnership with
|
|
|
Olá, frontend friends! 👋
(This is a resend because I forgot to include the link I mention below!)
Today we bring you some neat finds, from ThreePipe’s 3D magic to Andy Bell’s smart take on progress indicators.
Plus, we’ve got tips on CSS button styles and an interesting article on the 2038 problem. My favorite link today is Eva Decker's Lissajous Curve SVG Generator, make sure to check it out!
Happy exploring! |
|
|
 |
|
We're really into Akaru's latest redesign—it skillfully combines innovative layouts with captivating scroll actions, all while adding those smooth, eye-catching details we all appreciate. Definitely our highlight this week! |
Standout Web Design Picks |
|
|
|
 |
|
Where design meets code. You can now collaborate with your team to edit CSS for any React project in one visual workspace. Create applications, develop components and design UI as intended within web standards. Download Codux to start building better, faster. |
|
|
| ThreePipe is a 3D framework built on top of three.js in TypeScript with a focus on rendering quality, modularity, and extensibility. |
|
|
|
|
|
|
|
|
|
| Andy Bell provides a solution to the progress indicator frontend challenge. |
|
|
|
|
|
|
|
|
|
| An SVG generator for Lissajous curves. Play with the frequency and phase for interesting results. Made by Eva Decker. |
|
|
|
|
|
|
|
|
|
| An article that explores innovative techniques to deliver web content in chunks as it's generated, rather than waiting for the entire page to load, improving perceived performance. |
|
|
|
|
|
|
|
|
|
| David Bushell shares lesser-known CSS styles for buttons, including using "touch-action: manipulation" to prevent unintended zooming on tap and more. |
|
|
|
|
|
|
|
|
|
| Read about the 2038 problem that refers to a potential software bug expected to occur in 2038, where systems using 32-bit signed integers for timekeeping will overflow, causing errors in date and time representations. |
|
|
|
|
|
|
|
|
|
| After his last article, Brad Frost explores the future directions for global design systems. |
|
|
|
|
|
|
|
|
|
| A quick dive into how to use adopted stylesheets to apply global styles to web components that use Shadow DOM. |
|
|
|
|
|
|
|
|
|
| Lars Wirzenius delves into personal growth, insights, and experiences accumulated over four decades, offering a thoughtful examination of life's milestones, challenges, and wisdom gained. |
|
|
|
|
|
|
|
|
|
| Spreadsheets-are-all-you-need is a low-code introduction to the details behind today’s Large Language Models (LLMs). |
|
|
|
|
|
|
|
|
|
| A great new place to find generated images free to use in commerical projects. |
|
|
|
|
|
|
|
|
|
| The JSON Canvas format, designed for infinite canvas apps, ensures user-owned, interoperable data storage and is open-source. |
|
|
|
|
|
|
|
|
|
| A straightforward HTML, CSS and JavaScript Boilerplate using just HTML, CSS and JavaScript. |
|
|
|
|
|
|
|
|
|
| A recreation of the grid item reveal animation on hover as seen on the website of Metalab. |
|
|
|
|
|
|
|
|
|
|
Video Vault |
|
|
Animation Spotlight |
 |
|
|
Demo Corner |
|
|
|
|
❓Did you know that… |
…JavaScript, used by millions of developers today, was created by Brendan Eich in just 10 days during the dotcom boom? It was intended to complement Java and appeal to beginning programmers, eventually becoming a crucial part of web development. |
|
Codrops is proudly sponsored by KeyCDN, the high performance content delivery network that has been built for the future. |
|
|
