A talk on unleashing the capabilities of mobile browsers and new APIs to create a truly mobile optimized experience that goes beyond responsive grid and layout adaptation.

Convert your simple text into fancy fonts with our cool font generator that helps you copy and paste from 180+ beautiful text styles in seconds.

We've always wanted it, now it looks like we can have it.

Discover how Edge-Side Rendering (ESR) can be employed in Nuxt 3++ applications to improve performance by rendering content at the edge, closer to the end-user.

Cap.js is a fast, privacy-friendly proof-of-work CAPTCHA alternative to reCAPTCHA and hCaptcha. Zero dependencies, developer-friendly, and effective against spam, DDoS, and automation.

Collection of open-source tools for designers & creatives

Apply gradient effect to photos & videos in-browser. Create lo-fi blocky gradients. Free, no sign-up required.

Free online tool to create professional halftone patterns with real-time preview and export as scalable SVG. Works on all devices including smartphones.

Modular CSS Library that brings the beauty of Terminal UIs to the browser

A JavaScript utility for posting across multiple social networks at once - humanwhocodes/crosspost

Datastar helps you build reactive web applications with the simplicity of server-side rendering and the power of a full-stack SPA framework.

Free award-winning Open Graph generator. Attract more visitors to your website when it’s shared on Facebook, Pinterest and LinkedIn.

Color-grade in one-click. Instantly apply the color and tone of any image to your own. Download your edit as a .jpg or preset, or LUT for free.

When you want your images to look good in Markdown on GitHub, you might have to adjust for the UI around them.

Until recently I had taken only the most cursory look at View Transitions. Now they are in Safari too, and therefore viable across multiple platforms, I wanted to understand them a little more and start making use of them in production. I imagine I am where most working front-end devs are at this point; aware...

OpenFreeMap – Open-Source Map Hosting lets you display custom maps on your website and apps for free.

Ship polished UIs faster with ready-to-use React Tailwind components inspired by shadcn/ui.

With VERT you can quickly convert any image, video and audio file. No ads, no tracking, open source, and all processing (other than video) is done on your device.

My notes on building a custom component in Keystatic using Content Components feature for my Astro blog

A components library built with Tailwind CSS that works with any web stack.

GSAP's premium plugins are now free, and this article explores their creative potential through five playful animation demos.

Learn how to cache Astro images in GitHub Actions to save time by avoiding repeated image optimizations during builds.

Learn how to generate dynamic Open Graph (OG) images for your Astro-powered page using Satori and Sharp. From setting up custom fonts to handling frontmatter images in both dev and production—this guide covers it all. Make your shared links look stunning!

In this blog post, I will show you how to generate OG images with Astro, turns out it's super easy!

A collection of notes and ideas

Enhance a list of audio tracks with playlist controls - mirisuzanne/track-list

Try this online visual CSS Editor with instant live preview. Easy & fast. Experiment and take the code to your project.

A wide range of CSS Generators to build the future of the web. Add your setting, get your CSS code.