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

Issue #194

December 22, 2015

Being Responsive to the Small Things

Being Responsive to the Small Things

Jonathan Snook considers the problem of container (or element) queries in the context of responsive web design and looks at the approach taken by current open source JavaScript solutions.

Read more

Animating Clipped Elements In SVG

Animating Clipped Elements In SVG

Dennis Gaebel explains the difference between an SVG clipPath and a CSS clip-path, including examples to guide and inform you through this journey.

Read more

From Our Sponsor (via Syndicate)

Save 20% on Premium Design Resources Now Through December 25

Save 20% on Premium Design Resources Now Through December 25

Top design resources beat ugly sweaters every time. Creative Market invites you to save 20% now through December 25th — whether you’re on the nice list or not! Ready to shop? Visit the discount page and grab some of our most popular fonts, graphics & themes.

Redeem My 20% Discount

Articles & Tutorials

Grid, Flexbox, Box Alignment: Our New System for Layout

Rachel Andrew unwraps the new paradigms of web layout, comparing their features and showing how they can free us from grid-based, div-infested frameworks.

Read more

Expressive CSS

Expressive CSS is an approach to writing lightweight, scalable CSS using utility classes that are easy to write and understand.

Read more

Understanding the CSS Modules Methodology

Kitty Giraudel introduces CSS Modules Methodology, explains its advantages, and shows how you can get started with it.

Read more

SVG Icons Are Easy but the Fallbacks Aren't

Matt Hinchliffe explains why it’s so hard to create good fallbacks for SVG icons.

Read more

Foundation 6: an Advanced Template Review

Vaclovas Vicius gives a straightforward review of the Foundation 6 framework.

Read more

Tools

ScrollReveal

ScrollReveal is a small library that lets you easily create scroll animations for web and mobile browsers.

Check it out

Flexibility

Flexibility is a polyfill for Flexible Box Layout Module Level 1. It will let you design flexible layouts on the web without sacrificing the experience in older (Internet Explorer) browsers.

Check it out

Inspiration

Write What You Know (Now)

Write What You Know (Now)

Give yourself permission to write incomplete and imperfect stories. They’re yours and their value comes from more than technique.

Get inspired

Until Next Week

If you enjoy this newsletter, please consider supporting us on Patreon. Thank you!

Happy coding,
Zoran Jambor

Issue #193 Issue #195

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.