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

Issue #146

January 20, 2015

BEM and SMACSS: Advice From Developers Who’ve Been There

Patrick Catanzariti
BEM and SMACSS: Advice From Developers Who’ve Been There

Patrick Catanzariti contacted a number of developers who have used BEM and SMACSS in their projects, and collected their thoughts on how they can be used effectively.

CSS Animations Performance: The Untold Story

Jack Doyle
CSS Animations Performance: The Untold Story

Jack Doyle outlines some interesting performance implications of using CSS animations that aren’t widely known. (Make sure you read the discussion in the comments as well, since a few things in article/video are not entirely accurate.)

From Our Sponsor

CSS Selector

CSS Selector

Generate CSS selectors from HTML code. CSS Selector eliminates manual mapping of CSS selectors for your HTML code and speeds up web coding process.

Articles & Tutorials

Auto-Hide Sticky Header

Auto-Hide Sticky Header

Osvaldas Valutis

Osvaldas Valutis shows how to create an auto-hide sticky header, which makes site navigation easily accessible anywhere on the page and saves content space at the same time.

OOCSS/Atomic CSS are Responsive Web Design ‘anti-patterns’

OOCSS/Atomic CSS are Responsive Web Design ‘anti-patterns’

Ben Frain

Ben Frain argues that an OOCSS architectural approach to a large scale, rapidly changing responsive web site or application is an ‘anti-pattern’. Quite an interesting read.

Themed Styles With Sass

Ethan Muller

Writing all the markup and styles from the ground up for multiple brands wastes your time upfront and makes future changes even more cumbersome. Ethan Muller has a interesting Sassy solution to save your time and sanity.

The FUN CSS naming convention explained

Ben Frain

This post serves as a detailed reference and rationale of how to name HTML classes and equivalent CSS selectors using a FUN CSS methodology.

Exploring the Web Animations API

Christian van Deursen

Christian van Deursen gives a nice introduction to The Web Animations API.

Support CSS Weekly

Become a CSS Weekly Supporter

Become a CSS Weekly Supporter

As a supporter, you will get an ad-free newsletter, you will get the newsletter at least 12 hours before non-supporters, and your profile will be shown on CSS Weekly’s website.

Become a Supporter

Tools

Typesettings.css

Typesettings.css is the typography boilerplate for your minimal website or blog project.

Range.css

Range.css is a handy tool that will help you style Range Inputs (<input type=”range”>).

Inspiration

Another 3D CSS Experiment

Nate Wiley
Another 3D CSS Experiment

This beautiful CSS animation by Nate Wiley could actually be used as a loader.

Until Next Week

Happy coding,
Zoran Jambor

Issue #145 Issue #147

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.