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

Issue #423

August 19, 2020

Gradient Angles in CSS, Figma & Sketch

Gradient Angles in CSS, Figma & Sketch

Nils Binder explores the differences of gradients in CSS, Figma, and Sketch.

Read more

A Lightweight Masonry Solution

A Lightweight Masonry Solution

Ana Tudor shows how to create a lightweight masonry solution.

Read more

Articles & Tutorials

content-visibility: The New CSS Property That Boosts Your Rendering Performance

Una Kravets and Vladimir Levin explain how to improve initial load time by skipping the rendering of offscreen content by using content-visibility property, launching in Chromium 85.

Read more

Accessibility In Chrome DevTools

Umar Hansa demonstrates some useful features in DevTools that can help you improve the accessibility of your website.

Read more

How I Structure My CSS (for Now)

Matthias Ott shares his current take on CSS structure.

Read more

Drop-Shadow: The Underrated CSS Filter

Michelle Barker explains how the drop-shadow CSS filter works and how it differs from box-shadow.

Read more

Optimizing CSS for Faster Page Loads

Tomas Pustelnik shows how CSS affects page load times and how you can improve it by optimizing your CSS build pipeline.

Read more

Promoted Link

The Big Book of Font Combinations

The Big Book of Font Combinations

With so many amazing typefaces out there it is easy to lose hours exploring and pairing fonts to get the perfect design. The Big Book of Font Combinations changes all that. This amazing resource streamlines your research by putting a working historical record of the most incredibly influential typefaces in graphic design history in your hands.

Buy now

Tools

Layout Shift GIF Generator

A tool to visualise the Core Web Vitals metric Cumulative Layout Shift (CLS) with a simple GIF.

Check it out

Warp SVG Online

An online tool to warp and distort SVG.

Check it out

Inspiration

Only CSS: Summer Dream

Only CSS: Summer Dream

Yusuke Nakaya created a lovely animated illustration using only 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 #422 Issue #424

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.