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

Issue #413

June 2, 2020

Global and Component Style Settings with CSS Variables

Global and Component Style Settings with CSS Variables

Sara Soueidan shares some advice on how to use CSS variables to create more manageable project styles and more portable patterns.

Read more

A User’s Guide to CSS Variables

A User’s Guide to CSS Variables

Lea Verou explains the differences between declarative CSS variables and variables in other programming languages, and how you can leverage their power.

Read more

From Our Sponsor

Color Ninja for Mac

Color Ninja for Mac

The hardest thing in design might just be choosing colors. Color Ninja makes your life easier by helping you discover and create beautiful color combinations.

Download Now

Articles & Tutorials

Background Patterns, Simplified by Conic Gradients

Ana Tudor demonstrates how to simplify background patterns using Conic Gradients.

Read more

Quick Tips for High Contrast Mode

Sarah Higley shares some tips on working with the high contrast mode.

Read more

CSS-Only Slide-Up Caption Hover Effect

Michelle Barker shows how to build a UI where a caption slides over an image on hover, revealing more content.

Read more

A First Look at aspect-ratio

Chris Coyier gives an introduction to the aspect-ratio property.

Read more

Colors in CSS

Ahmad Shadeed explains color types, specific keywords, and when to use which along with use-cases and examples.

Read more

Promoted Link

Modern CSS: Writing Better, Cleaner, More Scalable Code

Modern CSS: Writing Better, Cleaner, More Scalable Code

Join an award-winning front-end architect and speaker Harry Roberts for a groundbreaking class that will transform your approach to CSS. Harry walks through his personal method for embracing its features, avoiding overrides and workarounds, and creating code that scales as you grow.

Start Your Free Trial Today

Tools

Rough Notation

A small JavaScript library to create and animate annotations on web.

Check it out

Flip

Flip is a countdown plugin that’s easy to set up, flexible, and beautifully animated.

Check it out

Inspiration

PureCSS Gaze

PureCSS Gaze

Diana Smith created another stunning, pure CSS oil painting.

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

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.