close
close

Number 589

Number 589

It’s time to talk about “CSS5”

It’s time to talk about “CSS5”

Brecht De Ruyte explains how the W3C CSS-Next community group is actively looking for better approaches to describe the evolution of CSS and identify feature sets as effectively as we did with CSS3 in 2009.

Learn more

Providing type definitions for CSS with @property

Providing type definitions for CSS with @property

Stephanie Eckles explains when and why traditional fallback values ​​can fail and how @property features allow us to write safer and more resilient CSS custom property definitions.

Learn more


From our sponsor

How I Cut API Call Time by 22.3 Seconds with Sentry

How I Cut API Call Time by 22.3 Seconds with Sentry

Struggling with slow API calls? 🕒 Dan Mindru shares how he used Sentry’s Trace view to shave 22.3 seconds off an API call that handles HTTP calls, file I/O, AI generation, and database queries. Read the blog to learn how to identify bottlenecks and more.a8bf3c44.gif?opens=1

Read the blog


CSS Weekly on YouTube

Highlight a button on Video Cue (YouTube Subscribe Button Animation)

<small>▶</small> Highlight a button on Video Cue (YouTube Subscribe Button Animation)”> </p>
<p>Learn how to create an interaction with an HTML video element where a call-to-action button lights up when a keyword such as “subscribe,” “sign up,” or “like” is mentioned. </p>
<p>Watch the video</p>
<p> </p>
<h2><small>▶</small> Awesome CSS animation/transition offset on page load</h2>
<p>						<img loading=

I published the first post on the CSS Weekly blog explaining how to easily switch to intrinsic sizes and trigger transitions when an element receives its first style update using new CSS features.

Learn more


Sponsored Link

CSS Challenges Course on Scrimba

CSS Challenges Course on Scrimba

Test your CSS skills with our challenge pack. Recreate components and layouts from popular apps like Github, Codepen, and Instagram, and create loading animations, progress bars, flashcards, and more using pure CSS!

Register now


Tools

HTMLrev

HTMLrev by Devluc features hand-picked HTML templates for websites, landing pages, blogs, portfolios, e-commerce, and dashboards, all for personal and commercial projects.

Check it out

UAParser.js

UAParser.js is the most complete, compact, and up-to-date isomorphic JavaScript library for detecting a visitor’s browser, engine, operating system, processor, and device type/model.

Check it out


Inspiration

Doom Scroll – Front End Conference 2024 Demo

Doom Scroll - Front End Conference 2024 Demo

Adam Kuhn created a stunning CSS-only scrolling timeline, an interactive demo.

Let yourself be inspired


See you next week

If you’ve written an article, created a tool, recorded a video, or built something that you think would be a good fit for CSS Weekly, please reply and send me the link.

I would love to read it, watch it or try it, and of course, consider it for the next issue of the newsletter.

Good coding,

Zoran Jambor


PS. If you would like to support this newsletter and my work, please check out:

• CSS Stickers

• Weekly CSS Patreon

• CSS Weekly YouTube Channel

• Mastering fluffing