Technological monitoring for web developers

Jan 20th, 2022

Blot

Blot is a blogging platform with no interface. It turns a folder into a website, like magic.

Dev
Blog, Flatfile, Blot

Jan 17th, 2022

editor.js

Next generation block styled editor. Free. Use for pleasure.

Dev
JavaScript, Editor, Editor.js

Jan 16th, 2022

Ackee

Self-hosted, Node.js based analytics tool for those who care about privacy. Ackee runs on your own server, analyzes the traffic of your websites and provides useful statistics in a minimal interface.

Dev
Analytics, Nodejs, Selfhosted, Ackee

Jan 15th, 2022

simplecss

Simple.css is a classless CSS framework that makes semantic HTML look good, really quickly. By classless it means that there are no CSS classes anywhere in the CSS or the HTML. So your website can look just like this using plain old vanilla HTML.

Front
Css, Framework, Simplecss

Jan 15th, 2022

preview.js

Preview UI components in your IDE instantly.

Front
UI, Components, IDE, previewjs

Jan 14th, 2022

Qwik

Qwik is designed for the fastest possible page load time, by deliving pure HTML with near 0 javascript for your pages to become interactive, regardless of how complex your site or app is. It achieves this via resumability of HTML and ultra fine-grained lazy-loading of code.

Front
Html, Performance, Qwik

Jan 9th, 2022

Replit

Code, create, and learn together. Use our free, collaborative, in-browser IDE to code in 50 languages without spending a second on setup.

Dev
Online IDE, Browser, Replit

Jan 9th, 2022

Svemix

The Full-Stack addition to SvelteKit. Write your server code inside .svelte files, handle sessions, forms and SEO easily. Svemix is Remix for Svelte providing server scripts inside your Svelte components/routes, which will be transformed into endpoints.

Dev
Svemix, Svelte, Sveltekit

Dec 30th, 2021

knex

Knex.js is a "batteries included" SQL query builder for PostgreSQL, CockroachDB, MSSQL, MySQL, MariaDB, SQLite3, Oracle, and Amazon Redshift designed to be flexible, portable, and fun to use. It features both traditional node style callbacks as well as a promise interface for cleaner async flow control, a stream interface, full-featured query and schema builders, transaction support (with savepoints), connection pooling and standardized responses between different query clients and dialects.

Back
JavaScript, SQL, Knex

Join the web developers community
Dec 18th, 2021

Open Props

Open source CSS custom properties to help accelerate adaptive and consistent design. Available from a CDN or NPM, as CSS or JavaScript.

Front
CSS Framework, Variables, Open Props

Dec 11th, 2021

Tailwind CSS 3.0

Rapidly build modern websites without ever leaving your HTML. A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup.

Front
CSS, Framework, TailwindCSS

Nov 20th, 2021

Primo

Primo is an all-in-one app for building and managing static sites with Svelte.

Front
Static, Svelte, Primo

Nov 17th, 2021

UnoCSS

The instant on-demand Atomic CSS engine. UnoCSS is an engine instead of a framework because there are no core utilities - all the functionalities are provided via presets or inline configurations. We are imagining UnoCSS being able to simulate the functionalities of most of the existing atomic CSS frameworks. And possibly have been used as the engine to create some new atomic CSS frameworks!

Front
CSS, AtomicDesign, Unocss

Oct 31st, 2021

End-to-End-Encrypted contact form with OpenPGP.js

An end-to-end-encrypted contact will allow communications to stay between a user and you. Email or backend service providers would not understand the message but can still record meta data. This solution is ideal for handling sensitive communications.

Front
ContactForm, OpenPGP

Oct 26th, 2021

Jellyfin

Jellyfin is the volunteer-built media solution that puts you in control of your media. Stream to any device from your own server, with no strings attached. Your media, your server, your way.

Internet
Open Source, Media Server, Jellyfin

Oct 12th, 2021

Splidejs

Splide is a flexible and lightweight (26kB) slider written in TypeScript. It helps you to create various kinds of sliders by just changing options, such as multiple slides, thumbnails, nested sliders, vertical direction and more. Besides, you can enhance default features by using APIs or building extensions.

