CSS Weekly No 183

Introducing RAIL: A User-Centric Model For Performance

RAIL is a model for breaking down UX into key actions; it provides concrete performance goals and a structure for thinking about performance strategically. Read more

Why Do We Have `repeating-linear-gradient` Anyway?

Ana Tudor demonstrates that repeating-linear-gradients can be very useful. Read more

From Our Sponsor

Set Yourself Apart

Master your craft at the conference for people who make websites. An Event Apart is the web design and development conference where groundbreaking techniques break first. It’s where mission-critical techniques are mastered, and new ideas become industry-wide best practices. Register now and save $100 with discount code AEACSSW.

Articles & Tutorials

Inlining Critical CSS for Dynamic Web Apps

Critical CSS inlining is a technique you can use to speed up the performance of your web apps by inlining the “critical” CSS in a tag, and deferring the rest of your CSS. Read more

Shaded Progress Bars: A CSS/Sass Exercise

A tutorial on how to create some interesting 3D progress bars with CSS/Sass. Discover how to use box shadows and gradients to create realistic looking skins. Read more

Image Diffing Using CSS

Franklin Ta shows how can you easily find the difference between two images using CSS Filters. Read more

Aesthetic Sass 3: Typography and Vertical Rhythm

David Khourshid on how to use typographical styles in Sass, and how to use vertical rhythm for layout. Read more

CSS Protips

Matt Smith shares a nice collection of useful CSS tips. Read more

Jobs

UX Designer (HTML/CSS) at Booking.com

Booking,com is looking for the world’s smartest designers. As a member of our Front End team you’ll be given the freedom to make meaningful and measurable improvements impacting millions of people. You’ll join us at our beautiful Amsterdam HQ and work with some of our industry’s smartest people. Apply now

Tools

Clipboard.js

A modern approach to copy text to clipboard. No Flash. No dependencies. Just 2kb. Check it out

Sequence.js

A responsive CSS animation framework for creating sliders, presentations, banners, and other step-based applications. Check it out

Inspiration

Writing to Think

Writing on the web can be intimidating, but it’s a great way to clarify your thinking, and can lead to new opportunities in the process. Get inspired