Inspirational Website of the Week: Stone & Style
A wonderful design that presents with the central element in a unique way. Our pick this week.
Start your own freelance business by becoming a Divi expert
Learn how to develop websites with the most popular WordPress theme in the world and secure your success as a freelancer.
LCH colors in CSS: what, why, and how?
Lea Verou gets us excited about LCH colors in CSS and explains how to put them to use.
Frontend Mentor
Improve your front-end skills by building real projects. Solve real-world HTML, CSS and JavaScript challenges whilst working to professional designs.
Building an Interactive Timetable
Michelle Barker shares how she built an interactive timetable.

BEM Naming Cheat Sheet
A visual tool that provides naming-suggestions for CSS classes using the BEM naming convention.
Radius: A Design System Accelerator
The Radius DS is a collection of open-source tools and libraries that allow you to accelerate your design system.
Responsive Images the Simple Way
An easy-to-follow guide on how to get responsive images right. By Scott Vandehey.
Circle Swap Photo Gallery
A playful gallery with a really cool transition effect made with React and GSAP. By Steve Gardner.
Button?Design
All you need to know about button design, one of the main interactive building blocks for creating a user interface. An article by Taras Bakusevych.

Fullstack
A little game by Hakim El Hattab where you stack checkboxes. Also, check out this remix by Phillipp Kief.
Sections 2 Wireframe Kit
Sections 2 is a library of UI components for rapidly building landing page wireframes. The free version includes 10 ready-made screens in light mode.
Cross-origin fetches
In this episode of HTTP 203, Jake and Surma dive into the world of cross-origin fetches, and how the web is still battling against some early design mistakes.
Linux Man Pages — Dash Dash
Dash Dash sets the linux documentation in a beautiful collection of typefaces to make the technical content more approachable.
Font Books
Font Books is a collection of original typefaces designed to help people read and understand classic literature better.
MVP.css
In case you didn’t know it yet: MVP.css is an out-of-the box CSS styling for HTML elements. No class names, no framework to learn.
Button bending hover
Some button bending magic by Aaron Iker.
WebGL water ripples
An amazing demo by Martin Laxenaire.
Rapid Image Layers Animation
A rapid animation of multiple layers of images for intros or page transitions made with GSAP.
Collective #601 was written by Pedro Botelho and published on Codrops.
Leave A Comment