Editorial Design Patterns With CSS Grid And Named Columns – A look at how naming lines and areas within CSS Grid make for repeatable patterns.
Space, Grids, and Layouts – The basics of creating a modern UI layout through the use of space.
Adaptive Photo Layout with Flexbox – Create a masonry-style layout of photos using only CSS.
8 Snippets That Demonstrate the Repelling Effect in Web Design – See how this “repulsive” behavior can attract user attention.
Design Systems for Developers – Use this guide to learn the ins and outs of creating a production-ready design system.
Images done right: Web graphics, good to the last byte – Learn how digital images work and some ways to optimize them.
How we’re establishing a new visual language for The Economist – A behind-the-scenes look at how the publication is creating its own design system.
Building Websites with the Future in Mind – Forward-thinking practices that will help you prepare for future growth.
Building a Scrapbook Layout with CSS Grid – A fun project that shows the true potential of CSS Grid.
Flexbox30 – A guide for learning CSS Flexbox in 30 days via 30 code tidbits.
Tiler – Use this tool to create images out of all kinds of other, smaller images.
The Top Add-Ons for the Gravity Forms WordPress Plugin – A collection of plugins that will help you go beyond contact forms.
Layout-Fun with CSS Grid – You can create some interesting responsive layouts with CSS Grid, as demonstrated here.
Introducing Sass Modules – An in-depth look at a powerful new feature for Sass.
Feeling Sassy Again – The reasons behind one company’s switch to Sass.
200 Free Animated Icons – Spruce up your projects with this collection of icons that move.
n8n – A free, open source workflow automation tool.
MarkDown – Try this WYSIWYG editor for Markdown.
Source: Specky Boy
Republished by Blog Post Promoter