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

Issue #110

May 13, 2014

CSS Diff

Stoyan Stefanov
CSS Diff

An excellent introduction into automated screenshot generation with PhantomJS and ImageMagick. Stoyan Stefanov shows how to easily compare differences on the site before and after you make changes, which will give you confidence that introduces changes didn’t mess anything up.

The New srcset and sizes Explained

Martin Wolf
The New srcset and sizes Explained

Martin Wolf explains in simple words the new srcset and sizes syntax for responsive images.

From Our Sponsor

Get More High-Paying Web Design Clients

Get More High-Paying Web Design Clients

80% off until the end of May, this video course is taught by the Marketing Director of a 14-year-old web design agency. You’ll learn how to sell $15,000 websites, how to beat the competition, how to manage day-to-day operations, and how to grow your web design business. Get started today!

Articles & Tutorials

The Beginner’s Guide to Grids with Zurb Foundation 5

The Beginner’s Guide to Grids with Zurb Foundation 5

Nick Pettit

A very nice introduction to Foundation’s grid system by Nick Pettit.

7 Things You Didn’t Know You Could Do with CSS

7 Things You Didn’t Know You Could Do with CSS

David Walsh

I’m quite sure that you, as a regular CSS Weekly reader, know at least three of those things. Am I right?

Styling with STRINGS

Samurai

In this talk Simurai shows how to use Flexbox, currentColor and EMs inside components to quickly style entire Web Apps straight in the browser.

Firefox Developer Tools Episode 31

Heather Arthur & Robert Nyman

Firefox DevTools are getting better and better every day.  Heather Arthur and Robert Nyman give a nice overview of new features that are already available on Aurora channel.

Creating a Dead Simple Sass Mixin to Handle Responsive Breakpoints

Tim Knight

This article focuses on simplifying the process of writing your media queries by creating a custom Sass mixin.

Tools

Hologram

Hologram is a Ruby gem that parses comments in your CSS and turns them into a beautiful style guide.

Pleeease

Pleeease is a CSS post-processor that adds prefixes, variables, pseudo-elements and rem unit support, packs same media-queries in one @media rule and minifies the result.

Until next Week

Happy coding,
Zoran Jambor

Issue #109 Issue #111

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.