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

Issue #185

October 20, 2015

Web Font Anti-Patterns

Web Font Anti-Patterns

In this se­ries of ar­ti­cles Bram Stein takes a look at some of the most com­mon anti-pat­terns for cre­at­ing, us­ing, and load­ing web fonts.

Read more

Animate Elements on a Path with CSS

Animate Elements on a Path with CSS

Dudley Storey on the new Motion Path specification, which allows elements to follow curving, pre-plotted paths in native HTML and CSS, with some assistance from SVG.

Read more

From Our Sponsor

Become a Better Designer

Become a Better Designer

You need to take this awesome course if you want to learn how to market yourself as a designer or if you want to find out how to make good money as a creative in general.

Take This Course

Articles & Tutorials

Ludicrously Fast Page Loads - A Guide for Full-Stack Devs

Nate Berkopec explains in detail how can you diagnose performance issues on the frontend of your site.

Read more

Hiding Things With CSS

There isn’t just a single property that you reach for when hiding and showing things in CSS. There are a bunch of considerations that Chris Coyier covers in this video.

Watch video

Optimising the Smashing Magazine logo - a short walkthrough

Radu Chelariu ‏shows how could the Smashing Magazine’s SVG logo be optimised to gain 93.5% reduction in file size.

Read more

Diamond Grid Layout with Sass

Hui Jing shows how to create a diamond-based grid layout.

Read more

Reverse Text Color Based on Background Color Automatically in CSS

Robin Rendle shows how to achieve a useful effect using mix-blend-mode in CSS.

Read more

Tools

Trix

A rich text editor for everyday writing. It features a sophisticated document model, support for embedded attachments, and outputs terse and consistent HTML.

Check it out

Print.css

Print.css is an open source print stylesheet for the environmentally-conscious web developers.

Check it out

Inspiration

Lego Emmet in Pure CSS

Lego Emmet in Pure CSS

Rachel Bull recreated Emmet from The Lego Movie in pure CSS using HTML shapes, pseudo elements and box-shadows.

Get inspired

Until Next Week

If you like this newsletter, please consider supporting it on Patreon. Thank you so much!

Happy coding,
Zoran Jambor

Issue #184 Issue #186

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.