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

Issue #536

January 17, 2023

Conditional CSS

Conditional CSS

Ahmad Shadeed goes over a few CSS features we use daily and shows how conditional they are.

Read more

Deploying CSS Logical Properties On Web Apps

Deploying CSS Logical Properties On Web Apps

Nicolas Hoffmann shares how their team at Proton carried out a massive move from CSS logical props to production and how you can consider them from a different perspective in your very own projects.

Read more

From Our Sponsor

Remove the Hurdles of Distributed Data, Distributed Systems and All Underlying Architecture Complexity

Remove the Hurdles of Distributed Data, Distributed Systems and All Underlying Architecture Complexity

Get right to the business logic with Kalix. Build high-performance microservices and APIs with NO operations required. Start with a free trial and experience how easy it is to build the hardest applications.

Start Building Your Applications Today

CSS Weekly on YouTube

Command Palette in Chrome DevTools?

A quick-tip on using Command Palette in Chrome Developer Tools to easily access any DevTools feature.

Watch video

VS Code Tips - Collapse All Sidebar Folders

A quick tip outlining how to easily collapse all sidebar folders in Visual Studio Code.

Watch video

Articles & Tutorials

CSS Style Queries

Ahmad Shadeed gives a fantastic look at CSS container style queries.

Read more

CSS Subgrid

Rachel Andrew explores what is possible using CSS Subgrid.

Read more

5 ways CSS :has() can make your HTML forms even better

Austin Gil shows how the CSS :has() pseudo-class can improve HTML forms through validation hints, conditional content, fancier designs, and more.

Read more

Logical Border Radius

Michelle Barker explains in detail how logical border radius properties work.

Read more

Things CSS Could Still Use Heading Into 2023

Chris Coyier outlines a couple of good ideas for new CSS features.

Read more

Promoted Link

Robust and Extensible Form Library for your React app

Robust and Extensible Form Library for your React app

SurveyJS is a set of four self-hosted and fully customizable JS form builder libraries that let you create, easily modify, and run multiple web forms.

It can also serve as a front-end form library, for example, if you want to add a login/registration form, or a shopping cart to your site.

View demos

Tools

Mesher

Mesher is an online tool for creating beautiful mesh gradients.

Check it out

OKLCH Color Picker & Converter

An online color picker and converter for OKLCH and LCH color space.

Check it out

Inspiration

Fancy Hover Effect on Avatar

Fancy Hover Effect on Avatar

Temani Afif created a stunning hover effect using only CSS.

Get inspired

Until Next Week

Thank you so much for reading!

If you have any thoughts or concerns about the latest design update, please hit reply and share anything that’s on your mind. I’ll appreciate any comment or critique.

And you can get an additional 50% off on my course Mastering Prettier & Stylelint until the end of January. Use the coupon code JANUARY50 at the checkout.

Happy coding,
Zoran Jambor

Issue #535: Year in Review Issue #537

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.