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

Issue #427

September 16, 2020

CSS With Accessibility in Mind: Progressive Enhancement

CSS With Accessibility in Mind: Progressive Enhancement

Manuel Matuzovic outlines why we should build websites with a basic but resilient foundation that work in most browsers and then enhance them with design and visual improvements.

Read more

AVIF Has Landed

AVIF Has Landed

Jake Archibald gives an excellent, in-depth introduction to AVIF, a new image format derived from the keyframes of AV1 video, already supported in Chrome 85.

Read more

From Our Friends

Online Workshops on Front-End & UX

Online Workshops on Front-End & UX

Boost your design skills online and learn practical insights from experts in the industry, live. That are Smashing Online Workshops, broken into 2.5h live sessions, spanning across weeks. Workshops on various design and development topics. All with tangible takeaways, exercises, access to experts, slides, recordings and a friendly Q&A.

Ah, use a friendly link to save $50 off the price! Meow!

Articles & Tutorials

How to Use CSS Masking

Rachel Andrew explains how to use the mask-image property in CSS, which lets you specify an image to use as a mask layer.

Read more

Interaction Media Features and Their Potential (for Incorrect Assumptions)

Patrick H. Lauke gives an introduction to the Media Queries Level 4 Interaction Media Features — pointer, hover, any-pointer, and any-hover — meant to allow sites to implement different styles and functionality depending on the user’s input devices.

Read more

How CSS Perspective Works

Amit Sheen explains the concept of perspective, starting with the very basics, by building a fully animated 3D cube.

Read more

Designing With Reduced Motion For Motion Sensitivities

Val Head shows how to design motion that is creative and innovative while also safer for those with motion sensitivities by using the prefers-reduced-motion-media feature.

Read more

Accessible Color Standards - Designing in the Browser

Una Kravets talks about color contrast, goes over what the A, AA, and AAA conformance levels mean, and how to ensure proper accessibility compliance for your own site.

Watch video

Promoted Link

Paletter for Mac

Paletter for Mac

Paletter is the professional color palette creation tool for Mac – and it can help you create broad palettes in just minutes.

Buy now

Tools

React Fast Charts

React Fast Charts is a performant React charting library with a loading time of less than 50ms.

Check it out

CSS Art Debugger

A small bookmarklet that will help you debug pure CSS art.

Check it out

Inspiration

3D Modern House - Pure CSS

3D Modern House - Pure CSS

Ricardo Oliva Alonso created a stunning 3d illustration in CSS.

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 #426 Issue #428

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.