Learn
JavaScript, Slider, Splidejs

Sep 23rd, 2021

Motion One

A new animation library, built on the Web Animations API for the smallest filesize and the fastest performance.

Front
Animation, API, Library, MotionOne

Sep 22nd, 2021

Pollen

Pollen is a library of CSS variables for rapid prototyping, consistent styling, and as a zero-runtime utility-first foundation for your own design systems. Heavily inspired by TailwindCSS.

Front
CSS, Varibale, Library, Pollen

Join the web developers community
Sep 15th, 2021

jlottie

jlottie is a Lottie player written in javascript with an aim to have the smallest possible file size. jlottie is suitable as a general purpose lottie player, though implements a subset of the features in the core player - this approach leads to a tiny footprint and great performance.

Design
Animation, JavaScript, jlottie

Sep 9th, 2021

Azimutt

Azimutt allows you to explore your schema: search for relevant tables, follow the relations, hide less interesting columns and even find the paths between tables

Back
Elm, SQL, Azimutt

Sep 5th, 2021

DaisyUI

Free Components libraryfor utility first CSS frameworks.

Front
Components, CSS, Tailwind, DaisyUI

Aug 19th, 2021

Commentator

Commentator is a simple application which provide all you need to have a powerful commenting system on your blogs or websites.

Dev
Comment, S3Bucket, Commentator

Aug 13th, 2021

The Ultimate Guide to Browser-Side Storage

It’s usually necessary to store user data server side in a database or similar repository. This guarantees persistence and ensures users can access their data from any web-connected browser (presuming your storage system is reliable, of course!) But sometime, storing data in the browser could become a more viable option. Post by Craig Buckler.

Front
Browser, LocalStorage

Jul 29th, 2021

Slinkity

Slinkity is a plugin that can extend any 11ty site. Unlocks component frameworks (React, Vue, and Svelte) for writing page templates and layout templates. Includes powerful shortcodes to insert components into existing pages. Hydrates these component-driven pages on the client. (Optionally) Turns your site into a single page app.

Front
JAMstack, Components, Eleventy, Slinkity

Jul 28th, 2021

Thinking About The Cut-Out Effect: CSS or SVG?

In a recent front-end project, one of the components included an interesting cut-out effect. There are multiple ways to do such an effect in CSS or SVG, but each way has its pros and cons. I thought about exploring the solutions for this challenge and share them with you. By Ahmad Shadeed

Front
CSS, Cut-out Effect

Jul 27th, 2021

Totaljs

You can create a Total.js server-side application with the help of Total.js AppBuilder. It's effortless and very comfortable. A significant advantage is a design architecture overview and reusing the design or its parts between different projects.

Dev
No-Code, Total.js, Open Source

Jul 25th, 2021

Ferdi

Ferdi is a messaging browser that allows you to combine your favorite messaging services into one application.

Internet
Messaging, Application, Ferdi

Join the web developers community
Jul 18th, 2021

Excellent Free Tutorials to Master Programming

A curated list of tutorials. Better than that. A curated list of the finest free tutorials.

Dev
Languages, Tutorials, Programming

Jul 3rd, 2021

Petite-Vue

petite-vue is an alternative distribution of Vue optimized for progressive enhancement. It provides the same template syntax and reactivity mental model with standard Vue. However, it is specifically optimized for "sprinkling" small amount of interactions on an existing HTML page rendered by a server framework.

Front
VueJS, Petite-Vue

Jun 29th, 2021

Responsible Web Application

With modern HTML and CSS, we can create responsive and accessible web apps with relative ease. In my years of doing software development, I have learned some HTML and CSS tips and tricks, and I want to present these in this post. This list is not exhaustive, but these are tried and true patterns that I frequently use in different projects.

Front
HTML, CSS, Responsive, Accessible

Jun 29th, 2021

Chart.css

Charts.css is a modern CSS framework. It uses CSS utility classes to style HTML elements as charts.

Design
CSS, Charts, Framework, Charts.css

Jun 24th, 2021

77 CSS Animation Examples

