matcha.css is a pure CSS library designed to style HTML elements similarly to a default browser stylesheet, eliminating the need for users to manually patch their documents.

Ideal for fast prototyping, static HTML pages, Markdown-generated documents, and developers seeking to streamline their workflow without delving into CSS intricacies and want to make use of the full range of available HTML elements.

• ✓ No build steps
• ✓ No dependencies
• ✓ No JavaScript
• ✓ No configuration needed
• ✓ No refactoring required
• ✓ ~8.82kB gzipped

Free and open source icons designed to make your website or app attractive, visually consistent and simply beautiful.

Write your app first, choose your backend later. Getting started is as easy as adding a script tag or running npm install use-fireproof in your project. Experience live updates across peers so everyone can collaborate together, using your existing backend.

Try the React or Solid tutorials, open the code pen above , hack on this HTMX example.

Le calendrier de l’avent des gens qui font le web d’après.

Les animations liées au scroll (ou scroll-driven animations) constituent une nouvelle fonctionnalité CSS permettant de synchroniser des animations avec le défilement d'une page ou d'un conteneur. Cette solution native vient remplacer efficacement les scripts JavaScript habituels, avec une meilleure performance et une implémentation simplifiée de manière générale.

If you’ve been running your own personal website or a blog for a while, you are likely familiar with the og:image and twitter:image meta tags that let you specify an image that will be shown when you or someone else shares a link to your site or an article on social media.

Did you also know that there are accompanying meta tags that let you provide alt text for this image?

That would be og:image:alt and twitter:image:alt.

Earlier this year we’ve been asked to help redesign the website of lowtechmagazine.com. The primary goal of the redesign was to radically reduce the energy use associated with accessing their web content. At the same time it is an attempt to find out what a low-tech website could be.

In general the idea behind lowtechmagazine.com is to understand technologies and techniques of the past and combine them with the knowledge of today. Not in order to be able to ‘do more with the same’, but rather ‘to do the same with less’.

Our new website is designed to radically reduce the energy use associated with accessing our content.

Low-tech Magazine was born in 2007 and has seen minimal changes ever since. Because a website redesign was long overdue — and because we try to practice what we preach — we decided to build a low-tech, self-hosted, and solar-powered version of Low-tech Magazine. The new blog is designed to radically reduce the energy use associated with accessing our content.

🌐 The Internet OS! Free, Open-Source, and Self-Hostable. - HeyPuter/puter

Session replay you can self-host for full data control, combined with product analytics, performance monitoring, and error tracking. Alternatively, try OpenReplay Cloud for free.

Where web designers become no-code developers

Silex is an online tool for visually creating static sites with dynamic data. With the free/libre spirit of internet, together.

PocketBase was created to assist building self-contained applications that can run on a single server without requiring to install anything in addition (see Presentator#183 ).
The basic idea is that the common functionality like crud, auth, files upload, auto TLS, etc. are handled out of the box, allowing you to focus on the UI and your actual app business requirements.

Please note that PocketBase is neither a startup, nor a business. There is no paid team or company behind it. It is a personal open source project with intentially limited scope and developed entirely on volunteer basis. There are no promises for maintenance and support beyond what is already available (you can explore the Roadmap to get a general idea where the project is headed but there are no fixed ETAs).

ALTCHA is a free Captcha alternative that uses a proof-of-work mechanism to protect your website, and online services from spam.

Les services publics numériques sont encore trop souvent conçus sans prendre en compte l’audience qu’ils servent. Nous mettons à la disposition des administrations des idées et outils pour améliorer l’expérience usager de leurs services.

L'accessibilité des sites Internet en France est régie par le RGAA ou Référentiel général d'amélioration de l'accessibilité.

Le respect des règles de ce référentiel est cruciale pour garantir que les personnes en situation de handicap puissent accéder aux informations et aux services en ligne, leur permettant ainsi de participer pleinement à la société numérique.

Dans cet article, je vous présente Ara, une plateforme mise à disposition par la Dinum pour simplifier les tests d'accessibilité mais aussi les piliers de l'accessibilité numérique.

Lume (pronounced /lume/ 🔈) is the Galician word for fire but also a static site generator for Deno.

It's inspired by other static site generators, such as Jekyll, Hugo or Eleventy, but easier to use and configure and much more flexible.

• It supports multiple file formats, like markdown, yaml, JavaScript, typescript, jsx and nunjucks, and it's easy to extend with more.
• You can hook processors to manipulate html and assets, like css or js.
• It's Deno: Forget about managing thousands of packages in node_modules or complex bundlers. Lume only installs what you need. Clean, fast and secure.

I love interactive things, but I’m not a fan of expensive devices, especially those we have to buy year after year to have the latest hardware in our hands!

I’m a fan of accessible technology!

With that in mind, today I’m going to show you how to control elements in a 3D scene using just your hands, a webcam, and a web browser. The key focus here is converting a 2D screen into a 3D space, with full depth control. I’ll keep the focus on that!

To achieve this result, we will use Mediapipe and Three.js.

Master 6 Powerful JavaScript Functions! Check out these essential functions every web... Tagged with javascript, functional, webdev, programming.

An API Driven Rich Text Editor

Built for Developers
Granular access to the editor's content, changes and events through a simple API. Works consistently and deterministically with JSON as both input and output.
Cross Platform
Supports all modern browsers on desktops, tablets and phones. Experience the same consistent behavior and produced HTML across platforms.

A quick, fun project over the weekend was removing unused CSS from decoded.