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!
Inspirational Website of the Week: NEWPEACE
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
🧑🏽💻 Retrofitting fluid typography
Insights into the rebuilding of Creative Boom’s article page using fluid typography for improved adaptability across different screen sizes.
👾 Reward your future customers with a game
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.
👯 The Fifty-Fifty Split and Overflow
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.
♾ Playing with Infinity in CSS
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.
🎛 An HTML Switch Control
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.
🃏 On-Scroll 3D Stack Motion Effect (from our blog)
An experimental 3D card stack animation on scroll inspired by an amazing NFT cards Dribbble shot by Renat Muratshin.
Video Vault
Animation Spotlight
Synthetic Design, work in progress by Thibaut Foussard
Demo Corner
An interesting Three.js glitch effect made by SHoya Kajita.
An interesting Three.js glitch effect made by SHoya Kajita.
❓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.
