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

Issue #123

August 11, 2014

Enduring CSS: writing style sheets for rapidly changing, long-lived projects

Ben Frain
Enduring CSS: writing style sheets for rapidly changing, long-lived projects

Ben Frain shares his current approach to writing CSS for enduring web projects. In this article he covers essential tooling, preferred project structure and his current CSS authoring methodology.

Present and Future of CSS Layout

Tab Atkins
Present and Future of CSS Layout

In this talk Tab Atkins explores some of the new abilities enabled by CSS’s new layout specs Flexbox and Grid.

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

Pure CSS Parallax Scrolling Websites

Pure CSS Parallax Scrolling Websites

Keith Clark

Keith Clark demonstrates how to use CSS transforms, perspective and some scaling trickery to create a pure CSS parallax scrolling website.

7 Non-raster Approaches for Making the “Hamburger” Menu Icon

7 Non-raster Approaches for Making the “Hamburger” Menu Icon

Guy Routledge

Guy Routledge looks at a number of ways to create and add a hamburger menu icon to a project.

Clever Uses for Step Easing

Julian Shapiro

Julian Shapiro explores step easing, a type of CSS animation transition that jumps from keyframe to keyframe in a set number of steps, rather than packing in as many keyframes as possible as animations normally do.

Talking Sass with the co-founder of Dribbble

Jim Thacker

Dan Cederholm, co-founder of Dribbble, talks about Dribbble’s future, his role in the Paraguayan design industry, and his love of Sass.

Menus with a Sliding Marker

Thierry Koblentz

Thierry Koblentz demonstrates an interesting JavaScript-free solution of a “sliding” marker next to or behind links in vertical or horizontal menus.

Tools

Analyze-CSS

Analyze-CSS is a CSS selectors complexity and performance analyzer.

SUIT CSS

SUIT CSS is a reliable and testable styling methodology for component-based UI development.

Inspiration

Coloured lightmaps with CSS blend modes

Keith Clark
Coloured lightmaps with CSS blend modes

An absolutely stunning CSS geometry and lightning demo by Keith Clark.

Until Next Week

Happy coding,
Zoran Jambor

Issue #122 Issue #124

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.