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

Issue #599

November 20, 2024

Overflow Clip

Overflow Clip

Ahmad Shadeed created a detailed guide on how overflow: clip works in CSS.

Read more

View Transitions API: Single Page Apps Without a Framework

View Transitions API: Single Page Apps Without a Framework

Umar Hansa shares a practical guide to View Transitions.

Read more

From Our Sponsor

Elevate Your Web Development With Cloudways This BFCM

Elevate Your Web Development With Cloudways This BFCM

As a web developer or tech enthusiast, your online projects deserve a hosting solution that’s fast, secure, and optimized for peak performance. This Black Friday | Cyber Monday, Cloudways empowers you with everything you need to build, scale, and secure your websites effortlessly.

Here’s how Cloudways simplifies your workflow and maximizes efficiency:

  • Scale effortlessly with powerful hosting that handles high traffic using Autonomous Kubernetes technology.
  • Secure your projects with features like Cloudflare integration, malware scanning, and 1-click SSLs.
  • Save time with intuitive tools for automated backups, staging environments, and team collaboration.
  • Join 100,000+ developers and tech professionals who trust Cloudways to create seamless websites and applications without worrying about hosting complexities.

Use promo code BFCM2024 to get 40% off your bill now!

Start My Free Trial.

CSS Weekly on YouTube

▶ AI in Chrome DevTools?!?

▶ AI in Chrome DevTools?!?

A detailed guide to using the AI assistance panel in Chrome DevTools outlining how to use AI Console Insights and AI Assistance for CSS styles on practical, real-world examples.

Watch video

▶ Frontend News #8: New CSS Logo, OpenType Font Features, Tooltip Tips

▶ Frontend News #8: New CSS Logo, OpenType Font Features, Tooltip Tips

Find out what the new official CSS logo looks like, how to use OpenType features of high-quality fonts, how to create accessible tooltips, and more.

Watch video

Articles & Tutorials

Come to the light-dark() Side

Sara Joy demonstrates modern CSS features that make respecting user color scheme preferences trivial.

Read more

▶ At Last! Simple Details/Summary Animation With Pure CSS

Kevin Powell shows how to easily animate details/summary elements using modern CSS.

Watch video

Popping Comments With CSS Anchor Positioning and View-Driven Animations

Juan Diego Rodríguez demonstrates how to dynamically show comments using Anchor Positioning and View-Driven Animations.

Read more

Beautiful Focus Outlines

Thomas Günther offers some advice on designing beautiful focus outlines.

Read more

When is the right time to share our excitement about new web features?

Rachel Andrew shares some thoughts on the challenges and pitfalls of creating guides for new and experimental web features.

Read more

Sponsored Link

Meco – Enjoy Newsletters in a Space Designed for Reading

Meco – Enjoy Newsletters in a Space Designed for Reading

Meco is a distraction-free space for reading and discovering newsletters, separate from the inbox. Add your newsletters (including CSS Weekly) in seconds and liberate your inbox today!

Try Meco

Tools

Anchoreum

A game for learning CSS anchor positioning.

Check it out

Drag & Drop

Drag and Drop is a small library for adding data-first drag and drop sorting and transferring for lists in your app. It’s simple, flexible, framework agnostic, and clocks in at only ~4Kb gzipped.

Check it out

Inspiration

CSS Counter

CSS Counter

Vineeth TR created a stunning, animated CSS-only counter.

Get inspired

Until Next Week

I’ve been using and enjoying the social media platform Bluesky a lot lately, and it seems that many developers & designers have migrated from other services. If you’re there, say hi. I’m @cssweekly.com.

Happy coding,
Zoran Jambor


PS. If you want to support this newsletter and my work, check out:
• CSS Stickers
• CSS Weekly Patreon
• CSS Weekly YouTube Channel
• Mastering Linting

Issue #598 Issue #600

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.