A fast and fun test runner for Vite & Node 🐈️ Powered by Vite ⚡️ - GitHub - Akryum/peeky: A fast and fun test runner for Vite & Node 🐈️ Powered by Vite ⚡️

In this article, we’ll highlight how modern image formats (AVIF or WebP) can improve compression by up to 50% and deliver better quality per-byte while still looking visually appealing. We’ll compare what’s possible at high-quality, low-quality and file-size…

CSS aspect-ratio is now supported cross-browser! It lets you set the proportion of an element's dimensions without padding-top hacks 😍 Read more in web.dev/aspect-ratio mdn.io/aspect-ratio

Perf tip: avoid chained async tasks Parallelize with Promise.all wherever possible

CSS Tip! ✨

Add some visual interest to your fading entry animations by adjusting brightness, contrast, etc. 🔥

keyframes enter {
0% {
opacity: 0;
filter: brightness(2);
}
}

@CodePen link below! 👇

Move over Sass! CSS Selector Nesting dropped in Chrome Stable today.

Safari is such a pain. https://t.co/fiBwvoD6dp

Ever want to locally experiment with HTTP response headers? @ChromeDevTools can now override response headers incl. CORS! We also support adding custom headers 🥳

Learn more https://t.co/CqtIdeIak5

Know those sites that have a fullheight cover card that transitions into a sticky header as you scroll?

With Scroll-Driven Animations, you can do that with just CSS!

header {
animation: shrink;
animation-timeline: scroll();
animation-range: 0 90vh;
}

…

Vue 3’s most underrated feature 🫣

Frameworks where you can do this:
✅ Vue
✅ Solid.js
🚫 React
🚫 Svelte
🚫 …

The ultimate guide to proper use of UI animation

A comprehensive guide for creating good UI animations. It will help you find the proper duration & speed, easing curve, and choreography for the animated effect.

https://t.co/VXyvpxZAFo

Harlem offers powerful yet simple global state management for Vue 3 🐨 - https://t.co/7VjLxg643O