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

Issue #541

February 24, 2023

Easing Curves, and Better CSS Transitions and Animations

Easing Curves, and Better CSS Transitions and Animations

Josh Collinsworth shares a fantastic guide on CSS cubic-bezier easing curves and how to create the best possible transitions and animations in your web UI.

Read more

Improved Font Fallbacks

Improved Font Fallbacks

Katie Hempenius created a deep dive into font fallbacks and the size-adjust, ascent-override, descent-override, and line-gap-override APIs.

Read more

From Our Sponsor

Try 30 free days of unlimited, online creative classes

Try 30 free days of unlimited, online creative classes

With Skillshare, you can watch thousands of creative classes taught by expert instructors. Start your free 30-day free trial to get started today.

Start Your Free Trial

CSS Weekly on YouTube

In-Depth Guide to CSS Logical Properties

In-Depth Guide to CSS Logical Properties

A practical guide to CSS Logical Properties where I outline:
🤔 Why you should switch to logical properties
🧠 How logical properties work
🧱 How to use “inline” and “block” dimensions
🎨 How to rework existing CSS to logical values

Learn More

Articles & Tutorials

Try out CSS Nesting Today

Jen Simmons gives a short introduction to native CSS nesting, already available in Chrome and Safari.

Read more

(255,255,255) is the Highest Specificity

Bramus Van Damme gives an interesting write-up on the technical limits of CSS Specificity, concluding that you should never hit that limit.

Read more

A Step-By-Step Guide To Building Accessible Carousels

Sonja Weckenmann addresses step-by-step design considerations as well as semantic requirements for carousels to be accessible.

Read more

Last Baseline Alignment

Rachel Andrew shares fantastic news that all major browser engines now support last baseline alignment in CSS Grid and Flexbox.

Read more

HTML Input Types

Marko Denic gives a detailed overview of the different types of HTML input elements.

Read more

Promoted Link

Avoiding the Five Common Pitfalls of Data Privacy and Security

Avoiding the Five Common Pitfalls of Data Privacy and Security

Innovating and delivering products quickly is essential to any company’s survival, but taking shortcuts on data security and privacy is very costly in the long run.

As you aim to balance speed and security, don’t lose sight of the most common data privacy pitfalls and how you can avoid them.

Download the free white paper today.

Tools

CSS-Doodle

A web component for drawing patterns with CSS. It generates a grid of divs that you can easily manipulate using CSS to create a graphic pattern or an animated graph.

Check it out

SVG Confetti Generator

An online SVG confetti generator to create beautiful background confetti effects.

Check it out

Inspiration

Move to Mars! A CSS Only Booking Form

Move to Mars! A CSS Only Booking Form

Jamie Coulter created an impressive, interactive form using only CSS.

Get inspired

Until Next Week

Thank you so much for reading!

Did you know that I’ve been creating original content on CSS Weekly’s YouTube Channel for more than a year now?

If yes, and if you’re subscribed—thank you so much! And if not, why not? Any feedback you can share would mean a lot.

Happy coding,
Zoran Jambor

Issue #540 Issue #542

Follow CSS Weekly

YouTube 2,700 Subscribers Twitter 15,500 Followers Facebook 2,300 Likes RSS 500 Subscribers
YouTube 2,700 Subscribers Twitter 15,500 Followers Facebook 2,300 Likes RSS 500 Subscribers

CSS Weekly is curated, edited,
published and created by Zoran Jambor.