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

Issue #428

September 23, 2020

Finding The Root Cause of a CSS Bug

Finding The Root Cause of a CSS Bug

Ahmad Shadeed goes through the process of fixing a CSS bug and explores some common CSS issues.

Read more

How to Tell Browsers That Your Site Supports Color-Schemes

How to Tell Browsers That Your Site Supports Color-Schemes

Stefan Judis gives a detailed look at the color-scheme property that allows you to define which color schemes are defined on a website.

Read more

From Our Friends

Online Conferences on Front-End & UX

Online Conferences on Front-End & UX

Boost your design skills from experts in the industry at an online conference with practical talks and lots of interactive sessions. Smashing has a few more conferences coming up in the next couple of months, including SmashingConf Austin on October 13–14.

Use a friendly link to save $50 off the price!

Articles & Tutorials

Accessible Web Animation: The WCAG on Animation Explained

Val Head explains what we can do to make sure our animations have a positive impact on accessibility.

Read more

Introducing Web APIs for Dual Screen and Foldable Devices

An introduction to two new experimental features that will help you effectively lay out content in a browser window that spans multiple display regions and create responsive websites that are a natural fit for dual-screen and foldable devices.

Read more

Lessons Learned from Sixty Days of Re-Animating Zombies with Hand-Coded CSS

John Rhea shares some tips on working with CSS animations.

Read more

Custom CSS Styles for Form Inputs and Textareas

Stephanie Eckles demonstrates how to create custom form input and textarea styles that have a near-identical appearance across the top browsers.

Read more

Giving Users and Developers More Control Over Focus

An introduction to :focus-visible and Quick Focus Highlight features, available in Chrome 86, that improve both the user and developer experience when it comes to working with focus.

Read more

From CSS Weekly

Become a Supporter

Become a Supporter

As a supporter, you will get an ad-free newsletter, your profile will be shown on CSS Weekly’s website, and you will get a warm, fuzzy feeling knowing that you’re supporting your favorite newsletter.

Support CSS Weekly

Tools

Debug Visualizer

VS Code extension for visualizing data structures while debugging.

Check it out

CSS Flexbox Cheatsheet

VS Code extension that lets you open a flexbox cheatsheet directly in the editor.

Check it out

Inspiration

100 Divs - Dragon

100 Divs - Dragon

Cassie Evans created a lovely, interactive animation using HTML, CSS, and a bit of JavaScript.

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 #427 Issue #429

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.