CSS has come a long way from being a pain to write. Plus trending pieces on web development, design, and AI in today's newsletter.

View in browser | Past Issue | Subscribe / Unsubscribe

SitePoint Source

Welcome, Developers! đź‘‹

Today: CSS capabilities that eliminate JavaScript needs, guide to TanStackDB's new relational features and how browsers throttle timers. Also covering Apple's design missteps, CSS color animations and more.

From our sponsor: Ampere Computing

Hello World: Ampere Porting Advisor - now on GitHub!

The transition from x86 to Arm64 architecture can seem daunting. Ampere's Porting Advisor tool can help by analyzing source code for known patterns and dependency libraries.


The tool generates a report showing incompatible or unoptimized runtimes or libraries and provides recommendations for the best experience on Ampere hardware. New to porting? Ampere’s Porting Advisor tutorial can help.

Get the Ampere Porting Advisor

đź”– The Reading Room

Articles we have hand-picked for you:

You No Longer Need JavaScript

CSS has evolved dramatically and become pleasant to write with QOL features like nesting, relative colors, and new viewport units. Lyra shows how CSS-only solutions load faster, consume less battery, and provide smoother user experiences, especially on low-end devices and high-refresh displays.

By Lyra Rebane →

An Interactive Guide to TanStack DB

TanStack DB introduces Collections, Live Queries, and Transactional Mutations to solve Query's relationship and optimistic update challenges. The new primitives offer SQL-like APIs for filtering and joining data, while mutations become optimistic by default with automatic rollback capabilities. TanStackDB can be adopt incrementally without backend changes.

By Maxi Ferreira →

Why Do Browsers Throttle JavaScript Timers

JavaScript timer abuse led browsers to implement 4ms minimum delays and aggressive background tab throttling. Learn how modern scheduling APIs provide precise control without the performance penalties of legacy setTimeout.

By Nolan Lawson →

Apple's Liquid Glass Shatters Typography

What looks innovative actually demonstrates how not to handle typography in user interfaces. Users must dig into accessibility settings to find "Reduce Transparency" to make text actually readable. This approach treats accessibility as an add-on instead of building it into the core design from the start.

By Oliver Schöndorfer →

Color Shifting in CSS: An Exploration of Color Animation Techniques

Animating colors in CSS has hidden limitations that can create unexpected results. The browser converts HSL colors to RGB for animations, causing vibrant colors to turn gray during transitions and preventing full 360° hue rotations from working properly.

By Josh W. Comeau →

⏳ Back in Time

Most clicks from last newsletter:

đź”— The Link Lounge 

Unordered finds from around the web:

Find something cool? You can send us links to feature here via email.

đź§° The Toolbox

Tools and products we're excited about today:

Ripple 

Ripple is a TypeScript UI framework combining React, Solid, and Svelte features with reactive state management using $ prefixed variables, JSX-like syntax, component-based architecture, and fine-grained rendering for high performance.

Learn more →

StyleSpark 

StyleSpark generates design systems, curated color palettes, HDR gradients, and extracts colors from images to help create designs with precision.

Learn more →

GitHub Script

GitHub Script is a GitHub Action that enables writing JavaScript workflows using the GitHub API and workflow context, providing pre-authenticated clients and access to Actions toolkit packages for automating repository tasks.

Learn more →

Vectorize

Vectorize is a cloud-scale data platform for retrieval augmented generation (RAG) that evaluates, optimizes, and vectorizes your data while maintaining fresh vector databases through automated pipelines and real-time syncing capabilities.

Learn more →

Hello World: Ampere Porting Advisor - now on GitHub!

The transition from x86 to Arm64 architecture can seem daunting. Ampere's Porting Advisor tool can help by analyzing source code for known patterns and dependency libraries.


The tool generates a report showing incompatible or unoptimized runtimes or libraries and provides recommendations for the best experience on Ampere hardware. New to porting? Ampere’s Porting Advisor tutorial can help.

Get the Ampere Porting Advisor →

🎤 Your Voice

Your feedback shapes what comes next! We read every email, so simply hit reply and tell us what's on your mind.