Issue #301

February 7, 2018

Let’s Make Multi-Colored Icons with SVG Symbols and CSS Variables

Sarah Dayan created an in-depth guide into the how and why to create multi-colored icons with SVG symbols and CSS variables.

Using Media Queries For Responsive Design In 2018

Rachel Andrew takes a look at the use of media queries for responsive design today, how they work alongside Flexbox and Grid Layout, and looks at what is coming in the future.

Toptal

Hire Top Designers Faster: The search is over. Let Toptal connect you with the world’s most talented web and UX designers.

Get Started Today

Articles & Tutorials

Using Conic Gradients and CSS Variables to Create a Doughnut Chart Output for a Range Input

Ana Tudor demonstrates how conic gradients work.

Email Accessibility in Action

Rémi Parmentier shares four tips to improve email accessibility, illustrated with videos.

Build a Download Button Full of Micro Interactions

Luis Manuel shows how to build a download button full of micro-interactions using CSS, SVG, and JavaScript.

Style Guide-Driven Design Systems

Brad Frost explains why establishing a design system through the lens of its style guide is a great exercise that brings the team together, establishes good processes, helps educate the entire organization, and sets the design system up for long-term success.

CSS Grid Layout — Crossed Sections

Rafaela Ferro gives an introduction to CSS Grid and its potential with a practical example.

Northwestern’s Online Master's in Information Design and Strategy

Learn to drive effective digital communication and prepare for cross-functional careers in information management, design, content strategy, and technology.

Learn more →

Tools

Purgecss

Purgecss is a tool to remove unused CSS. It can be used as part of your development workflow, and it comes with a JavaScript API, a CLI, and plugins for popular build tools.

Check it out