You’ve mastered CSS. Now master AI. Join my new weekly newsletter for developers who want to work smarter with AI. Subscribe to AI Developer Weekly »
CSS Weekly
  • YouTube Channel
  • Archives
  • Supporters
  • Submit a link
  • Advertise
  • Contact

Issue #149

February 10, 2015

CSS Reference

CSS Reference

Sara Soueidan wrote an extensive CSS reference; seriously, this is one of the most detailed and useful sources for learning CSS.

Transitioning to SCSS at Scale

Transitioning to SCSS at Scale

An excellent, in-depth article on transitioning the CSS codebase at Etsy to SCSS by Dan Na.

From Our Sponsor

Skrollr Workshop

Skrollr Workshop

Do you want to learn how to build a one page website with an elegant SVG scrolling animation? Petr Tichy will walk you through his workflow and teach you how to build a modern, scrolling one page website without any headaches.

View the Workshop

Articles & Tutorials

Using Flexbox Today

Using Flexbox Today

Chris Wright outlines a strategy of how you can enhance your layouts with Flexbox today without having to wait around for browsers to catch up. Included are some suggestions of possible layout enhancements, tips, troubleshooting as well as some step by step examples.

Towards an Easier Way to Enter Email Addresses

Towards an Easier Way to Enter Email Addresses

Stuart Tayler looks at the humble email field and how entering an address could be simplified, through auto-suggesting the domain.

What Will Save Us from the Dark Side of CSS Pre-Processors?

Lyza D. Gardner is cautiously optimistic about the future of post-processors, but also has a solution you can implement right now to save yourself from both unchecked pre-processors and unseasoned post-processors.

Reframing Accessibility for the Web

If you’ve been treating “people with disabilities” as an edge case for your websites, consider this a reckoning. Web accessibility means that people can use the web.

The Gooey Effect

Lucas Bebber explains how SVG filters work and how you can use them to create a very cool gooey effect.

Tools

Grunticon

Grunticon is a Grunt.js task that makes it easy to use SVGs for crisp, resolution independent icons, logos, illustrations and background images.

RSCSS

Reasonable Standard for CSS Stylesheet Structure; BEM-like methodology with a couple of interesting suggestions.

Inspiration

CSS Heart

CSS Heart

Daniel Lin shows that your CSS experiments don’t have to be complex to draw attention; they just have to be imaginative.

Until Next Week

If you like the content, please consider supporting CSS Weekly on Patreon. (For a symbolic donation you’ll get the ad-free newsletter ahead of time).

Happy coding,
Zoran Jambor

Issue #148 Issue #150

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.