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

Issue #411

May 20, 2020

Rebuilding Our Tech Stack for the New Facebook.com

Rebuilding Our Tech Stack for the New Facebook.com

Ashley Watkins and Royi Hagigi share how their team completely rebuilt the Facebook tech stack to achieve their goals for performance and sustainable future growth.

Read more

Creating an Accessible Range Slider with CSS

Creating an Accessible Range Slider with CSS

Lindsey Kopacz demonstrates how to create an accessible Range Slider using CSS.

Read more

From Our Sponsor (via ThoughtLeaders)

Work remotely, get things done - Clubhouse.io

Work remotely, get things done - Clubhouse.io

Clubhouse is a fast, enjoyable PM tool designed to maximize collaboration and productivity. Built for remote teams by a remote team.

Try it Free

Articles & Tutorials

Neon Mode: Building a new Dark UI

Max Böck shares how their team at Codista made a dark mode for their website.

Read more

Everything I Learned About min(), max(), clamp() In CSS

Ahmad Shadeed gives an introduction to min(), max(), clamp() CSS comparison functions, and provides some practical examples and use-cases.

Read more

Custom Cascades

Miriam Suzanne demonstrates how, by defining a cascade of custom properties, you can determine which intent should take priority without worrying about the specificity of how that value is defined.

Read more

Accessible Animations in React

Joshua Comeau shows how to use the prefers-reduced-motion media query to disable animations in React.

Read more

CSS Fix for 100vh in Mobile WebKit

Matt Smith introduces a potential fix to the 100vh problem in mobile WebKit browsers.

Read more

Promoted Link

Getting Started with CSS Grid

Getting Started with CSS Grid

Join web guru, speaker, and author Rachel Andrew for this class all about CSS Grid: the most powerful layout system available in CSS. Throughout the class, Rachel breaks down CSS Grid and shows you the powerfully responsive and flexible structures it allows you to implement into your designs.

Start Your Free Trial Today

Tools

Vime

Vime is an open-sourced library focused on giving users and developers the best possible media player experience on the web.

Check it out

Will it CORS?

An online tool for establishing how your potential use case will or won’t operate alongside CORS Cross-Origin Resource Sharing.

Check it out

Inspiration

Animal Crossing: Isabelle's Day Off (Pure CSS)

Animal Crossing: Isabelle's Day Off (Pure CSS)

Tee Diang created an isomorphic artwork with CSS, inspired by the Animal Crossing game.

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 #410 Issue #412

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.