Issue #198

January 19, 2016

Variables: The Backbone Of CSS Architecture

Karen Menezes discusses preprocessor variables and native CSS variables.

Designing A Product Page Layout with Flexbox

Levin Mejia shows how to create a powerful responsive layout for displaying a set of products using flexbox.

Find Your Top Developers

See why top startups depend on Toptal to connect them with elite developers, hand-picked to match their needs. Work with top developers on an on-demand basis.

Hire a Top Developer Now

Articles & Tutorials

Everything I Know about Responsive Web Typography with CSS

Zell Liew shares his solution for working with responsive web typography.

An Introduction to CSS’s @supports Rule (Feature Queries)

Maria Antonietta Perna takes a look at the syntax for the new @supports rule, which allows you to test for browser features, similar to how Modernizr is used.

Influencing Web Layouts with Print Layouts

Chris Coyier on why you should draw inspiration from print layouts to create better web layouts.

How I Shrank my CSS by 84kb by Refactoring with ITCSS

Jordan Koschei explains how he refactored his CSS with ITCSS methodology.

Neat Trick for CSS object-fit Fallback on Edge (and Other Browsers)

Primož Cigler offers a nice object-fit fallback for Edge and other browsers that don’t support it.

Drop.js

A library for creating dropdowns and other floating elements.

Check it out

Philter

A jQuery plugin that gives you the ability to control CSS filters with HTML attributes.

Check it out

Inspiration

I’m starting a new newsletter. It won’t be related to development; it will appeal to your creative side, with an objective to get you fired up and ready to do the work that matters. I call it Inspiration Bits. The first issue is due in a week, and I’d love it if you would join me on a new inspirational journey.

Get inspired