Bookmarks

A showcase of what is possible with Progressive Web Apps today.

Explore a handpicked library of stunning website hero sections designed to captivate and engage. Discover inspiring, high-quality hero designs for every niche and style—perfect for elevating your next web project.

Turn your static blog into a dynamic one by adding comments with AstroDB, Astro Actions, and Turso.

Back in the day, centering an element was one of the trickiest things in CSS. As the language has evolved, we’ve been given lots of new tools we can use… But how do we pick the best option? When do we use Flexbox, or CSS Grid, or something else? Let's dig into it.

Create beautiful Tailwind CSS gradients, text effects, and glassmorphism designs with Gradienty.

How to automatically adapt scroll buttons to the inside or outside based on available space.

Budibase is an open source low-code platform and the easiest way to build, automate, and ship internal tools. Check it out.

Metabase business intelligence, dashboards, and data visualization tools. Dig deeper into your data with open source, no SQL tools for data visualization.

How much attention do you pay to the alignments of your subscripts and superscripts? Lorenz Wöehr has you covered with a recipe for fluid scaling.

...

Introducing a new open source web typography project. The idea is to have a default CSS file to set sensible typographic defaults for use on prose text, making particular use of the font features provided by OpenType.

Kinesis allows you to easily create interactive animations for your web apps.

A run down of all the new features coming to HTML and CSS that will be game changers for dropdowns and ergo user interfaces.

Convert JSON Strings to a Friendly Readable Format. Analyze your JSON string as you type with an online Javascript parser, featuring tree view and syntax highlighting. Processing is local: no data is sent to server.

An introduction to View Transitions, a modern web platform feature to improve user experience and perceived performance

Generate and customize CSS easing functions with ease and magical precision using Easing Wizard 🧙