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

Issue #120

July 21, 2014

Scaling Down The BEM Methodology For Small Projects

Maxim Shirshin
Scaling Down The BEM Methodology For Small Projects

In this in-depth article Maxim Shirshin explains that BEM is not just for big companies; it works for everyone by bringing unified semantics across all of the front-end technologies that are being used.

3.14 things I didn’t know about CSS

Mathias Bynens
3.14 things I didn’t know about CSS

Mathias Bynens showcases a series of obscure CSS fun facts, such as CSS syntax gimmicks and quirks, weird tricks that involve CSS in one way or another, and security vulnerabilities that are enabled by (ab)using CSS in unexpected ways.

From Our Sponsor

Parallax Scrolling Master Class

Parallax Scrolling Master Class

This online course will teach you how to build a parallax scrolling website from start to finish. You’ll get almost 3hrs of video tutorials accompanied with downloadable demo files so you can follow every step along the way.

Articles & Tutorials

CSS In Your Pocket - Mobile CSS Tips From The Trenches

CSS In Your Pocket - Mobile CSS Tips From The Trenches

Angelina Fabbro

Angelina Fabbro shows how to debug CSS of mobile apps (responsive, hosted and packaged apps) and discusses the various methods to do so along with their merits and shortcomings.

Understanding SVG Coordinate Systems & Transformations – The viewport, viewBox, & preserveAspectRatio

Understanding SVG Coordinate Systems & Transformations – The viewport, viewBox, & preserveAspectRatio

Sara Soueidan

In this article Sara Soueidan goes over three of the most important SVG attributes that control SVG coordinate systems: viewport, viewBox, and preserveAspectRatio.

Dealing with a Large CSS Codebase

Jake Bresnehan

In this post Jake Bresnehan explores ways to make working on large CSS codebases more enjoyable.

Hacks for Dealing with Specificity

Harry Roberts

Harry Roberts shows two useful tricks for dealing with CSS specificity.

Inheriting box-sizing Probably Slightly Better Best-Practice

Chris Coyier

Chris Coyier shows how to reset box-sizing to border-box in a slightly better way than you’re used to.

Tools

StyleStats

StyleStats is a Node.js library which displays CSS statistics of your site. Collected data will give you a nice insight into your stylesheets and some ideas on how to improve them.

SassDoc

SassDoc is a Documentation Tool for Sass. You can run it from your terminal, or use it directly from your JavaScript applications.

Inspiration

Pure CSS One Div Weather Animated Icons

Fabrizio Bianchi
Pure CSS One Div Weather Animated Icons

These weather animations by Fabrizio Bianchi are really gorgeous. Needless to add, they’re created with pure CSS.

Until next week

Happy coding,
Zoran Jambor

Issue #119 Issue #121

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.