Collection of free HTML and CSS animation code examples. Update of June 2020 collection.

Design
HTML, CSS, Animation

Jun 20th, 2021

Tinyschool

Tinyschool helps developers learn new skills, get mentorship, build real-world projects and find a job in top global teams for free.

Learn
OnlineSchool, Skills, Mentorship, TinySchool

Jun 17th, 2021

Rome

Rome is a linter, compiler, bundler, and more for JavaScript, TypeScript, JSON, HTML, Markdown, and CSS.

Dev
Toolkit, JavaScript

Jun 17th, 2021

Astro

Build faster websites with less client-side Javascript. Astro is a new kind of static site builder that delivers lightning-fast performance with a modern developer experience. With Astro you can build your site using React, Svelte, Vue, Preact, web components, or just plain html, JavaScript.

Dev
Static, JAMStack

Jun 14th, 2021

FlexSearch

Web's fastest and most memory-flexible full-text search library with zero dependencies.

Dev
Search, NodeJS, FlexSearch

Join the web developers community
Jun 11th, 2021

NocoDB

The Open Source Airtable Alternative. Turns any MySQL, PostgreSQL, SQL Server, SQLite & MariaDB into a smart-spreadsheet.

Internet
OpenSource, Table, AirtableAlternative, NocoDB

Jun 7th, 2021

Readme

The easiest way to create a README file. Our simple editor allows you to quickly add and customize all the sections you need for your project's readme

Dev
Readme, Editor

Jun 5th, 2021

Minisearch

MiniSearch is a tiny but powerful in-memory fulltext search engine written in JavaScript. It is respectful of resources, and it can comfortably run both in Node and in the browser.

Front
Search, JavaScript, Fulltext

Jun 3rd, 2021

FeathersJS

A framework for real-time applications and REST APIs

Dev
DDB, API, JavaScript

May 31st, 2021

Mkcert

Mkcert is a simple tool for making locally-trusted development certificates. It requires no configuration.

Dev
Certificate, https, localhost

May 21st, 2021

Clinicjs

Tools to help diagnose and pinpoint Node.js performance issues.

Dev
Nodejs, Diagnose, Clinicjs

May 14th, 2021

Quire

Quire is a modern, multiformat publishing tool designed to create books as authoritative and enduring as print and as vibrant and feature-rich as the web from a single set of plain text files. All without paying a fee or setting up and maintaining a complicated server.

Design
Book, Publishing, Tool, Quire

May 9th, 2021

Slidev

Presentation Slides for developers using mardown and which provides flexibility and interactivity.

Dev
Presentation, Slides, Markdown, Slidev

May 8th, 2021

OverAPI

Collecting all Cheat Sheets in one place.

Dev
CheatSheets, OverAPI

Join the web developers community
Apr 29th, 2021

Godot engine

Godot provides a huge set of common tools, so you can just focus on making your game without reinventing the wheel. Godot is completely free and open-source under the very permissive MIT license. No strings attached, no royalties, nothing. Your game is yours, down to the last line of engine code.

Dev
Game, OpenSource

Apr 29th, 2021

Tauri

Tauri is a toolkit that helps developers make applications for the major desktop platforms - using virtually any frontend framework in existence. The core is built with Rust and the CLI leverages Node.js making Tauri a genuinely polyglot approach to creating and maintaining great apps.

Dev
Tooltik, Rust, NodeJS, Desktop, Tauri

Apr 28th, 2021

Snel

A Cybernetical compiler for svelte applications in deno. Snel is a tool/framework to compile .svelte component to javascript files to create web application using deno and svelte.

Dev
Svelte, Deno, Snel

Apr 22nd, 2021

Payload CMS

A self-hosted, headless JavaScript CMS

Dev
OpenSource, CMS, React, NodeJS, PayloadCMS

Apr 22nd, 2021

Sergey

Sergey is a tiny lil’ static site generator. It’s a progressive tool designed to sit atop your already brilliant HTML. In essence, Sergey is HTML + partials with slots (named and default!) thrown in for good measure.

Dev
SSG, JAMstack, NodeJS, Sergey

Join the web developers community