No. 829, Thursday, April 4, 2024 View in browser |
 |
|
In partnership with
|
|
|
Olá, frontend friends! 👋
This edition brings insights from Ahmad Shadeed on CSS container queries, Tyler MacArthur on the benefits of image sitemaps for SEO, and Robin Rendle's strategies for handling CSS complexities.
Rachel Andrew introduces a comprehensive course on JavaScript, and David Bushell discusses optimizing image processing with OffscreenCanvas and Web Workers.
We have some nice videos for you, too; don’t miss refining your CSS layout and animation skills!
Happy learning! |
|
|
 |
|
This week's website pick is none other than Organimo's breathtaking website, a masterpiece crafted by the ingenious minds at Unseen Studio. Submerge into a surreal and beautiful world, where the ocean's depths are brought to life through an amazing scroll experience. Fantastic work! |
Standout Web Design Picks |
|
|
 |
Level up your design skills! Codux is a collaborative visual development environment that allows you to edit CSS and style React components directly on the source code.This course was created so you can master the basics and start creating with confidence.
Watch Now 👉 (sponsored) |
|
| Learn how to use CSS container queries in this comprehensive guide by Ahmad Shadeed. |
|
|
|
|
|
|
|
|
|
| Tyler MacArthur shares insights on creating and using image sitemaps for websites, focusing on SEO benefits. |
|
|
|
|
|
|
|
|
|
| Robin Rendle explores strategies to manage CSS's inherent complexity, specifically targeting the challenging "cascade" aspect where styles unintentionally impact other elements. |
|
|
|
|
|
|
|
|
|
| Rachel Andrew introduces "Learn JavaScript," a comprehensive course offered on web.dev, authored by Mat Marquis. |
|
|
|
|
|
|
|
|
|
| An article that explores the concept of repetition and its significance across various dimensions of life and art. |
|
|
|
|
|
|
|
|
|
| David Bushell explores the benefits of using the OffscreenCanvas API within Web Workers, including the Service Worker, for processing images like podcast artwork without affecting the main thread. |
|
|
|
|
|
|
|
|
|
| Andy Bell explores theming with modern CSS in a prototype, focusing on solid HTML foundations, skeletal CSS for defaults, and thematic customizations to enhance design flexibility and efficiency. |
|
|
|
|
|
|
|
|
|
| Learn how inlining CSS on a website can lead to significant improvements in loading times and site traffic. |
|
|
|
|
|
|
|
|
|
| Read about a project by Stefan Bohacek, Literary Domains, which generates domain names from public domain books hosted on Project Gutenberg, using Parker Higgins' public_domains Python script. |
|
|
|
|
|
|
|
|
|
| Luis discusses the relevance and application of semantic design in the context of design tokens and Figma variables. |
|
|
|
|
|
|
|
|
|
| Alex Klein's article in UX Collective highlights the importance of designing AI prompts rather than just engineering them to ensure they meet user needs effectively. |
|
|
|
|
|
|
|
|
|
| (Sponsored) Codux aims to bridge the widening gap between designers and developers in the modern web era, fostering a collaborative environment where creativity meets code. |
|
|
|
|
|
|
|
|
|
| An animation experiment where we expand an image within some typographic element on scroll. |
|
|
|
|
|
|
|
|
|
|
Video Vault |
|
|
|
|
|
Animation Spotlight |
 |
|
|
Demo Corner |
|
|
|
|
|
|
❓Did you know that… |
…the TOR network, enabling anonymous web browsing, was initially developed by the U.S. Naval Research Laboratory in the mid-1990s to protect intelligence communications? Named "The Onion Router" for its layered encryption method, TOR was later released to the public, becoming a vital tool for ensuring privacy and circumventing censorship online. |
|
Codrops is proudly sponsored by KeyCDN, the high performance content delivery network that has been built for the future. |
|
