No. 821, Thursday, March 7, 2024 View in browser |
|
Olá, frontend friends! 👋
today we have lots of fresh news and tools for you, plus good web design inspiration so without further ado, let’s go!
Happy exploring! |
|
|
|
|
A lovely design with a very Japanese attention to detail, a harmonious color palette, and a touch of whimsy that brings a smile to your face. It's a celebration of playful creativity and elegant design. Our pick this week! |
Standout Web Design Picks |
|
|
| Namecheap offers the cool domain name extension with a 82% discount, don’t miss it! |
|
|
|
|
|
|
|
|
|
| A great list of talented people to follow on X. Compiled by the Muzli team. |
|
|
|
|
|
|
|
|
|
| Insights into the rebuilding of Creative Boom's article page using fluid typography for improved adaptability across different screen sizes. |
|
|
|
|
|
|
|
|
|
| Read how Epic introduced a playful bunny ice-skating game as a creative way to engage and reward website visitors, utilizing simple mechanics and charming aesthetics. |
|
|
|
|
|
|
|
|
|
| Andy Bell shows some practical applications of the :has() pseudo-class, presenting low-fidelity examples. |
|
|
|
|
|
|
|
|
|
| Ryan Mulligan explores the implementation of the classic 50/50 layout pattern using flexbox and CSS grid, with a focus on handling overflow scrolling within one of the sections. |
|
|
|
|
|
|
|
|
|
| Learn how to implement practical and scalable SVG spinners for enhanced user experience in this guide, utilizing simple SVG attributes. |
|
|
|
|
|
|
|
|
|
| In this third part in a series, container queries and their associated length units are explored, detailing their usage and potential applications in CSS styling. |
|
|
|
|
|
|
|
|
|
| CSS introduces the concept of infinity within calc() statements, offering possibilities such as achieving the highest z-index and creating elements with exceptionally large dimensions. |
|
|
|
|
|
|
|
|
|
| Read all about how React 19 introduces new features aimed at simplifying web development and enhancing performance. |
|
|
|
|
|
|
|
|
|
| Safari 17.4 introduces a new HTML form control, the switch, resembling iOS switches, offering customizable styling and accessibility features, with plans for further enhancements. |
|
|
|
|
|
|
|
|
|
| If you're interested in learning how to create websites Webflow, this great game-based guide will help you get started. |
|
|
|
|
|
|
|
|
|
| ServerlessHorrors offers a collection of cautionary tales about serverless mishaps. |
|
|
|
|
|
|
|
|
|
| Mana Potion is a toolkit to make web game development easier. It is currently mainly aimed at React and React Three Fiber projects, but it can be used in non-React projects as well. |
|
|
|
|
|
|
|
|
|
| Puter offers users an advanced open-source desktop environment accessible via web browsers, featuring speed, extensibility, and a range of potential uses including remote desktops and cloud storage interfaces. |
|
|
|
|
|
|
|
|
|
| A terminal user interface for Git. Inspired by Magit, and launched straight from the terminal. |
|
|
|
|
|
|
|
|
|
| An experimental 3D card stack animation on scroll inspired by an amazing NFT cards Dribbble shot by Renat Muratshin. |
|
|
|
|
|
|
|
|
|
|
Video Vault |
|
|
|
|
Animation Spotlight |
|
|
|
Demo Corner |
| | An interesting Three.js glitch effect made by SHoya Kajita. |
|
|
|
|
|
|
|
|
|
| | An interesting Three.js glitch effect made by SHoya Kajita. |
|
|
|
|
|
|
|
|
|
| | Sebastiano Guerriero is playing with neumorphic switches and animated icons. |
|
|
|
|
|
|
|
|
|
|
❓Did you know that… |
…the CSS Zen Garden project, initiated in 2003 by Dave Shea, revolutionized web design by showcasing how applying different CSS stylesheets to the same HTML content could drastically alter a webpage's appearance? This initiative highlighted the power of CSS in separating content from presentation, demonstrating its flexibility and encouraging its widespread adoption and standardization in web development. |
|
Codrops is proudly sponsored by KeyCDN, the high performance content delivery network that has been built for the future. |
|
|