930 private links
The power of Cursor for your own website. Onlook lets you edit your React website and write your changes back to code in real-time. Iterate and experiement with AI. Download the open-source, local-first desktop app today.
In this post, I’ll introduce you to 21 must-bookmark React GitHub repositories that will help your React journey.
Use Decap CMS with any static site generator for a faster and more flexible web project
A Git-based CMS for Static Site Generators
The open-source form backend for data privacy conscious developers.
FormBee is an easy way to send form data that is submitted on your website to your email, Telegram, Webhooks, Etc. It is a "Form Backend" which means it allows you to have functional forms that send places without having to write any server side code yourself! We have a hosted option available here: FormBee Website or you can self-host it!
That's why this blog (at the time of writing) aims to render the default operating system fonts. After reading Stoyan's post on system fonts I could just do a little spring clean up.
tl;dr
body {
font-family: system-ui, sans-serif;
}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.82kBgzipped
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-fireproofin 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:imageandtwitter:imagemeta 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:altandtwitter: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.