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

Issue #122

August 4, 2014

Refactoring CSS for Maintainability

Alicia Liu
Refactoring CSS for Maintainability

In this talk Alicia Liu covers methods for refactoring CSS including code organization and naming, dealing with incremental change, and special considerations for responsive styles.

Responsive Web Made Easier with Chrome DevTools Device Mode

Tomomi Imura
Responsive Web Made Easier with Chrome DevTools Device Mode

Tomomi Imura gives a nice overview of new features for mobile development available in Chrome DevTools.

From Our Sponsor

Frontend Masters: Online/In-Person Workshop on Responsive Typography

Frontend Masters: Online/In-Person Workshop on Responsive Typography

Explore web fonts, responsive type and how to use web fonts in a performant, usable and consistent across browsers way.

Join RWD typography expert Jason Pamental Aug 29th and come away with loads of concrete skills to make your sites work beautifully on every device and platform.

Articles & Tutorials

How We Make RWD Sites Load Fast as Heck

How We Make RWD Sites Load Fast as Heck

Scott Jehl

Scott Jehl outlines some recent observations and approaches to delivering sites for speed and broader access, and links out to various tools Filament Group is using to facilitate their approach.

Understanding SVG Coordinate Systems & Transformations (Part 2) – The transform Attribute

Understanding SVG Coordinate Systems & Transformations (Part 2) – The transform Attribute

Sara Soueidan

In this article Sara Soueidan goes over the SVG transform attribute and CSS property, covering how to use it, and things you should know about SVG coordinate system transformations.

Techniques for Mobile and Responsive Cross-browser Testing: an Envato Case Study

Jordan Lewis

Jordan Lewis gives a nice overview of tools and techniques for mobile and responsive cross-browser testing, based on his experience in Envato.

Bouncy Transitions

Donovan Hutchinson

Donovan Hutchinson shows how can CSS Transitions be a great way to add some extra interactivity to your designs.

Keep Sass Simple

Kitty Giraudel

Just because you can do crazy stuff with Sass, doesn’t mean you should. Quite the contrary, actually.

An Alphabet of Accessibility Issues

Anne Gibson

An excellent article that clearly depicts why it’s important to create accessible websites.

Tools

Critical

Critical is a tool that extracts & inlines critical-path (above-the-fold) CSS from HTML.

Responsive Email Patterns

A quite nice collection of patterns & modules for responsive emails.

Inspiration

Loader a Day

Reinier Kaper
Loader a Day

Reinier Kaper created a series of CSS Loaders in order to get more familiar with CSS transforms and animations. There’s a couple of quite impressive ones, so make sure you check his entire Codepen profile.

Until Next Week

Happy coding,
Zoran Jambor

Issue #121 Issue #123

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.