Issue #300

January 31, 2018

One File, Many Options: Using Variable Fonts on the Web

Ollie Williams gives an excellent introduction to variable fonts.

Recreating the GitHub Contribution Graph with CSS Grid Layout

Ire Aderinokun shares how she recreated the GitHub Contribution graph using CSS Grid Layout.

UX Web Tiles for Flow Diagrams and Sitemaps

This set features a total of 150 unique Web Tiles from Firetuts, that can easily be used to create Flow Diagrams and Sitemaps for your clients. Simple to edit and highly customizable.

Jump on this deal now!

Articles & Tutorials

How to Use Variable Fonts in the Real World

Richard Rutter gives some tips and trick to using variable fonts in the real world.

Interactive Email Using SVG and SMIL

An interesting experiment that explores the possibility of creating SMIL-based interactive emails.

CSS Grid + CSS Multi-Columns = ♥

Patrick Brosset explores the relationship between two CSS layout features: CSS Grid and CSS Multi-Columns.

Why I changed the way I think about Code Quality

John Cobb explains why ensuring code quality should be an inherent requirement of every development task.

A Tale of Two Rooms: Understanding Screen Reader Navigation

Ryan Jones will help you more accurately understand what it is like for someone using screen reading software to navigate through a web page.

Improve your CSS with the coding experts at Treehouse

Whether you’re trying to become a front-end web developer or just brush up on your skills, Treehouse’s CSS course is interactive and on-demand to give you the skills you need to start building your own web pages.

Claim your free trial >>

Tools

CSS Gridish

CSS Gridish is a handy tool that automatically builds your grid design’s CSS Grid code, CSS Flexbox fallback code, Sketch artboards, and Chrome extension.

Check it out