• Web Developer
  • Posts
  • Prerender Pages πŸ—οΈ, CSS Transitions Cheatsheet πŸ“‹, TypeScript Runtime Validators βœ…

Prerender Pages πŸ—οΈ, CSS Transitions Cheatsheet πŸ“‹, TypeScript Runtime Validators βœ…

2024-06-16

Articles

Chrome has reintroduced a full prerendering feature to speed up navigations using the address bar, bookmarks, search suggestions, and the speculative rules API. This feature achieves nearly instant page loads by opening pages in hidden background tabs and activating them when needed.

All mainstream browsers have supported native CSS nesting since last year. You no longer need to use CSS preprocessors.

Have you used MDN's search box? It has a very handy autocomplete feature. This official blog post reveals what's under the hood and some open-source libraries that are being used.

At WWDC24, Apple introduced new tools for developers. Xcode 16 features Swift Assist with predictive code completion to speed up development. Swift 6 offers compile-time data race safety and other features for a better development experience. visionOS 2 comes with new APIs and frameworks. The Game Porting Toolkit 2 has also been updated, making it easier to develop games for Apple devices.

CSS transitions are a very useful feature, but they have many properties. This article provides a handy cheatsheet that offers common CSS transition code snippets.

Tools

This week, I released version 0.0.3 of my open-source project, KeyEcho. KeyEcho is a fast-responsive application built using Tauri that plays mechanical keyboard sounds as you type.

It now supports 8 different mechanical keyboard sounds and offers enhanced performance. It is still in the early stages, your feedback and contributions are welcomed!

Subscribe to keep reading

This content is free, but you must be subscribed to Web Developer to continue reading.

Already a subscriber?Sign In.Not now

Reply

or to participate.