CSS Weekly
  • YouTube Channel
  • Archives
  • Supporters
  • Submit a link
  • Advertise
  • Contact

Issue #130

September 29, 2014

Beware of Selector Nesting in Sass

Kitty Giraudel
Beware of Selector Nesting in Sass

Selector nesting can actually cause more problems than it solves. Kitty Giraudel explains why you should use Sass, or any preprocessor for that matter, to simplify your code, not to make it more complex.

Making Responsive HTML Emails

Benjy Stanton
Making Responsive HTML Emails

Benjy Stanton shares his process for designing, building and testing responsive HTML emails.

From Our Sponsor

15 Unique Résumé and Cover Letter Templates

15 Unique Résumé and Cover Letter Templates

Résumés and cover letters are your first step towards a new career. That’s why you really need a killer résumé to catch someone’s eye. With this gorgeous collection of high-quality résumés and cover letters you can do just that!

Articles & Tutorials

Design is Hard: The Considerations Behind Resizeable Editors, a Minor Design Feature

Design is Hard: The Considerations Behind Resizeable Editors, a Minor Design Feature

Chris Coyier

A nice case study of implementing drag-resizable editors into Codepen by Chris Coyier. Well worth the read.

How we designed and coded an animated banner ad with no images

How we designed and coded an animated banner ad with no images

Steven Fabre

Steven Fabre shows how to code an animated CSS banner without using images and explains a few things about CSS animations along the way.

Better @font-face with Font Load Events

Zach Leatherman

Zach Leatherman explains why are current implementations of @font-face actually harmful to the performance and usability of the web, and shows how to make small changes to fonts loading to make the web work better for everyone.

How to Build a Responsive Website That Supports Older Browsers

Zell Liew

A couple of good and useful tips on supporting older browsers by Zell Liew.

Size Matters: Balancing Line Length And Font Size In Responsive Web Design

Laura Franz

Laura Franz shares a couple of excellent tips on typography in regard to responsive design.

Tools

CSS Layout Debbuger

A tweet-sized debugger for visualizing CSS layouts which outlines every DOM element on the page with a random color.

draGGradients

A simple and intuitive tool that will help you to easily create CSS radial-gradients.

Inspiration

CSS Swinging Lightbulbs

Brandon Lawrence
CSS Swinging Lightbulbs

Brandon Lawrence demonstrates how to make photos come to life with a little bit of CSS magic.

Until Next Week

Happy coding,
Zoran Jambor

Issue #129 Issue #131

CSS Stickers!

CSS Stickers set.

A set of beautiful, cute, and funny CSS stickers to showcase your love for CSS.

Get Your Set Today »

Course Mastering Linting

Get proficient with the best linting tools, Prettier & Stylelint.

Enroll Now »

Follow CSS Weekly

YouTube 11,000 Subscribers X / Twitter 16,700 Followers Bluesky 3,900 Followers TikTok 1,600 Followers Facebook 2,400 Likes Codepen 150 Followers RSS 8,500 Subscribers
YouTube 11,000 Subscribers X / Twitter 16,700 Followers Bluesky 3,900 Followers TikTok 1,600 Followers Facebook 2,400 Likes Codepen 150 Followers RSS 8,500 Subscribers

CSS Weekly is curated, edited,
published and created by Zoran Jambor.