Issue #140

December 9, 2014

Clipping and Masking in CSS

Chris Coyier

Chris Coyier explains the differences (and similarities) between CSS clipping and masking.

Towards a More Perfect Link Underline

Andrew Patton

Andrew Patton tries to create the ideal text underline using linear gradients and text shadow.

From Our Sponsor

WordPress Essentials: 48 Training Video Tutorials

Always wanted to master WordPress but didn’t know where to start? Then what you need is an essential education, or in this case, WordPress Essentials! This fabulous online training course from WPApprentice, features 48 training videos to walk you through all the core WordPress features.

Sponsor CSS Weekly and reach over 18,000 Developers

Articles & Tutorials

How to Make a Performance Budget

Dan Mall

Dan Mall looks at performance budgeting from a practical perspective and shows a tangible way to approximate how your pages should perform.

The Space Between

Tim Kadlec

In this talk Tim Kadlec explains how to create more delightful experiences for your users by carefully crafting the intermediary states of your sites.

Responsive Type and More With Only CSS

Ryan Allen

Ryan Allen shows how to use viewport-percentage lengths to scale type in response to the user’s screen size.

3D Rotating Navigation

Claudia Romano

Claudia Romano shows how to create a 3D rotating navigation, powered by CSS transforms.

Large Scale Responsive Web Design Projects: Considerations, Concerns and New Approaches

Ben Frain

Ben Frain shares his thoughts on implementing responsive web design projects at scale in larger organizations.

Jobs

Tuts+ is Hiring a Web Design Course Instructor

Here’s the challenge; we want you to teach our students how to design for the web. We’re looking for web designers to teach video-based courses at Tuts+. Get paid a competitive rate to share your knowledge and experience with the millions of students using Tuts+ every month.

Tools

Skyline: Evolving CSS Architecture

Skyline is a starting point for building custom CSS frameworks. The starter kit provides a solid CSS architecture that acts as a scaffolding to support your unique design system. It promotes object-oriented CSS, written in SCSS using BEM notation.