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

Issue #371

July 10, 2019

Developing a Robust Font Loading Strategy for CSS-Tricks

Developing a Robust Font Loading Strategy for CSS-Tricks

Zach Leatherman shares a case study of developing a robust font loading strategy for CSS-Tricks.

Read more

CSS Custom Properties In The Cascade

CSS Custom Properties In The Cascade

Miriam Suzanne explores how CSS Custom Properties work in the cascade.

Read more

From Our Sponsor

What do you want to learn today?

What do you want to learn today?

From design systems to variable fonts, CSS Grid Layout to inclusive animation. Over 3 carefully curated days, you’ll learn it all. And what teachers you’ll learn it from: 17 pioneers leading the most important movements in web design today. $100 off with code AEACSSW19.

Set yourself apart at An Event Apart.

Articles & Tutorials

Restricting a (Pseudo) Element to Its Parent’s Border-Box

Ana Tudor shows how to ensure that nothing of a (pseudo) element gets displayed outside its parent’s border-box.

Read more

How We Built a Component Library That People Actually Enjoy Using

Chase McCoy shares some of the tools that their team at Sprout Social used to build a component library that is a joy to use.

Read more

Bringing New CSS Techniques to Production

Ash Stevens shares their experience with adopting new CSS techniques into projects.

Read more

Styling Underlines

Jen Simmons‏ gives a quick round-up of the different CSS properties that are coming to help us style underlines.

Read more

How to Test for Accessibility With Cypress

Josh McClure reviews how to create test cases, integrate and use axe to check for accessibility violations with Cypress, and enhance accessibility tests.

Read more

Promoted Link

Live now: Developer Economics Survey.

Live now: Developer Economics Survey.

Developers, have your voice heard!
Which are your favourite tools?
Let us know and you might win one of our awesome prizes.

Take the survey

Tools

Freezeframe.js

Freezeframe.js is a library that pauses animated .gifs and enables them to animate on mouse hover, mouse click, touch event, or manual trigger.

Check it out

PapaParse

PapaParse is a fast and powerful CSV (delimited text) parser that gracefully handles large files and malformed input.

Check it out

Inspiration

Flappy Bird

Flappy Bird

Charlie Gerard created a fascinating version of a Flappy Bird game that works with browser windows.

Get inspired

Until Next Week

Thanks for reading! If you find the content valuable, please consider supporting the newsletter on Patreon.

Happy coding,
Zoran Jambor

Issue #370 Issue #372

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.