Free and Self-Hosted Server Management Tool.
Open Devin is an open-source project aiming to replicate Devin, an autonomous AI software engineer who is capable of executing complex engineering tasks and collaborating actively with users on software development projects. This project aspires to replicate, enhance, and innovate upon Devin through the power of the open-source community.
Crawl a site to generate knowledge files to create your own custom GPT from one or multiple URLs.
Danswer is the ChatGPT for teams. Danswer provides a Chat interface and plugs into any LLM of your choice. Danswer can be deployed anywhere and for any scale - on a laptop, on-premise, or to cloud. Since you own the deployment, your user data and chats are fully in your own control. Danswer also serves as a Unified Search across all common workplace tools such as Slack, Google Drive, Confluence, etc.
ChatMD is a chatbot, which you can configure yourself in Markdown. Create a Markdown file and put it online: on CodiMD, or on a forge. Use ChatMD syntax to define your chatbot.
Media Chrome is a collection of fully customizable media player controls and components. You can use these components to build a media player from scratch.
Send and receive files between Android, iOS, Linux, macOS, and Windows over ad hoc WiFi. No shared network or cell connection required, just two devices with WiFi chips in close range.
Gleam is a friendly language for building type-safe systems that scale! The power of a type system, the expressiveness of functional programming, and the reliability of the highly concurrent, fault tolerant Erlang runtime, with a familiar and modern syntax.
Pagefind is a fully static search library that aims to perform well on large sites, while using as little of your users’ bandwidth as possible, and without hosting any infrastructure.
Puter is an advanced open-source desktop environment in the browser, designed to be feature-rich, exceptionally fast, and highly extensible. It can be used to build remote desktop environments or serve as an interface for cloud storage services, remote servers, web hosting platforms, and more.
Free, MIT-licensed templates designed specifically for HTML to PDF conversion. Includes a resume, invoice, restaurant menu, brochure, packing slip, and more.
htmz is a minimalist HTML microframework that gives you the power to create modular web user interfaces with the familiar simplicity of plain HTML.
Add all your services in one place for quick and easy access and never search your tabs or bookmarks again! You can also add the same service twice or more to be able to login into multiple accounts!
A cross-platform GUI for youtube-dl made in Electron and node.js
Observable offers a modern way to create and host powerful, performant data apps. Use Markdown, JavaScript and SQL, Python, R, or any other language you choose.
Install, Run & Control AI apps, databases, servers, terminal apps ... Anything on Your Computer with 1 Click. Pinokio is a browser that lets you install, run, and programmatically control ANY application, automatically.
Kitten is a little kit (“kitten”, get it?) optimised for people (not corporations) who make the new everyday things for themselves and other people – not because they want to become billionaires but because they want to contribute to the common good by helping nurture the Small Web while adhering to the Small Technology Principles.
Master the Art of Crafting Responsive Web Apps. A must-have DevTool for all web developers that will make your job easier. It's free and open source too!
The Front-End Checklist Application is perfect for modern websites and meticulous developers!
Python Tutor helps you do programming homework assignments in Python, Java, C, C++, and JavaScript. It contains a unique step-by-step visual debugger and AI tutor to help you understand and debug code.
Readeck is a simple web application that lets you save the precious readable content of web pages you like and want to keep forever. See it as a bookmark manager and a read later tool.
One toolchain for your web project. Format, lint, and more in a fraction of a second.
Garuda Linux is a rolling release distro based on Arch Linux, which ensures always getting the latest software updates.
Nix is a tool that takes a unique approach to package management and system configuration. Learn how to make reproducible, declarative and reliable systems.
pixi is a fast software package manager build on top of the existing conda ecosystem. Spins up development environments quickly on Windows, macOS and Linux. Automatic lockfiles produce reproducible environments across operating systems (without Docker!). pixi supports Python, R, C/C++, Rust, Ruby, and many other languages.
MastoFeed is the easiest way to automate sending your RSS content to your Mastodon account.
File Browser is a create-your-own-cloud-kind of software where you can install it on a server, direct it to a path and then access your files through a nice web interface. You have many available features!
Free and open-source, Runtipi lets you install all your favorite self-hosted apps without the hassle of configuring and managing each service. One-click installs and updates for more than 180 popular apps.
A custom version of Firefox, focused on privacy, security and freedom.
Have you ever wanted to build something but you had no idea what to do? Just as authors sometimes have "writers block" it's also true for developers. This list is intended to solve this issue once and for all!
All your photos in one folder. PhotoFolder takes advantage of open formats to give the features of Google/Apple Photos without the lock-in.
Online Vector Editor lets you edit vector graphics, AI, SVG and PDF files!
Learn to design better UI with practical visual examples & in-depth landing page teardowns.
The Green Web Directory is a list of verified green hosting providers by country.
Write down a command-line to see the help text that matches each argument.
Rclone is a command-line program to manage files on cloud storage. It is a feature-rich alternative to cloud vendors' web storage interfaces. Over 70 cloud storage products support rclone including S3 object stores, business & consumer file storage services, as well as standard transfer protocols.
This repository lists a maximum of conference dates to help conference organizers.
Download, Customize, Edit and Personalize. Over 180k+ open source icons. Choose from a variety of formats for icon downloads, including SVG, PNG, WEBP, JSX, VUE, BASE64, URLs, CSS snippets, and HTML image tags.
Quiet is more like Slack or Discord than Signal. Create your private space and invite people to join, with channels for different kinds of conversation. A mockup of Quiet desktop app pointing out community, channels and chat sections
Upscayl uses AI models to enhance your images by guessing what the details could be. It uses Real-ESRGAN to achieve this.
Zed is a high-performance, multiplayer code editor from the creators of Atom and Tree-sitter.
A book on how to build Hypermedia-Driven Applications using htmx & more.
Handcrafted recipes to get you started with everything UX — user research, design, usability testing, and more. We're always cooking up new recipes, so check back frequently!
Open-source neutral-style system symbols elaborately crafted for designers and developers. All of the icons are free for both personal and commercial use.
The most advanced Mastodon client for the most demanding users. Create a real-time, customizable Mastodon experience the way you like it.
An extremely fast CSS parser, transformer, bundler, and minifier.
Primo is a visual CMS that makes it a blast to build pages, manage content, and edit code - one block at a time.
Test drive Linux distros online in your browser.
NativePHP is a new way to build native applications, using the tools you already know.
Minimal Framework for Static Websites. HTML, Markdown, JSX and TSX Components, JSON Data, YAML Front Matter.
An open source virtual hand-drawn style whiteboard. Collaborative and end-to-end encrypted.
Smaller images mean faster load times. Squoosh can reduce file size and maintain high quality.
Run open-source LLMs on your MacOS or Windows computer. Works offline. Zero configuration.
Vosk is a speech recognition Python toolkit you can use to generate subtitles from an audio file.
Share, Discover & Use the best ChatGPT prompts on the internet. Prompto is here to turn you into a ChatGPT superhero.
Your online audio toolkit. A collection of easy-to-use web tools for all your audio files.
Rapidly build efficient sites with Neat, the minimalist css framework.
Keyv is a simple key-value storage with support for multiple backend adapters (MySQL, PostgreSQL, SQLite, Redis, Mongo, DynamoDB, Firestore, Memcached, and more).
RegexGPT is a tool that lets people generate regex patterns by inputting an example of the text they would like to transform and another input for the expected result. There is also a natural language input that allows the user to explain the pattern they would like to match. The final input lets users select the programming language for the output.
Speeding up the JavaScript ecosystem, one library at a time.
Unlock the full potential of your website by embracing web accessibility! Our comprehensive guide will walk you through the key principles and best practices to create an inclusive online experience for everyone. From understanding the importance of accessibility to implementing practical solutions, we'll empower you to transform your website into a welcoming digital space for users of all abilities.
Gut is a user-friendly Git CLI for Windows, Mac, and GNU/Linux. With intuitive commands and streamlined workflows, Gut simplifies the process of using Git's complex system, allowing you to focus on your code.
Organic Maps is a free Android & iOS offline maps app for travelers, tourists, hikers, and cyclists based on top of crowd-sourced OpenStreetMap data. It is a privacy-focused, open-source fork of Maps.me app (previously known as MapsWithMe), maintained by the same people who created MapsWithMe in 2011.
Reactivity without the Framework. A tiny ~2kb library for building reactive interfaces in native JavaScript.
Style Dictionary is a build system that allows you to define styles once, in a way for any platform or language to consume. A single place to create and edit your styles, and a single command exports these rules to all the places you need them - iOS, Android, CSS, JS, HTML, sketch files, style documentation, or anything you can think of. It is available as a CLI through npm, but can also be used like any normal node module if you want to extend its functionality.
Fluid responsive design. Elegantly scale type and space without breakpoints.
Create Tailwind CSS color families. Enter a hexcode and I will create a color family for you.
Aegis Authenticator is a free, secure and open source app for Android to manage your 2-step verification tokens for your online services.
Wagtail is the leading open-source Python CMS. It's fast, elegant, and designed to give everyone on your team the tools they need to manage content at enterprise scale.
Dev environments. In your web app. From interactive tutorials to full-blown IDEs, build instant, interactive coding experiences backed by WebContainers: the trusted, browser-based runtime from StackBlitz.
Effortless automation built for developers. Trigger workflows from APIs, on a schedule, or on demand. API calls are easy with authentication handled for you. Add durable delays that survive server restarts.
The elegant TALLkit for Laravel artisans. Filament is a collection of tools for rapidly building beautiful TALL stack apps, designed for humans.
PhotoPrism is an AI-Powered Photos App for the Decentralized Web. It makes use of the latest technologies to tag and find pictures automatically without getting in your way. You can run it at home, on a private server, or in the cloud.
A JavaScript library for creating interactive procedural 2D and 3D shaders.
You may have already heard of CSS logical properties or RTL adaptations but are still deciding whether to deploy them widely. To help raise your awareness of their possibilities, Nicolas Hoffmann shares his experience of how he and his team at Proton carried out a massive move from CSS logical props to production and how you can consider them from a different perspective in your very own projects.
Build websites even faster with components on top of Tailwind CSS. Start developing with an open-source library of over 450+ UI components, sections, and pages built with the utility classes from Tailwind CSS and designed in Figma.
A nimble Mastodon web client, a native version is also available.
The open-source, self-hostable to-do app.
Organize everything, on all platforms.
Lyra is an immutable, runtime-agnostic, edge, and in-memory full-text search engine that works both on client and server.
The framework mixing fully customizable components & utility-first classes, leaving the design choice to the developer.
AdminJS is an Open-Source auto-generated admin panel for your Node.js application that allows you to manage all your data in one place.
FutureCoder is a free and open-source platform and course for complete beginners to teach themselves programming in Python.
roadmap.sh is a community effort to create roadmaps, guides and other educational content to help guide the developers in picking up the path and guide their learnings.
Verve is a lightweight and blazingly fast launcher for accessing and opening applications, files and documents.
Auth.js is a complete open-source authentication solution for Next.js applications. It is designed from the ground up to support Next.js and Serverless. Open Source. Full Stack. Own Your Data.
A lightweight, simple, fast, feature-filled, and extremely extensible text editor written in C, and Lua, adapted from lite.
Dioxus is a user interfaces that run anywhere. Written in Rust, inspired by React.
Stylify CSS is a library that uses CSS-like selectors to generate optimized Utility-First CSS dynamically based on what you write. It also allows you to define components, variables and global selectors.
Open Source backend for your next SaaS and Mobile app in 1 file.
Your Home Cloud OS. Community-based open source software focused on delivering simple home cloud experience around Docker ecosystem.
Soon enough in your career as a web developer, you encounter the situation where a designer hands over a wonderful web design in all its large-screen glory. Your mission now is to transform it into code to present a prototype as soon as possible, starting with nothing but an empty text file.
Open Source, end-to-end encrypted, easy-to-use tool that lets you securely sync secrets and environment variables across your team and infrastructure.
A Virtual CSS language with enhanced syntax. Efficiently build your UI and design system with HTML only.
A modern diagram scripting language that turns text to diagrams.
From the creator of brew, tea is a standalone, binary download for all platforms that puts the entire open source ecosystem at your fingertips.
Learn how to create hexagonal grids with lot of functionnalities for games
Marten is a Crystal Web framework that enables pragmatic development and rapid prototyping. It provides a consistent and extensible set of tools that developers can leverage to build web applications without reinventing the wheel.
Replicache is a JavaScript framework for building high-performance, offline-capable, collaborative web apps.
Lucia is a simple yet flexible user and session management library that provides an abstraction layer between your app and your database. It's bare-bones by design, keeping everything easy to use and understand. Lucia is the authentication solution that works with you and your app.
Stapy is a Static Site Generator. It works with Python on any operating system without additional packages.
Open source virtual / remote desktop infrastructure for everyone! A remote desktop software, the open source TeamViewer alternative, works out of the box, no configuration required. You have full control of your data, with no concerns about security. You can use our public rendezvous/relay server, or self-hosting, or write your own server.
Couscous turns Markdown documentation into beautiful static websites. It's GitHub Pages on steroids.
Turbo is an incremental bundler and build system optimized for JavaScript and TypeScript, written in Rust.
Nim is a statically typed compiled systems programming language. It combines successful concepts from mature languages like Python, Ada and Modula.
Cross plateform free design software that keeps your flow with AI tools and built-in graphics.
FreshRSS is a self-hosted RSS and Atom feed aggregator. It is lightweight, easy to work with, powerful, and customizable.
Google-Searchable and community focused Slack alternative. Linen is built for community support. Linen is designed to be familiar to existing communities while giving all the benefits of a forum.
Codeberg is a collaboration platform and Git hosting for Free and Open Source Software, content and projects.
FrankenPHP is a modern application server for PHP built on top of the Caddy web server. FrankenPHP gives superpowers to your PHP apps thanks to its stunning features: Early Hints, worker mode, real-time capabilities, automatic HTTPS, HTTP/2 and HTTP/3 support...
Share and accept documents securely. SecureDrop is an open source whistleblower submission system that media organizations and NGOs can install to securely accept documents from anonymous sources. SecureDrop is available in 21 languages.
Carefully crafted, easy to customize, fully responsive UI Components, Templates and Tools for your Tailwind CSS based projects.
Your calm, digital environment to work, study, relax. Hit play and get into the zone instantly. Would you rather get it done in the cafe, or escape to the beach. Lofi gives you both.
Build with hosting for free. Yax.com is the do-it-yourself alternative to commercial site builders like Wix.
Palpatine is a minimal static site generator (SSG) built with C++. It is a command line tool that takes a directory of raw data (.txt files and markdown) and generates a static website. It is designed to be fast, simple and easy to use.
Enhance is a web standards-based HTML framework. It’s designed to provide a dependable foundation for building lightweight, flexible, and future-proof web applications.
Easily convert files (.xlsx, .xls, .csv, .txt, .xml, and .json) into SQL databases.
APIs for a vibrant decentralized future. The Graph is an indexing protocol for querying networks like Ethereum and IPFS. Anyone can build and publish open APIs, called subgraphs, making data easily accessible.
Minimal CSS Framework for semantic HTML. Elegant styles for all natives HTML elements without .classes and dark mode automatically enabled.
Crawlee is a web scraping and browser automation library. It helps you build reliable crawlers. Fast.
Develop components in isolation. Whyframe gives iframes superpowers,
making it easy to render anything in isolation.
AnimXYZ helps you create, customize, and compose animations for your website. Powered by CSS variables to allow a nearly limitless number of unique animations without writing a single keyframe. Save time and have complete control over how your elements move. Built for Vue, React, SCSS, and CSS, AnimXYZ will bring your website to life.
Build blazing fast, scalable Jamstack websites with TezJS, the performance revolution in website development and ranking space. TezJS is built on combining the cutting-edge Vue.js framework with the next-gen frontend tool, Vite, to create an amazing developer experience with less configuration.
Breaking the Frontend Monolith! Piral is a framework for next generation portal applications. It allows you to build web apps that follow the microfrontends architecture in basically no time. Piral lets you use your standard tooling to be as efficient as possible.
The only favicon generator you need for your next project. Quickly generate your favicon from text, image, or choose from hundreds of emojis.
Eternity is a minimalist Hugo theme designed for portfolio sites with a fresh feel.
Instant serverless GraphQL backends. Grafbase provides the best developer experience to deploy GraphQL APIs.
SurrealDB is an innovative NewSQL cloud database, suitable for serverless applications, jamstack applications, single-page applications, and traditional applications.
Postal is a complete and fully featured mail server for use by websites & web servers. Think Sendgrid, Mailgun or Postmark but open source and ready for you to run on your own servers.
Knowledge Management. Redefined. Lightning fast. Open source. Built to scale.
Handshake is a decentralized, permissionless naming protocol where every peer is validating and in charge of managing the root DNS naming zone with the goal of creating an alternative to existing Certificate Authorities and naming systems.
Agit CMS is a multi-platform desktop application built on top of Electron, which works as a frontend interface for any static site generator, like Hugo and Jekyll. You need to have a ready-to-run static sites on your local computer, as Agit CMS works as a frontend interface for it.
Introduction to CSS logical functions calc(), clamp(), min() and max().
Build static sites with interactive islands.With Capri you can build a static website as if it was a single page app.
JSON sucks. But JSONHero making it better. Stop staring at thousand line JSON files in your editor and start staring at thousand line JSON files in your browser. With a few nice features to help make it not the worst.
Learning to code shouldn’t be hard. We’re making it easier by putting together a comprehensive set of web development tutorials to help transform complete beginners into talented Interneting professionals.
roadmap.sh is a community effort to create roadmaps, guides and other educational content to help guide the developers in picking up the path and guide their learnings.
An easy-to-read, quick reference for PHP popular coding standards, links to authoritative tutorials around the Web and what the contributors consider to be best practices at the present time.
Histoire is a new way to write stories for your components.
Fresh is a next generation web framework, built for speed, reliability and simplicity.
Kint for PHP is a tool designed to present your debugging data in the absolutely best way possible.
Commands.dev is a searchable, templated catalog of popular terminal commands curated from across the internet.
Vidstack is a video framework that makes it easy to build and integrate awesome media experiences into modern web apps.
Sustainable web design is an approach to designing web services that puts people and planet first. It delivers digital products and services that respect the principles of the Sustainable Web Manifesto: clean, efficient, open, honest, regenerative, and resilient.
This post show us how to use the new CSS selector :where() :is() :has() to make our life easier.
Reduce the file size of your images by smartly compressing & reducing dimensions, and download the compressed images for free.
A great post on the evolution of web development from website to web application.
SvelteStorm is a Svelte IDE with built-in browser window which allows developers to easily view their application without having to switch to a separate window. Its state visualizer provides a clear and concise layout for developers to view and edit their state.
Simple, fast, safe, compiled. For developing maintainable software. Despite being simple, V gives a lot of power to the developer and can be used in pretty much every field, including systems programming, webdev, gamedev, GUI, mobile, science, embedded, tooling, etc. V is very similar to Go. If you know Go, you already know ≈80% of V.
A powerful open source framework to build internal tools. Quickly build any custom business software with pre-built UI widgets that connect to any data source. Control everything with JavaScript.
Markdoc is a powerful, flexible, Markdown-based authoring framework. From personal blogs to massive documentation sites, Markdoc is a content authoring system that grows with you.
Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your Svelte applications.
12-week, 24-lesson curriculum all about JavaScript, CSS, and HTML basics.
HyperUI is a collection of free Tailwind CSS components that can be used in your next project. With a range of components, you can build your next marketing website, admin dashboard, ecommerce store and much more.
Svelte Headless UI is an unofficial, complete Svelte port of the Headless UI component library.
An advanced easy search query builder built with Svelte/Sveltekit.
Pixel Art Together is a free multiplayer pixel art editor powered by Liveblocks.
This free video course show you from A to z how to build and deploy a modern SaaS application using the most popular open-source software.
Shiki is a beautiful Syntax Highlighter. It uses TextMate grammar to tokenize strings, and colors the tokens with VS Code themes. In short, Shiki generates HTML that looks exactly like your code in VS Code, and it works great in your static website generator.
A blazing fast, lightweight, and open source comment system for your static website, blogs powered by Supabase.
KitDocs makes it easy to build a documentation site with SvelteKit.
A specification for adding human and machine readable meaning to commit messages.
A Framework for JAMStack Websites Powered by TypeScript. FactorJS is a JamStack oriented TypeScript framework with auth, routing, and more...
The open-source core of Pinry, a tiling image board system for people who want to save, tag, and share images, videos and webpages in an easy to skim through format.
Learn Regex step by step, from zero to advanced. Learning Regex is easier than you think. You can use this tool to easily learn, practice, test and share Regex.
The fastest way to build serverless apps. Launch now with AWS, Google Cloud, Azure and more.
Fast, modern, and practical utility library for Functional Programming in TypeScript.
Fully-replicated database with no pain and little cost.
Medusa is an open source alternative to Shopify. It provides most of the same standard features that Shopify's backend gives out of the box (e.g. E2E order handling, easy-to-use admin interface etc.) but we are more heavily focused on developers giving them the right APIs to customize and extend the setup to their need.
Alexander Kondov has written an awesome post on how to deal with a Node application : Design, Architecture & Best Practices. A must read !
One stylesheet…all the frameworks! UI components that work in React, Vue 3, and Svelte!
A modern open source code editor in Rust. Lightning-fast and Powerful. Quick from launch to every keystroke, and batteries included.
Make your player yours with the world's most popular open source HTML5 player framework.
A Declarative Framework for Rapid Construction of Web-based Visualization.
Complete, flexible, extensible and easy to use page transition library for your static web.
Cascading binding sheets. Reactive UI without the complexity of SPA frameworks. Use any backend you like; bind to the HTML you already produced.
Front Matter is a CMS that runs within Visual Studio Code. It gives you the power and control of a full-blown CMS while also providing you the flexibility and speed of the static site generator of your choice. Jump right into editing and creating content with Front Matter and be able to preview it straight in VS Code.
ASCIIFlow is a client-side only web based application for drawing ASCII diagrams.
Find themes and resources for Svelte/Sveltekit.
Turns your website into a PWA: progressive web app. This plugin turns your project into a PWA (progressive web app) for Kirby 3.
The adaptive interface system for modern web experiences. Interfaces built with FAST adapt to your design system and can be used with any modern UI Framework by leveraging industry standard Web Components.
Hue Tools is an open source toolbox for colors developed in Svelte/Sveltekit.
Tonic is a component framework that takes this minimal yet elegant approach and works perfectly with Jamstack, as it doesn’t use virtual DOM and is server-side rendered by default. It’s based on web components and can be used out of the box without a build tool.
Everything you need to accept Stripe payments with your Svelte projects. SvelteKit is fully supported.
A friendly programming language from the future. Unison is an open source functional programming language based on a simple idea with big implications: code is content-addressed and immutable.
Sveltin is a CLI created to boost the developers productivity working on SvelteKit powered static websites.
Single-file PHP app that can be dropped into any folder, instantly creating a gallery of files and folders.
Vitebook is a fast and lightweight alternative to Storybook that's powered by Vite.
Build full-stack and completely reactive user interfaces with PHP.
A powerful new protocol for developers. Build and use interactive blocks connected to the world of structured data. An open standard for building and using data-driven blocks.
The next generation web framework for Cloudflare Workers
Capacitor is an open source native runtime for building Web Native apps. Create cross-platform iOS, Android, and Progressive Web Apps with JavaScript, HTML, and CSS.
All developer news in one place. Get a feed of the hottest developer news. Read more quality articles. Stay up to date. Save time.
A modern, open-source headless commerce framework built with TypeScript & Nodejs.
A second brain, for you, forever. Obsidian is a powerful knowledge base on top of a local folder of plain text Markdown files.
Next generation block styled editor. Free. Use for pleasure.
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.
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.
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.
Code, create, and learn together. Use our free, collaborative, in-browser IDE to code in 50 languages without spending a second on setup.
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.
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.
Open source CSS custom properties to help accelerate adaptive and consistent design. Available from a CDN or NPM, as CSS or JavaScript.
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.
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!
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.
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.
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.
A new animation library, built on the Web Animations API for the smallest filesize and the fastest performance.
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.
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.
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
Free Components libraryfor utility first CSS frameworks.
Commentator is a simple application which provide all you need to have a powerful commenting system on your blogs or websites.
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.
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.
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
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.
Ferdi is a messaging browser that allows you to combine your favorite messaging services into one application.
A curated list of tutorials. Better than that. A curated list of the finest free tutorials.
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.
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.
Charts.css is a modern CSS framework. It uses CSS utility classes to style HTML elements as charts.
Collection of free HTML and CSS animation code examples. Update of June 2020 collection.
Tinyschool helps developers learn new skills, get mentorship, build real-world projects and find a job in top global teams for free.
Rome is a linter, compiler, bundler, and more for JavaScript, TypeScript, JSON, HTML, Markdown, and CSS.
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.
Web's fastest and most memory-flexible full-text search library with zero dependencies.
The Open Source Airtable Alternative. Turns any MySQL, PostgreSQL, SQL Server, SQLite & MariaDB into a smart-spreadsheet.
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
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.
Mkcert is a simple tool for making locally-trusted development certificates. It requires no configuration.
Tools to help diagnose and pinpoint Node.js performance issues.
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.
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.
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.
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.
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.
An open-source, hassle-free, self-hostable Heroku & Netlify alternative.
Next comment tool for your website. Open source, lightweight (4.7kb gzip), privacy-friendly alternative to Disqus.
A simple terminal UI for git commands, written in Go with the gocui library.
Windi CSS is the next generation Tailwind CSS compiler. If you are already familiar with Tailwind CSS, think about Windi CSS as an alternative to Tailwind, which provides faster load times, and supports all the features in Tailwind v2.0 and more.
Git Command Explorer allows you to find the right commands you need without digging through the web.
A simple base class for creating fast, lightweight web components
Deno Deploy is a distributed system that runs JavaScript, TypeScript, and WebAssembly at the edge, worldwide. The service deeply integrates the V8 JavaScript runtime with a high performance asynchronous web server to provide optimal performance without unnecessary intermediate abstractions.
A list of tutorials to build your own ... X. "What you cannot create, I do not understand" - Richard Feynman
Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. It is intended to be used in mobile websites, mobile web apps, and mobile native/hybrid apps.
In this post the author will outline 8 image loading optimization techniques to minimize both the bandwidth used for loading images on the web and the CPU usage for image display.
10 Modern CSS layout and sizing techniques that highlight just how robust and impactful a single-line of styling code can be.
Explore, search and find the best fitting icons or vectors for your projects using wide variety vector library. Download free SVG Vectors for commercial use.
Build performant, native, cross-platform desktop apps with Svelte.
Agorakit is web-based, open source groupware for collectives. By creating collaborative groups, people can discuss topics, organize events, store files and keep everyone updated as needed. Agorakit is a forum, calendar, file manager, mapping tool and email notifier.
Looking for the perfect illustration? Discover the CocoMaterial, the Open Source hand-drawn illustration library.
Penpot is the first Open Source design and prototyping platform meant for cross-domain teams. Non dependent on operating systems, Penpot is web based and works with open web standards (SVG). For all and empowered by the community.
Terminal over HTTP and https. WeTTy is an alternative to ajaxterm and anyterm but much better than them because WeTTy uses xterm.js which is a full fledged implementation of terminal emulation written entirely in JavaScript. WeTTy uses websockets rather then Ajax and hence better response time.
Open source tool to monitor your servers and websites. PHP Server Monitor is a script that checks whether your websites and servers are up and running. It comes with a web based user interface where you can manage your services and websites, and you can manage users for each server with a mobile number and email address.
Lychee is a free photo-management tool, which runs on your server or web-space. Installing is a matter of seconds. Upload, manage and share photos like from a native application. Lychee comes with everything you need and all your photos are stored securely.
Castopod is an open-source hosting platform made for podcasters who want engage and interact with their audience.
Create your own Website or Blog in seconds. Simple, Fast, Secure, Flat-File CMS.
Node-RED is a programming tool for wiring together hardware devices, APIs and online services in new and interesting ways. It provides a browser-based editor that makes it easy to wire together flows using the wide range of nodes in the palette that can be deployed to its runtime in a single-click.
AllTube Download is a web page which allows you to copy an URL of your video (YouTube, Dailymotion, etc.) and get a mp4 file. This web application is based on Youtube-dl. If you prefer a CLI, install Youtube-dl on your computer.
SVGwaves is a CSS / SVG generator waves and allow you to draw waves in your browser.
Stripe’s extension for Visual Studio Code makes it easy to generate sample code, view API request logs, forward events to your application, and use Stripe within your editor.
Launch an amazing storefront on top of your existing e-commerce platform. Crown is a JAMstack e-commerce framework build on top of Svelte and Sveltkit.
Simple HTML form for your website. Integrate HTML forms easily without any server side code. After user submits the form we'll send you content of the form to your registered email.
A simple, flexible and powerful ecosystem for creating beautiful documentation.
ReScript is the language for folks who don't necessarily love JavaScript, but who still acknowledge its importance. ReScript looks like JavaScript, works like JavaScript, works with JavaScript, and compiles to the highest quality of clean, readable and performant JavaScript, directly runnable in the browser and Node.js.
Paged.js is a free and open source JavaScript library that paginates content in the browser to create PDF output from any HTML content. This means you can design works for print (eg. books) using HTML and CSS!
Next Generation Frontend Tooling. Vite (French word for "fast", pronounced /vit/) is a new breed of frontend build tool that significantly improves the frontend development experience.
Refactoring.Guru makes it easy for you to discover everything you need to know about refactoring, design patterns, SOLID principles, and other smart programming topics.
An open source platform for building a writing space on the web.
Zola is a static site generator (SSG), similar to Hugo, Pelican, and Jekyll. It is written in Rust and uses the Tera template engine, which is similar to Jinja2, Django templates, Liquid, and Twig. Content is written in CommonMark, a strongly defined, highly compatible specification of Markdown.
An Express-inspired web framework written in Go. Fiber is a Go web framework built on top of Fasthttp, the fastest HTTP engine for Go. It's designed to ease things up for fast development with zero memory allocation and performance in mind.
CodeSwing is a VSCode extension and an interactive coding environment for building web applications. CodePen in your VSCode editor!
Agile Content Management with JSON & Git. FrontAid CMS is a decoupled and Git-based content management system. Content is stored in your own Git repository in the JSON text format. It works with all your current tools and you always own your data.
Snowpack v3.0 is here! This is the biggest release yet with brand new features including: Pre-bundled Streaming imports - Import any npm package, on-demand. Integrated build optimizations - Built-in bundling, preloading, minification, and more. JavaScript API - Integrate with Snowpack’s brand new native JS API. Node.js Runtime API - Import your Snowpack-built files directly into Node.js. Bug fixes, stability improvements, and a whole lot more!
A painless, self-hosted Git service. Easy to install, lightweight and Open Source.
Lunr enables you to provide a great search experience without the need for external, server-side, search services.
A collection of free single-purpose online tools for web developers.
A beautiful and large components kit for TailwindCSS 2.0. tailwind Kit gives you access to over 200 CSS responsive components, based on Tailwind CSS 2.0 and Font Awesome. It's all free and open-source.
A plugin that provides a basic reset for form styles that makes form elements easy to override with utilities.
Hotwire is an alternative approach to building modern web applications without using much JavaScript by sending HTML instead of JSON over the wire.
A growing collection of more than 120 layout blocks and component buildt with Tailwind CSS V2 ready to copy paste on your Tailwind project.
Ready-to-use Tailwind CSS blocks. 15 different categories (ecommerce, blog, pricing and more...), responsive, dark/light mode, color variations.
A complete product analytics stack, to deploy on your infrastructure.
Free Javascript challenges. Learn Javascript online by solving coding exercises.
JavaScript image compressor. Uses the Browser's native canvas.toBlob API to do the compression work, which means it is lossy compression. General use this to precompress a client image file before upload it.
The open source Firebase alternative. Supabase adds realtime and RESTful APIs to your PostgreSQL database without a single line of code.
The unofficial Inertia.js server-side adapter WordPress plugin.
Thumbor is a smart imaging service. It enables on-demand crop, resizing and flipping of images.
Choose the Tailwind classes by checking the visual rendering.
The React Framework in Deno. Aleph.js gives you the best developer experience on building modern web application: TypeScript in Deno, ES module imports, file-system routing, SSR & SSG, HMR with Fast Refresh, and more. No config needed.
The tinro is highly declarative, very tiny (~4.5 Kb (1.9 Kb gzipped)), dependency free router for Svelte's web applications.
An Auto-generated Admin Panel for your Node.js Application
API-first eCommerce platform for developers & businesses. Take full control of your commerce. Build custom experiences on the frontend with our headless eCommerce backend.
Open color is an open-source color scheme. Optimized for UI like font, background, border, etc.
The Jamstack framework for Svelte. Write less code and develop static sites from any data source. Leverage Svelte and GraphQL for a seamless build.
A refreshing JavaScript Datepicker. Lightweight (less than 5kb minified and gzipped), no dependencies (but plays well with Moment.js), modular CSS classes for easy styling.
The open source extensible modeling environment supporting: UML, BPMN, ArchiMate, SysML, ...
The multi-repository documentation site generator for tech writers who writing in AsciiDoc.
A script that converts a WordPress export XML file into Markdown files suitable for a static site generator (Gatsby, Hugo, Jekyll, etc.).
The Stripe PHP library provides convenient access to the Stripe API from applications written in the PHP language.
Laravel admin aanel package from developers / for developers. You need to buy a licence.
Plenti is an open source Static Site Generator (SSG). The templates are based on Svelte, which is a javascript library for building reactive user interfaces.
Find the cost of adding a npm package to your bundle
Stellar makes it possible to create, send, and trade digital representations of all forms of money: dollars, pesos, bitcoin, pretty much anything. It’s designed so all the world’s financial systems can work together on a single network.
Put a lock on your cloud. With Cryptomator, the key to your data is in your hands. Cryptomator encrypts your data quickly and easily. Afterwards you upload them protected to your favorite cloud service.
Halfmoon is a front-end framework with a built-in dark mode and full customizability using CSS variables; great for building dashboards and tools.
Routes for Svelte, automated by your file structure. Routify offers a great developer experience to build the routes for your Svelte app.
Build Better Websites. Remix brings the best of modern web development without leaving behind the fundamental parts that make the web great. Deploy server rendered, code split, dynamic data-driven React apps to any cloud service provider. Experience unparalleled performance without the giant build times.
Elm-pages is a statically typed site generator written in Elm.
Plop is a little tool that saves you time and helps your team build new files with consistency. It generates code when you want, how you want, and can be changed whenever you want.
Application launcher for Linux with a lot of plugins to extends your launcher.
A collection of open source, professionally designed UI components built on a framework-agnostic technology.
Create your own database without technical experience. Our user friendly no-code tool gives you the powers of a developer without leaving your browser.
Duet Date Picker is an open source version of Duet Design System’s WCAG 2.1 compliant date picker. It can be implemented and used across any JavaScript framework or no framework at all.
Query. Explore. Share. Hue is an open source SQL Assistant for Databases & Data Warehouses.
Search for your favorite videos and channels on 526 PeerTube websites indexed by Sepia Search!
MongoDB client for the web. Query your data directly from your browser. You can host it locally, or anywhere else, for you and your team.
A simple and lightweight SQL client desktop/terminal with cross database and platform support.
Following the Ant Design specification, we developed a Vue UI library antd that contains a set of high quality components and demos for building rich, interactive user interfaces.
Simplest way to publish docs. Dimer generates a clean and beautiful documentation website from Markdown.
Etherpad is a highly customizable Open Source online editor providing collaborative editing in really real-time.
Grafana allows you to query, visualize, alert on and understand your metrics no matter where they are stored. Create, explore, and share dashboards with your team and foster a data driven culture.
Simple and elegant markdown editor focused on speed and usability.
Alpas is a batteries-included, yet a modular, web framework for Kotlin with a very strong focus on developers' productivity.
Dockle is a container image linter for security, helping build the best-practice Docker image, easy to start.
Umami is a simple, easy to use, self-hosted web analytics solution. The goal is to provide you with a friendlier, privacy-focused alternative to Google Analytics and a free, open-sourced alternative to paid solutions. Umami collects only the metrics you care about and everything fits on a single page.
Desktop and mobile HTML5 game framework. A fast, free and fun open source framework for Canvas and WebGL powered browser games.
A minimalistic JavaScript library for toast notifications. Responsive, A11Y, dependency-free. Tiny (~3KB). Easy integration with React, Angular and Vue.
Snowpack is a modern, lightweight toolchain for faster web development. Traditional JavaScript build tools like webpack and Parcel need to rebuild & rebundle entire chunks of your application every time you save a single file. This rebundling step introduces lag between hitting save on your changes and seeing them reflected in the browser. Snowpack serves your application unbundled during development. Every file only needs to be built once and then is cached forever. When a file changes, Snowpack rebuilds that single file. There’s no time wasted re-bundling every change, just instant updates in the browser
PM2 is a daemon process manager that will help you manage and keep your application online 24/7
Hyper is an Electron-based terminal built on HTML/CSS/JS and fully extensible. With Hyper, you can install themes and plugins from the command line. The goal of the project is to create a beautiful and extensible experience for command-line interface users, built on open web standards.
Sticky Sidebar is a pure JavaScript plugin for making smart and high performance sticky sidebar, works with sidebar if it’s taller or shorter than the viewport, integrated with resize sensor to re-calculate the dimensions automatically when the size of sidebar or its container is changed, supports jQuery/Zepto and compatible with Firefox, Chrome, Safari, and IE9+.
A simple, lightweight Javascript library for dynamic grid layouts.
lit-html is a simple, modern, safe, small and fast HTML templating library for JavaScript.
Konva.js is a HTML5 2d canvas js library for desktop and mobile applications.
A new funding model for open source software or, achieving the holy grail of one-click sponsorships.Written by Colin McDonnel.
rrul is a JavaScript library for working with recurrence rules for calendar dates.
The web's scaffolding tool for modern webapps. Yeoman helps you to kickstart new projects, prescribing best practices and tools to help you stay productive.
Minimal rsync deployment. Works great with traditional php projects. git-based deployment is also cool, but sometimes it’s nice to have them decoupled, to quickly deploy to staging during dev, for example.
DropzoneJS is an open source library that provides drag’n’drop file uploads with image previews.
A modest JavaScript framework for the HTML you already have. Stimulus is a JavaScript framework with modest ambitions. It doesn’t seek to take over your entire front-end—in fact, it’s not concerned with rendering HTML at all. Instead, it’s designed to augment your HTML with just enough behavior to make it shine
Choices.js is a lightweight, configurable select box/text input plugin. Similar to Select2 and Selectize but without the jQuery dependency.
Axios has a great API that developers love. Redaxios provides that API in 800 bytes, using native fetch(). For those searching for ways to shave a few kilobytes off of their bundles, that's less than 1/5th of the size.
The Web Framework for Dashboards. Easily create a custom Headless CMS or interactive dashboard for your app.
Apple and Google have jointly created the ExposureNotification framework to help governments and public health authorities reduce the spread of COVID-19 through contact tracing, with user privacy and security core to the design. Public health authorities can use this framework to create apps that enable users to take measures to protect themselves and help others.
Free multi-platform database tool for developers, database administrators, analysts and all people who need to work with databases. Supports all popular databases: MySQL, PostgreSQL, SQLite, Oracle, DB2, SQL Server, Sybase, MS Access, Teradata, Firebird, Apache Hive, Phoenix, Presto, etc.
A List of Static Website Hosts for Jamstack Sites.
Super Expressive is a JavaScript library that allows you to build regular expressions in almost natural language - with no extra dependencies, and a lightweight code footprint (less than 3kb with minification + gzip!).
A real Linux distribution for phones and other mobile devices.
Zulip combines the immediacy of real-time chat with an email threading model. With Zulip, you can catch up on important conversations while ignoring irrelevant ones.
A series of mixes intended for listening while '+task+' to aid concentration and increase productivity (also compatible with other activities).
ProcessWire is a free content management system (CMS) and framework (CMF) built to save you time and work the way you do. With all custom fields, a secure foundation, proven scalability and performance, ProcessWire connects all of your content seamlessly, making your job fast, easy and fun.
Build high-performance VueJS user interfaces in record time. One source code for all platforms simultaneously through Quasar CLI with all the latest and greatest best practices out of the box. Focus only on your app's features and forget about the boilerplate around it.
A gorgeous, simple, tiny JavaScript package to add keyboard bindings into your application.
TOAST UI is a JavaScript UI library to make your web delicious. It's a free open source project.
Discover Forgotten Trends in Web Design. Web Design Museum exhibits over 1,600 carefully selected and sorted web sites that show web design trends between the years 1991 and 2006.
A new way to build web apps, that's significantly more efficient than anything else. We're calling the approach "hybrid static".
Create badass fluid and smooth transitions between your website’s pages.
The minimal, blazing-fast, and infinitely customizable prompt for any shell!
Free browser based video calling for everyone. Simple, Secure, and Fast. Peer to peer video calling provides quality and latency simply not available with traditional technology.
Capture screenshots of websites in various resolutions. A good way to make sure your websites are responsive. It's speedy and generates 100 screenshots from 10 different websites in just over a minute. It can also be used to render SVG images.
Develop, test, sync, and deploy your website using a single tool that comes in a single binary.
Media queries are what make modern responsive design possible. With them you can set different styling based on things like a users screen size, device capabilities or user preferences. But how do they work, which ones are there and which ones should you use? Here's the complete guide to media queries.
The Play with Docker classroom brings you labs and tutorials that help you get hands-on experience using Docker.
Kirby Pay offers an easy way to make payments with Kirby CMS, providing several options to customize according to your needs.
Draftbox is a new-age blogging platform for everyone, built on Gatsby. It provides a static site for your existing blog and keeps content in sync.
Client did not pay? Add opacity to the body tag and decrease it every day until their site completely fades away. Set a due date and customize the number of days you offer them until the website is fully vanished.
One of the decisions that a front-end developer needs to make while building a website is the technique to include an image. It could be an HTML , or an image via CSS backgrounds, or maybe SVG
Stylemug is a fast css-in-js library that extracts atomic CSS rules to a .css file. It generates atomic CSS from the static stylesheets defined in JS. The compiled rules are extracted to a .css file.The stylesheet code in the Javascript bundle is replaced (no CSS in JS) with a hash map for classnames lookup at runtime.
A free repository for community components using TailwindCSS. Open source Tailwind UI components and templates to bootstrap your new apps, projects or landing sites!
This cross plateform desktop application allows you to query and manage your relational databases, like MySQL, Postgres, SQLite, and SQL Server.
Tomorrow’s edge cloud applications demand a higher-performing serverless platform. Enter KNIX MicroFunctions.
Simple, well designed, desktop accounting software for freelancers and small businesses. Free and Open Source.
Inertia.js lets you quickly build modern single-page React, Vue and Svelte apps using classic server-side routing and controllers.
Espanso is a cross-platform Text Expander written in Rust.
Imageflow is open-source software which scales, edits, and optimizes images. Unlike most tools, it does not have a visual interface; it is designed to be embedded into software like Wordpress, Ebay, Craigslist, or Facebook.
Writing micro-services or if you are a fan of TDD, it all boils down to confidence. AdonisJs simplicity will make you feel confident about your code.
One of Alpine's main selling points is that it provides most of the reactive goodies that Vue and React do at a much lower cost. What if you don't need reactivity for your site? Well, Alpine can definitely still fit into your stack! Post written by Ryan Chandler
Session is an end-to-end encrypted messenger that removes sensitive metadata collection, and is designed for people who want privacy and freedom from any forms of surveillance.
Braid is a new kind of group collaboration tool, designed for teams that hate interruptions and just want to get shit done.
TableConvert a powerful online table generator and editor that converts between csv, html and markdown. Easy to convert html tables to sql, json, xml, excel, latex tables and text, making the table easier to use.
Private PHP package repository manager. Add and manage private PHP Composer dependencies in Cloud or behind your firewall. Dedicated integration with GitHub / GitLab and BitBucket.
Build web applications with less tooling. With Snowpack you can build modern web apps (using React, Vue, etc.) without a bundler (like Webpack, Parcel, Rollup). No more waiting for your bundler to rebuild your site every time you hit save. Instead, every change is reflected in the browser instantly.
Achieve mastery through challenge. Improve your skills by training with others on real code challenges.
SPA JS is built on the popular paradigm “KISS” (Keep It Simple, Stupid) that emphasizes on keeping a framework simple and not complicating it. Ideally a powerful framework should do all the heavy lifting and must make it easy for the developers to focus on the product features and not the framework.
HTTPie is a command line HTTP client with an intuitive UI, JSON support, syntax highlighting, wget-like downloads, plugins, and more.
Zorin OS is the alternative to Windows and macOS designed to make your computer faster, more powerful, secure, and privacy respecting.
Pixelgram is an image-sharing application allowing the creation of users and images.
The responsive images spec is fantastic and covers a lot of use cases, but in my experience, most of the time you’ll only need to understand one of them ... Post written by Scott Vandehey
Listen to two women in tech talk about how they balance side projects on top of a full time job. Design Life is a podcast about design and side projects for motivated creators
Boost your productivity and send better email with Mailspring, the best mail client for Mac, Linux, and Windows.
Eclipse Theia is an extensible platform to develop multi-language Cloud & Desktop IDEs with state-of-the-art web technologies.
Glimpse is an open source image editor based on the GNU Image Manipulation Program. The goal is to experiment with new ideas and expand the use of free software.
Micromodal.js is a lightweight, configurable and a11y-enabled modal library written in pure JavaScript
This website show us how to manage HTML DOM with vanilla JavaScript only for modern browsers and IE 11+
Tippy.js is the complete tooltip, popover, dropdown, and menu solution for the web.
Simple, private file sharing. Encrypt and send files with a link that automatically expires to ensure your important documents don’t stay online forever.
Next generation search API. An open source, blazingly fast and hyper relevant search-engine that will improve your search experience.
Open Source ERP & CRM for Business (sme or large companies, freelance, foundations).
Flat, simple, multi-themed, responsive and hackable Color-Picker library. No dependencies, no jQuery. Compatible with all CSS Frameworks e.g. Bootstrap, Materialize. Supports alpha channel, rgba, hsla, hsva and more!
Create animated mockups in your browser and export as video or animated GIF.
Alpine.js offers the reactive and declarative nature of big frameworks like Vue or React at a much lower cost. This interactive course will teach you the basics in less than an hour.
Need some mock data to test your app? Mockaroo lets you generate up to 1,000 rows of realistic test data in CSV, JSON, SQL, and Excel formats. Download data using your browser or sign in and create your own Mock APIs.
A free and open source code snippets manager for developers. It helps you create and organize your own personal snippets collection and have quick access to it.
Automated dependency updates, Dependabot creates pull requests to keep your dependencies secure and up-to-date.
Do you love the JAMstack philosophy but need a database-backed web app? Want great developer experience and easy scaling? Redwood is here! Built on React, GraphQL, and Prisma, Redwood works with the components and development workflow you love, but with simple conventions and helpers to make your experience even better.
Automated dependency updates. Save time and reduce risk by automating dependency updates in software projects. Fully customizable with a setting to suit every workflow.
Give your pages some headroom. Hide your header until you need it.
A modern JavaScript utility library delivering modularity, performance and extras.
PostHTML is a tool to transform HTML/XML with JS plugins. PostHTML itself is very small. It includes only a HTML parser, a HTML node tree API and a node tree stringifier.
Staart Site is a static site generator for helpdesk or documentation websites. It creates beautiful, accessible, and ultra-lightweight websites that score 100/100 on Lightbox.
Isso is a lightweight commenting server similar to Disqus. It allows anonymous comments, maintains identity and is simple to administrate. It uses JavaScript and cross-origin ressource sharing for easy integration into (static) websites.
Uppload is a better JavaScript image uploader. It’s highly customizable with 30+ plugins, completely free and open-source, and can be used with any file uploading backend.
In this tutorial, Beau Carnes, teacher and developer with freeCodeCamp.org, shows you how to build a fast and secure websites with the JAMstack architecture.
CesiumJS is an open source JavaScript library for creating world-class 3D globes and maps with the best possible performance, precision, visual quality, and ease of use.
Using ES2015 modules you can chunk the application code into reusable, encapsulated, one-task focused modules. That’s all good, but how do you structure modules? How many functions, classes a module should have? This post presents 4 best practices on how to organize better your JavaScript modules. Post written by Dimitri Palvutin.
A hand-drawn illustration library. The library works like building blocks made of vector arms, legs, and emotions. You can mix these elements to create different Peeps.
Powerful component libraries and styleguides that fit the way you work.
Pay what you want: 5, 10 or 15€/month. The essence of our hosting platform is sharing: we provide enough resources for everyone and sufficient headroom to handle traffic spikes on your site. We always keep the systems up to date and take care of maintenance so you have the time to focus on your project.
Collaborate on documents, share files, collect information. All private. All encrypted. All with Graphite.
Conversational marketing made open source. Turn strangers into leads, maintain data ownership. Easy to install, develop, and measure.
The most powerful and extensible open source Wiki software. Make documentation a joy to write using Wiki.js beautiful and intuitive interface!
Find open-source alternatives for your favorite apps.
Write and run your javascript code online, see result in live view or in editor console. Share your javascript.
A deployment tool written in PHP with support for popular frameworks out of the box.
What began as a side project of a Google developer now shares the JS leaderboard with React and Angular... With the help of Sarah Drasner, Taylor Otwell, Thorsten Lünborg and many others from the Vue.js community, Evan You tells the story of how he fought against the odds to bring Vuejs to life.
Beaker is a browser for the next-generation Web. It's an experimental browser for exploring and building the peer-to-peer Web.
Free Google Slides and PowerPoint templates to boost your presentations.
The Odin Project is one of those "What I wish I had when I was learning" resources. Not everyone has access to a computer science education or the funds to attend an intensive coding school and neither of those is right for everyone anyway. This project is designed to fill in the gap for people who are trying to hack it on their own but still want a high quality education.
Layouts with diagonal sections are quite popular for several years now. It is not the new hot stuff, and you will probably not find it in the articles titled "Design trends for 2020". But I think it is here to stay. Post written by Nils Binder.
Ace is an embeddable code editor written in JavaScript. It matches the features and performance of native editors such as Sublime, Vim and TextMate. It can be easily embedded in any web page and JavaScript application.
This is a JavaScript bundler and minifier. It packages up JavaScript code for distribution on the web.
This post describes how Lucas Santoni setup ESLint in different scenarios. He'll start with a simple plain JavaScript project and then we'll deal with TypeScript, and also React. The aim is to do the things right and avoid installing random packages or copy/pasting snippets of configuration until things work.
A modern, headless GraphQL-based e-commerce framework built with TypeScript & Nodejs.
Yasumi is an easy PHP library to help you calculate the dates and names of holidays and other special celebrations from various countries/states.
Giving users a dark theme option can be beneficial for accessibility, as some people experience headaches or visual difficulties from excessively bright screens, or have trouble reading for long periods on a light background. Post written by Michelle Barker.
RoadRunner is a high-performance PHP application server, load-balancer, and process manager written in Golang.
Downtime Happens. Get Notified! 50 Monitors, Checked Every 5 Minutes, Totally Free!
Tired of Facebook, Instagram & Twitter selling your data? Create your own social network website with this open source social network.
A repository for All algorithms implemented in Javascript (for educational purposes only).
Here’s a history of CSS and web design from 90's to 2020 written by Eevee.
Open source alternative to Algolia? Typesense is an open source, typo tolerant search engine that delivers fast and relevant results out-of-the-box.
Beluga is open-source software for creating your own ecommerce site. Built with React, Node.js, and using Stripe for payment processing.
Open source mobile client for GitHub, GitLab, Bitbucket and Gitea, built with Flutter.
The unobtrusive JavaScript framework for server-side web applications. Unpoly enables fast and flexible frontends while keeping rendering logic on the server. It has no dependencies and plays nice with existing code.
Matt Stauffer shares with us some precious advises in this post to set up your equipment for podcasting and streaming.
A lightbox that works in all modern browsers with images, videos, iframes and any kind of HTML, has support for CommonJS and AMD, a simple API and zero dependencies.
Use Oxygen's unparalelled power, flexibility, and light-weight code to visually design your WordPress or WooCommerce site with ease.
You've heard about testing, and even better "Test-Driven Development", but you're still not sure exactly what they are. Well now you'll know! In this trail, thoughtbot developers Harry Schwartz and Ian C. Anderson cover core principles of writing code with Test-Driven Development. You'll learn about the benefits of testing, the way testing first applies positive design pressure to your code, and how to apply TDD to your own development.
This showcase let you review VSCode themes from the VSCode marketplace.
Syntax highlighting for the Web. 185 languages and 91 styles, automatic language detection and multi-language code highlighting.
Compress.Studio is a serverless image compression tool with a decentralized private storage.
Grow is a static site generator optimized for building highly-interactive, localized microsites. With a focus on workflow and building projects that are highly maintainable in the long-term, Grow encourages a strong-but-simple separation of content and presentation, and makes maintaining content in different locales and different environments a snap.
Constantin shows us how to build a signup form using the library AlpineJS. Post written by Constantin - Placebo Domingo
The easiest way to learn & practice modern JavaScript step by step. Learn in an interactive environment. Study short lessons and practice in an intuitive environment guided by automated tests.
Orchestrate your web project with Webdash - the customizable web dashboard. Webdash helps you visualize, monitor & manage your web project using community-driven plugins.
A rugged, minimal framework for composing JavaScript behavior in your markup. Alpine.js offers you the reactive and declarative nature of big frameworks like Vue or React at a much lower cost. You get to keep your DOM, and sprinkle in behavior as you see fit. Think of it like Tailwind for JavaScript.
React Tutorial is an interactive way to learn React in the browser. It consists of short lessons and challenges as well as flashcards.
Mirage JS is an API mocking library that lets you build, test and share a complete working JavaScript application without having to rely on any backend services.
4K Video Downloader allows downloading videos, playlists, channels and subtitles from YouTube, Facebook, Vimeo and other video sites in high quality.
Rete is a modular framework for visual programming. Rete allows you to create node-based editor directly in the browser. You can define nodes and workers that allow users to create instructions for processing data in your editor without a single line of code.
An Open Source Smart Phone Supported by All Major Linux Phone Projects.
A full-featured framework for building command line applications (cli) with node.js, including help generation, colored output, verbosity control, custom logger, coercion and casting, typos suggestions, and auto-complete for bash/zsh/fish.
This is a list of software (SaaS, PaaS, IaaS, etc.) and other offerings that have free tiers for developers.
An open source application for on-call scheduling, automated escalations and notifications (like SMS or voice calls). Automatically engage the right person, the right way, and at the right time!
Crater is a free Open-Source Invoice app for freelancers & small businesses.
A set of ansible scripts to build a personal mail server / private cloud / etc.
Fresh RSS is a free, self-hostable aggregator. It can manage +100k articles without complaining and works on mobile without requiring any third-party application. FreshRSS is yours, you host your aggregator and do not depend on anyone.
An 11ty starter kit designed to help you add rich features to a site without a complicated build process.
A scalable, traceable job queue for background processing large queues of tasks in WordPress. Designed for distribution in WordPress plugins - no server access required.
A 6 step how-to guide to let you start in podcasting by Dale Cudmore.
Youtube-mp4 is a fast and safe Youtube video converter to mp4 file. Right now the converter is optimized for mp4 only. Make sure you aren't trying to download copyrighted materials.
Tired of your digital life being exploited online? Librem One is a growing bundle of ethical services (Mail, Chat, Social, Tunnel ...).
Create Forms Using an open source Drag&Drop Interface and Track Conversions.
Hylia is a lightweight Eleventy starter kit with Netlify CMS pre-configured, so that you can one-click install a progressive, accessible blog in minutes. It also gives you a well organised starting point to extend yourself.
10 free videos to learn how to use CSS grid in your design.
Omnipay is a payment processing library for PHP. It has a clear and consistent API, is fully unit tested, and even comes with an example application to get you started.
Learn how to avoid jagged edges on gradients generated by CSS. Written by Mandy Michael.
45 free videos on Vue JS 2 by "The Net Ninja" to help you learn this amazing JS framework.
Capture your screen. An open-source screen recorder built with web technology.
Manage conversations, build relationships and delight your customers, all from one place. Opensource alternative to Intercom, Zendesk, Drift, Crisp etc
Here's what I'd like you to know upfront: this is a hard problem. If you've landed here because you're hoping to be pointed at a tool you can run that tells you exactly what CSS you can delete from your project, well... there are tools out there, but I'm warning you to be very careful with them because none of them can ever tell you the complete story. Post written by Chris Coyer.
Slides is a Visual Studio Code extension that helps you use your editor as a presentation tool.
Listen to Kelly Vaughn, Ali Spittel, && Emma Wedekind debug the tech industry.
Build consistent, themeable React apps based on constraint-based design principles. Built for white-labels, themes, and other applications where customizing colors, typography, and layout are treated as first-class citizens and based on the System UI Theme.
Link your Mastodon account to Twitter and Instagram. No bamboozle. Created by James Moore.
Always wanted to use GraphQL for your new projects, but never got time to learn how it works? Let's start the week with some new GraphQL knowledge in hand! Here's a 10-minute GraphQL crash course for you! Post written by Xiaoru Li.
Koala is a GUI application for Less, Sass, Compass and CoffeeScript compilation, to help web developers to use them more efficiently. Koala can run in windows, linux and mac.
Compile Sass, Less, Stylus, Jade, CoffeeScript on Mac, Windows & Linux with Live Browser Reload.
Parcel purports to be a “zero-config” alternative to Webpack, a popular Javascript module bundler. A module bundler takes separate, reusable JS files (or modules) and “bundles” them into a single file to be served to the browser, as well as minifying the output. This can improve website performance, as the browser doesn’t need to load a bunch of files individually. Post written by the author of "CSS in Real Life".
The Fullstack Tutorial for GraphQL. The free and open-source tutorial to learn all around GraphQL to go from zero to production.
Finds publicly known security vulnerabilities in a website's frontend JavaScript libraries.
A biweekly 20-min podcast about the latest in tech tools, tips, and tricks!
In this post I will explore five options for handling form submissions with your static site. Post written by DJ Walker.
171 Free Resources for Freelancers? All the free resources and templates you need to get work done as a freelancer.
How the new release will affect the way we write our code. As you could expect, Vue 3 brings a lot of new exciting features. Thankfully Vue team mostly introduced additions and improvements over current APIs rather than major changes so people that already know Vue 2 should quickly feel comfortable with new syntaxes. Written by Filip Rakowski.
The command-line is awesome but building on it has been hard for web developers. Vorpal is a framework that makes it easy to build mature, immersive command-line applications in JavaScript.
When it comes to building a simple front-end project, how do you get started? What are the tools you need? I suspect everyone will have a different answer. Do you start with a (JS or CSS) framework, or off-the-shelf boilerplate? Perhaps you use a task runner (like Gulp to orchestrate your project’s needs. Or do you start simple, with just HTML and a CSS file? post written by Michelle Barker.
This is how Bethan Vincent developed and launched her first podcast, The Brave, in under 2 months.
The awesome Kirby team has released Trioceros, the 3.3.0 version of Kirby CMS and the very first version of their new Kirby Editor plugin. Kirby Editor is a new visual writing and layout field for Kirby. Compose long-form text with consistent inline styles. Add images, videos, quotes and more. Bring your own block types and always rest assured that the output will be valid, customizable HTML.
Vulcain is a brand new protocol using HTTP/2 Server Push to create fast and idiomatic client-driven REST APIs. An open source gateway server which you can put on top of any existing web API to instantly turn it into a Vulcain-compatible one is also provided! It supports hypermedia APIs but also any "legacy" API by documenting its relations using OpenAPI.
This package allows you to easily read and write simple Excel and CSV files. Behind the scenes generators are used to ensure low memory usage, even when working with large files.
The way we build, deploy and operate the web is evolving. Webiny is a developer-friendly serverless CMS powered by Node, React and a GraphQL API.
WP Rig is a modern WordPress starter theme and build process bundled into one convenient package. It helps you create beautiful, lightning-fast WordPress themes with exciting user experiences that meet the latest web standards.
Developers and Open Source authors now have a massive amount of services offering free tiers, but it can be hard to find them all in order to make informed decisions. This is a list of software (SaaS, PaaS, IaaS, etc.) and other offerings that have free tiers for developers.
The first Vue.js UI library dedicated to eCommerce Create stunning, mobile-first online stores with this 100% customizable design system.
Today we released the third major version of Ghost, representing a total of more than 15,000 commits across almost 300 releases. The product is as fast and stable as it has ever been, and now it also has support for memberships, subscription revenue, and API driven modern site architectures. Post written by John O'Nolan.
Download Tor Browser to experience real private browsing without tracking, surveillance, or censorship.
I find that the need to create responsive table layouts pops up far more often than most developers would expect. The gut reaction might to be implement some sort of custom grid-system or pull in a pre-built library. Don't do this - just use tables and some simple CSS. Post written by Bradley Taunt.
Laravel Mix is a clean layer on top of webpack to make the 80% use case laughably simple to execute. Most would agree that, though incredibly powerful, webpack ships with a steep learning curve. But what if you didn't have to worry about that?
Ultrafast, offline-ready and platform-agnostic Progressive Web App e-commerce. Always free and open source under the MIT license.
CSS variables, now enjoying fairly good browser support, are opening up exciting possibilities for more dynamic styling. Having true CSS variables means that we can get and set their values in JavaScript, allowing us to build cool features like live theming. Post written by Jonathan Harrell.
Poet is a blog generator in node.js to generate routing, render templates, and get a blog up and running fast.
Tina is an open-source site editing toolkit for React-based frameworks, Gatsby and Next.js
With the wonderful world of JAMstack getting big, all the categories of services and tools that help it along are as important as ever. There are static site generators, headless CMSs, and static file hosts. I think those classifications are handy, and help conversations along. But there is a point where nuance is necessary and these classification buckets get a little leaky. Post written by Chris Coyier.
Learn basic Bash programming syntax and tools, as well as how to use variables and control operators, in the first article in this three-part series. Post written by David Both.
It is a tool to make shades and tints for a given color and generate the proper code for the TailwindCSS config file.The idea is to make the custom color generation a bit easier when creating custom color variants to use in your app's CSS.
Develop, test, and deploy your secure static or dynamic personal web site with zero configuration.
Simple yet flexible JavaScript charting for designers & developers. Charts.js is one of the most beautiful open source charts library.
If you can build a website, you can build a desktop app. Electron is a framework for creating native applications with web technologies like JavaScript, HTML, and CSS. It takes care of the hard parts so you can focus on the core of your application.
Pure CSS syntax highlighter, no Javascript required. Includes built-in tooltips with UI themes and syntax highlighting themes.
Do you have scheduled jobs run via Cron that you want to prevent being run via browsers and other user agents? This post, written by Andy W, presents two methods to do so.
Modern file management platform built according to your business needs and regulations, Pydio is open-source software deployed on your servers or wherever you decide.
Discover how to implement target="_blank" the right way to not be hacked. Written by Alex Yumashev.
How much of the CSS style that you import from external libraries you really use? Sometimes even less than 20%, so why do you need to have all this unused style? No reason! Purgecss come to help, it is a tool which helps to remove unused CSS and it can be used as part of your development workflow. Post written by Luca Spezzano.
A tiny library for recreating Instagram filters with CSS filters and blend modes.
ScriptSlide is the perfect tool for speakers. Use your laptop as a script screen and take a look at while presenting. Your smartphone becomes a remote controller that controls your screen remotely.
Invidious is an alternative front-end to YouTube to watch your videos without ads and all the extra bloat. The official instance is here https://invidio.us. but several other instances are available.
Kirby in a nutshell or what you wish you had known when you started your first Kirby project.
Everyday steps you can take to control your digital privacy, security, and wellbeing in ways that feel right to you.
A guide to getting you on the IndieWeb. We should all own the content we're creating, rather than just posting to third-party content silos. Publish on your own domain, and syndicate out to silos. This is the basis of the "Indie Web" movement.
Netlify helps developers quickly roll out static websites. In this in-depth Netlify course for beginners, you will learn how to use the service for everything needed in modern web development, from local setup to global deployment. This video is the perfect place to start for anyone that wants to learn how to use Netlify.
A curated list of awesome things related to Tailwind CSS. Tailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces.
Knex.js is a "batteries included" SQL query builder for Postgres, MSSQL, MySQL, MariaDB, SQLite3, Oracle, and Amazon Redshift designed to be flexible, portable, and fun to use.
Objection.js is an ORM for Node.js that aims to stay out of your way and make it as easy as possible to use the full power of SQL and the underlying database engine while still making the common stuff easy and enjoyable.
OpenLibra is a technology platform and currency for financial inclusion. An alternative to Facebook's Libra, that places emphasis on open governance and economic decentralization.
ForwardEmail is a free, encrypted, and open-source email forwarding service for custom domains.
Learn how to style a dropdown menu with Tailwind's utility classes.
I’ve started using an excellent piece of software called Restic for backing up my various hosts. Restic has multiple backend types that you can send your backups to. One of the backends it supports is a REST API for which there is an implementation named Rest Server written in Go. Post written by Mike Cardwell.
In this modern era of web development, we don’t really need a heavy-handed reset, or even a reset at all, because CSS browser compatibility issues are much less likely than they were in the old IE 6 days. Post written by Andy Bell.
Progressive Web Apps have been part of the conversation for a number of years, but have yet to be meaningfully adopted by most brands, which strikes us as a missed opportunity given the many benefits they possess. In fact, PWA’s can bring native app-like experiences and functionality to the mobile web, and they can be an extremely efficient way to deliver your digital experiences. Written by Jason Rzutkiewicz and Jeremy Lockhorn
GreenSock is a JavaScript plateform which makes it easy to animate HTML elements. As long as you have an understanding of HTML and CSS, along with a basic knowledge of JavaScript, you’ll be equipped with everything you need to build your animation with Greensock.
In yet another recent project, I’m building a book proposal submission platform with a Vuejs frontend and a Kirby CMS backend. Kirby supports the use of HTTP Basic Autentication to make interacting with it via a custom web client (e.g. Vuejs) nice and easy. In my case, I need to interact with Kirby securely to tell it to create a new page (a new “Book”) without requiring a user to create an account or login. Post written by Morgan Brown .
Splitting creates elements and adds CSS variables to unlock amazing possibilities for animating text, grids, and more!
Jigsaw is a framework for rapidly building static sites using the same modern tooling that powers your web applications.
Open source starter templates and components, a plugins directory and useful tools/utilities to kick start your Tailwind CSS project.
GitFiend is a Git and cross platform client designed for humans. It gives you the power of Git without the panicked Stack Overflow searches. It's quick, uncluttered and intuitive, while still being packed with the features you need.
Thermal is open-source desktop application allows you to manage your Git repositories at one place by providing a simple to use graphic interface with built-in features like commits, history, repository settings and more.
JAMstack is revolutionising the way we think about workflow by providing a simpler developer experience, better performance, lower cost and greater scalability. This simple guide will help you understand why it exists and how to get started.
SlickStack is a super easy way to setup WordPress servers that are lightning-fast, created by LittleBizzy.
Running web apps is time consuming and error-prone. Keeping your system up-to-date and secure is a full-time job. Cloudron lets you focus on using the apps and not worry about system administration. Cloudron comes with a free plan.
Hypothesis brings an open conversation over the whole web. Use it right now to hold discussions, read socially, organize your research, and take personal notes.
Who is this for? For website developers that use Hugo and want to make the content of their static websites easy to edit, all for free and without having to pay for a server. For content editors that want to manage content of small static websites using a sleek user-friendly interface.
On a desktop, websites have the space to show the full menu, but on a mobile device that space isn't there, and you want to hide the menu behind a toggle (like a hamburger icon) and show it when people click that toggle. How do you offer both in an accessible way that keeps your HTML simple, without duplicating your menu? That's what the perfect responsive menu does.
Showdown is a Javascript Markdown to HTML bidirectional converter, based on the original works by John Gruber. Showdown can be used client side (in the browser) or server side (with nodejs).
A simple, hackable & minimalistic starter for Gridsome that uses Markdown for content.
A brief video explanation of what Caddy 2 is: a web server that acts as both a content origin and reverse proxy, suitable for both personal projects and production deployments. Discuss and get help with Caddy 2 on this forum: https://caddy.community
If you use Git and you need to upload your files to an FTP server, Git-ftp can save you some time and bandwidth by uploading only those files that changed since the last upload. It keeps track of the uploaded files by storing the commit id in a log file on the server. It uses Git to determine which local files have changed. You can easily deploy another branch or go back in the Git history to upload an older version.
This is a funny way to learn Regex. With Regex Crossword, welcome to the fantastic world of nerdy regex fun! Start playing by selecting one of the puzzle challenges below. There are a wide range of difficulties from beginner to expert.
Customize your svg icon (color, size, background ...) and use it in your website. SVG, JSX, React code available.
JavaScript library for working with recurrence rules for calendar dates as defined in the iCalendar RFC and more.
Appwrite cuts up to 70 percent of the time and costs required for building a modern application. We abstract and simplify common development tasks behind REST APIs, to help you develop your app in a fast and secure way.
Reason lets you write simple, fast and quality type safe code while leveraging both the JavaScript & OCaml ecosystems. Reason is not a new language; it's a new syntax and toolchain powered by the battle-tested language, OCaml. Reason gives OCaml a familiar syntax geared toward JavaScript programmers, and caters to the existing NPM/Yarn workflow folks already know.
The tiny framework for building web interfaces. Hyperapp is a modern VDOM engine with a declarative syntax that's easy to read and natural to write, Hyperapp is your tool of choice to develop purely functional, feature-rich, browser-based applications.
I’ve been using Tailwind CSS professionally almost every day for nearly two years. I love using it, and it’s made my development workflow so much better. So I wanted to share some of the benefits I’ve gained by using Tailwind over a traditional framework or custom CSS. Post written by Jason Beggs.
I'm not an extrovert. I don't like crowds. I'd rather be the trusted adviser than the guy in the spotlight. In high school, speech class gave me such anxiety that I was physically sick and needed to give the presentation over my lunch hour directly to the teacher. Post written by Matt Eland.
Automerge is a JSON-like data structure (a CRDT) that can be modified concurrently by different users, and merged again automatically. It is a library of data structures for building collaborative applications in JavaScript.
While the number of podcasts is growing, our time stays constant. Unable to find a great way to segment podcast into snackable bits that could be searched, shared, and consumed by anybody. Smash Notes is an experiment, an attempt to establish an entirely new medium of knowledge.
If you haven't heard of Tailwind by now it is a rising star in the utility-first CSS framework space that makes developing with CSS fun and productive. With Tailwind you are no longer fighting against the framework to try and get the box outline blue or the margin between your cards a certain rem size. Post written by Drew Town
This is not a library, this is the codebase that runs Dev-io We are very excited about the possibility that, with your contributions, this platform can eventually be re-purposed for communities and ecosystems outside of our scope. Post written by Ben Halpern, founder of Dev-io
Self-hosted, Node.js based analytics tool for those who care about privacy. Ackee runs on your own server, analyses the traffic of your websites and provides useful statistics in a minimal interface.
Quark is a general purpose software tool specifically designed to help you create projects written in HTML, CSS and JavaScript with native desktop app like capabilities. Quark apps run on Mac, Windows, and Linux from a single codebase.
Starting with Chrome 76, you'll be able to use the new loading attribute to lazy-load resources without the need to write custom lazy-loading code or use a separate JavaScript library. Let's dive into the details. Post written by Houssein Djirdeh, Addy Osmani and Mathias Bynens.
SSLyze is a Python library and a CLI tool that can analyze the SSL configuration of a server by connecting to it. It is designed to be fast and comprehensive, and should help organizations and testers identify mis-configurations affecting their SSL/TLS servers.
Natron is a powerful Digital Compositor that can handle of your 2D/2.5D needs. Its robust OIIO file formats and OpenFX architecture is what make Natron the most flexible open source compositor for the visual effects community.
Looking for a free alternative to Photoshop? Gimpshop is a fork of Gimp with a user interface close to Photoshop. There's no question that Adobe Photoshop is excellent image editing software. But for those of us that can't afford up to seven hundred dollars or more to buy it, we now have the same image manipulation power at our fingertips as the high-priced, closed-source programs.
HashOver is a PHP comment system intended as a replacement for services like Disqus. HashOver is free and open source software. HashOver adds a "comment section" to any website, by placing a few simple lines of JavaScript or PHP to the source code of any webpage. HashOver is a self-hosted system and allows completely anonymous comments to be posted, the only required information is the comment itself.
Record your screen right from the browser. No installation required.
A command-line tool for geek-designer to generate, analyze, convert and manipulate colors.
Tabliss is a beautiful, customisable New Tab page for Firefox and Chrome.
In this article, Kent C. Dodds explains what JavaScript features you should be familiar with when learning and using React.
Singer describes how data extraction scripts called “taps” and data loading scripts called “targets” should communicate, allowing them to be used in any combination to move data from any source to any destination. Send data between databases, web APIs, files, queues, and just about anything else you can think of.
Dealing with incoming email, composing rich-text content, connecting to multiple databases, parallelizing test runs, integrating JavaScript with love, and rewriting the code loader. These are fundamental improvements to the fundamentals of working with the web and building fast and fresh applications. This is the kind of work we’ve been doing for the past fifteen years, and we’re still at it.
Make some waves with this free and online generator and download the svg.
Learn React, Redux, Node.js, MongoDB, and GraphQL in one go! This course will introduce you to modern JavaScript-based web development. The main focus is on building single page applications with ReactJS that use REST APIs built with Node.js.
The open source Git project just released Git 2.23 with features and bug fixes from over 77 contributors, 26 of them new. Here’s our look at some of the most exciting features and changes introduced since Git 2.22. Post written by Taylor Blau.
Flextype is a lightweight alternative to other heavy and outdated CMS. Many people use complex solutions for simple pages, unnecessarily. Flextype focused on simplicity - even novice webmaster adapt his template and writes his own plugin. To achieve this, Flextype implemented a simple but powerful API's.
MakeSense is a free online tool for labelling photos developped by Piotr Skalski.
Documize is an open source modern Confluence alternative for internal and external docs built with Golang. Document all your projects, products and services to make know-how available as you grow and scale. With an open soure core, Documize can be used
in the cloud or deployed on-premise.
Linear lets you manage software development and track bugs. Linear's streamlined design is built for speed and efficiency — helping high performing teams accomplish great things.
Tabler is a free admin panel made simple. It's a premium and Open Source dashboard template with responsive and high quality UI.
Sampler is an open source and cross platform tool for shell commands execution, visualization and alerting. Configured with a simple YAML file.
Discover how the new open-source typeface "Inter" used by GitHub and Mozilla came to be. Post written by Carmel DeAmicis, editor at Figma.
The Percona XtraBackup tools provide a method of performing a hot backup of your MySQL data while the system is running. Percona XtraBackup is a free, online, open source, complete database backups solution for all versions of Percona Server for MySQL and MySQL®.
Kyma is an open-source project designed natively on Kubernetes. It allows you to extend and customize cloud-based and on-premise enterprise applications in a quick and modern way, using serverless computing or microservice architecture.
A repository that contains multiple packages or projects. Those projects can, but don't have to be related.
Buttondown is designed with one guiding principle above all others: it should be easy to send great emails. That's why we support Markdown, image uploads, link checking, and more all out of the box.
An open source checklist of resources designed to improve your online privacy and security. Check things off to keep track as you go.
A simple and beautiful wiki for teams. People use it to store documentation, notes, culture guidelines, employee onboarding content and everything they want to.
Email Marketing on a budget using Amazon SES. It's free until 1,000 Subscribers. Unlimited Emails. Does not include Amazon SES fees, (2,000 free emails/day).
The API directory is a place where developers can search for APIs to include in their next software development project.
A show all about the JAMstack, a new way to build fast & secure apps or websites.
The Lorem Ipsum for photos. Just add your desired image size (width & height) after our URL, and you'll get a random image.
Get high-quality and customizable Gatsby themes to quickly bootstrap your website.
GitList allows you to browse repositories using your favorite browser, viewing files under different revisions, commit history and diffs. GitList is free and open source software, written in PHP, on top of Silex and the Twig template engine.
Stencil is a toolchain for building reusable, scalable Design Systems. Generate small, blazing fast, and 100% standards based Web Components that run in every browser.
Sapper is a framework for building high-performance universal web apps. It's like Next.js and Nuxt.js, but faster and smaller because it's powered by Svelte.
Tooll2 is an free open source solution for creating interactive 3d content and animations. It combines the best aspects of animation, compositing, and coding into a lightweight and intuitive UI. Your designs can be shared as executable or rendered to movies.
Truncating a single line of text if is fairly straightforward. Truncating multiple lines is a bit harder. Using just CSS (no JavaScript or server-side dancing) is nice for the simplicity.
A PHP git repository control library. Allows the running of any git command from a PHP class. Runs git commands using proc_open, not exec or the type, therefore it can run in PHP safe mode.
It's often a pain to convert data manually. This tool makes it easier to do convert data like JSON, HTML, GraphQL, Rust, Go, Scala etc.
Mobirise is a free offline app for Windows and Mac to easily create small/medium websites, landing pages, online resumes and portfolios. Mobirise is free for both personal and commercial use.
Publii is a new Static CMS with GUI to build an extremely safe, fast and stylish HTML website. It is a desktop-based CMS for Windows, Mac and Linux that makes creating static websites fast and hassle-free, even for beginners.
Free collection of beautiful patterns for all vector formats. When you need a strong visual style, but the deadline is close, try using our patterns – interesting hand-crafted shapes and well-chosen colors will help when there are out of ideas.
Zig is a general-purpose programming language designed for robustness, optimality, and maintainability.
"Look around the internet for a minute, and you’ll find a million and one usability issues revolving around forms" ... by Adam Silver
DevMode.fm is a podcast by Andrew Welch and Patrick Harrington dedicated to modern web development.
Screen, webcam and sketchboard recorder with an integrated editor.
WeasyPrint is a smart solution helping web developers to create PDF documents. It turns simple HTML pages into gorgeous invoices, tickets ...
Awesome NodeJS curating the best Node.js modules and resources.
From mobile apps to microservices, from small startups to big enterprises, Gradle helps teams build, automate and deliver better software, faster.
If you want to put a little fun in your drop down menu, check these six examples of drop down menu animation.
If you are an aspiring a developer or an entrepreneur interested to learn about backend vs frontend, you are in the right place. This blog will help you in learning what front end vs back end is all about. So, keep reading to learn what the technology stacks are and how they come together to build a website, an app, or an IoT solution.
Learn how to configure two repositories to serve as static websites with custom domain names.
Flawwwless ui is an open source React.js components library created to help makers building and updating high-quality apps easily.
Listmonk is a self-hosted newsletter + mailing list manager. Performance and features packed into a single binary. The backend is written in Go and the frontend is in React with Ant Design for UI
Completely useless and therefore essential! Watch Netflix at work by making it look like you’re on a conference call.
This little js library helps you categorize, sort, and filter a responsive grid of items.
ActivityWatch is an automatic time-tracking software which helps you keep track of what you do. It's an attempt to replace and improve existing services like RescueTime, ManicTime, WakaTime and others. It is different in that it's completely open source, extendable, and you as a user have full and exclusive control of your data.
Learn to build fully responsive, professionally designed UIs from the creator of the framework.
Photopea is a free online alternative to Photoshop made by one developer "Ivan Kutskir". It supports PSD, Sketch, XD, XCF, RAW, PNG, JPEG, SVG, PDF, GIF, TIFF ...
Discover what's new in the last alpha release. It includes most of the Joomla Core library changes that will be included with the next version 4.0.0. Some of these changes will require small changes to extensions.
The Front-End Checklist Application is perfect for modern websites and meticulous developers!
Want to discover how to use an utility-first CSS Frameworky? Read this post from Debra Ohayon.
Mozilla SSL Configuration Generator help you generate the right SSL configuration for your preferred web server.
NumVerify offers a full-featured yet simple RESTful JSON API for national and international phone number validation and information lookup for a total of 232 countries around the world.
A toolkit for building rich-text editors on the web. An ideal content editor produces structured, semantically meaningful documents, but does so in a way that is easy for users to understand. ProseMirror tries to bridge the gap between Markdown text editing and classical WYSIWYG editors.
This article will give you a quick introduction to some best practices within API design in general, as well as the definite list of 10 practical commandments you can use to create components that your fellow developers will love to use. Written by Caroline Odden and Selbekk.
A new way to monetize your site traffic. Do you use a captcha to keep out bots? hCaptcha is a drop-in replacement for reCAPTCHA that earns website owners money and helps companies get their data labeled.
Single-spa is a javascript framework for front-end microservices. Use multiple frameworks in a single-page application, allowing you to split code by functionality and have Angular, React, Vue.js, etc. apps all living in harmony.
Babylon.js 4.0 is here and marks a major step forward in one of the world's leading WebGL-based graphics engines. From the powerful new Inspector, best in class physically-based-rendering, countless optimizations, and much more, Babylon.js 4.0 brings powerful, beautiful, simple, and open 3D to everyone on the web.
Animated icons in Lottie Framework and After Effects for immediate implementation to your apps or websites.
Touch enabled jQuery plugin that lets you create a beautiful responsive carousel slider.
Add a dark-mode / night-mode to your website in a few seconds. This library uses the css mix-blend-mode in order to bring Dark-mode to any of your websites. Just copy paste the snippet and you will get a widget to turn on and off the dark-mode.
The sectioning elements in HTML5 are < nav >, < aside >, < article >, and < section >.
is also kind of a sectioning element since all content lying inside of it is part of the default document section. This post explains how each sectioning element could be used appropriately in your html code.Mindsdb is a framework to streamline use of neural networks. MindsDB's goal is to give developers easy access to the power of artificial neural networks for their projects.
This VSCode extension make debugging much easier by automating the operation of writing meaningful log message.
Librefox: Firefox with privacy enhancements. This project aims at enforcing privacy and security of Firefox without forking the project. Librefox uses more than 500 privacy/security/performance settings, patches, Librefox-Addons (optional) and a cleaned bundle of Firefox (updater, crashreporter and Firefox's integrated addons that don't respect privacy are removed).
Luna is an hybrid textual and visual functional programming. It's a data processing and visualization environment built on a principle that people need an immediate connection to what they are building.
Folks new to web development may not know that form inputs using the file type are read only. [...] However, just because the field is read only doesn’t mean we can’t do cool stuff with it. Post written by Raymond Camden.
In this article, Marcin Wanago cover another feature that we can implement with the help of Service Workers – Push Notifications. They come in handy if we need a fast channel of communicating with our users. We not only learn how to implement them in terms of code, but we also explore the User Experience side of it.
A pure CSS library to beautify checkbox and radio buttons.
Start your development with Material Dashboard React Nodejs, a free Material-UI Admin built for Node.js framework, the newest go-to technology for top companies.
Improve your skills by training with others on real code challenges. Challenge yourself on kata, created by the community to strengthen different skills. Master your current language of choice, or expand your understanding of a new one.
A long list of (advanced) JavaScript questions, and their explanations. Updated weekly!
Fastify is a fast and low overhead web framework, for Node.js Fastify is a web framework highly focused on providing the best developer experience with the least overhead and a powerful plugin architecture. It is inspired by Hapi and Express and as far as we know, it is one of the fastest web frameworks in town.
As they did for JavaScript, Sacha Greif and Raphaël Benitte launch the state of CSS 2019 based on survey. Check this out on this beautiful and clean website.
A web-based query execution tool built on top of Facebook's PrestoDB. Airpal reduces the friction involved in data analysis by making it easy to find tables, run queries, save analysis, and get results on your desktop.
Whereas traditional frameworks like React and Vue do the bulk of their work in the browser, Svelte shifts that work into a compile step that happens when you build your app. Instead of using techniques like virtual DOM diffing, Svelte writes code that surgically updates the DOM when the state of your app changes.
Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.
OpenDebs is a new community repository focusing on accessibility for developers. The goal is to offer a service that lets ANYBODY upload and host their packages. OpenDebs plans to be a reliable, easy to work with, and clean repository for the jailbreak community. OpebDebs do not and will not host ANY packages that are NOT open source or free.
Writing passwords down or saving them is dangerous. With Master Password, a cryptographic algorithm calculates your site's password for you, only when you need it. When you're done, it erases the password from the device, so it can't be stolen. This approach makes you safer from loss, theft, problems with backups, sync, confiscation, snooping, and more.
Healthchecks.io monitors the heartbeat messages sent by your cron jobs, services and APIs. Get immediate alerts you when they don't arrive on schedule. Healthchecks.io is an open source service and offers a free SaaS online solution for monitoring until 20 Cron jobs.
Nico Riedmann has written an interactive git tutorial meant to teach you how git works, not just which commands to execute.
Turtl is a secure and OpenSource collaborative notebook like Evernote. It comes also with a SaaS offer and a free plan. Whether it's bookmarks or passwords, files or shopping lists...Turtl organizes it all and makes it easy to find later. Sync across your devices. Leave nothing behind.
Generation of diagram and flowchart from text in a similar manner as markdown.
This open source and cross platform tool let you record your terminal and generate animated gif images or share a web player.
Templated is a collection of 867 simple CSS, HTML5 and responsive site templates released for free under the Creative Commons.
Hybrids is a UI library for creating Web Components, which favors plain objects and pure functions over class and this syntax. It provides simple and functional API for creating custom elements.
Dev Checklists created this collaborative space for sharing checklists that help ensure software quality, guide you through crisis and other helpful stuff for devs.
Follow your favorite things (sites, people, hashtags, collection ...) and Refind will pick their most relevant new stories for you and put them into a beautiful magazine.
WebComponents.org aims to make it easy to share, discover, and reuse web components. It provides articles, presentations, podcasts, tools and more to help web professionals build first-class DOM objects in the browsers. All the content on this site is totally free, and contributions are welcome.
Creating an automatic portfolio based on Github profile. When building a project, we get a profile and repositories with the Github API and generate an html file based on the chosen one.
Day.js is a minimalist JavaScript library that parses, validates, manipulates, and displays dates and times for modern browsers with a largely Moment.js-compatible API. If you use Moment.js, you already know how to use Day.js.
Curtains JS is a small vanilla WebGL javascript library that converts HTML elements containing images and videos into 3D WebGL textured planes, allowing you to animate them via shaders.
Pilosa is an open source, distributed bitmap index that dramatically accelerates continuous analysis across multiple, massive data sets.
The Devs is a community on Telegram that tries to gather developers around the world together and help them to chat and discuss about things they love.
Font Kiko is a pack of more than 700 Open Source icons, which are suitable for any purposes. Use font Kiko on your PC while preparing a web-project or developing an application for iOS or Android.
In this blog post Marina Aisa explains us how she created her new website with portfolio and blog in two languages. What technology she used and why.
This amazing Grid generator made by Sarah Drasner let you intuitively build your CSS Grid online. You can designate rows, columns, gaps, and units, and then drag to create child divs to make dynamic layouts with ease!
Lightning web components are custom elements built using HTML and modern JavaScript. It uses standard HTML, modern JavaScript (ES6+), and the best of native Web Components.
Open source software is made by people just like you. Learn how to launch and grow your project.
Tailwind CSS framework has just launched its v1. This css framework has been adopted by companies like Mozilla and Algolia. In this post, Samuel Oloruntoba, describes what's new in Tailwind CSS v1.
Top remote-first tech products for the fastest growing online remote community.
Harbor is an open source cloud native registry that stores, signs, and scans container images for vulnerabilities.
Adam Lynch explains in this post how he lays out data-heavy tables, how he supports resizing of columns, and more.
Connect with the community that depends on your work and receive recurring funds to build our shared digital infrastructure. Well done Github!
A categorized community-driven collection of awesome Ruby libraries, tools, frameworks and software. The essential Ruby to build modern Apps and Web Apps.
JanusGraph is a scalable graph database optimized for storing and querying graphs containing hundreds of billions of vertices and edges distributed across a multi-machine cluster.
Terminal CSS is a modern and minimal CSS framework for terminal lovers.
These burgers are available as plain html/css or as React components. This burger component is part of the Dashboard UI Kit 3.0.
Spinnaker is an open source, multi-cloud continuous delivery platform for releasing software changes with high velocity and confidence.
HandBrake is a tool for converting video from nearly any format to a selection of modern, widely supported codecs.
Storefrontui is a Vue.js UI library dedicated to eCommerce. It let you create stunning, mobile-first online stores with this 100% customizable design system.
Andy Bell shows us in this article how to build a fully responsive grid that uses no media queries to work across all viewports using CSS Grid.
Tailwind CSS is an utility-first CSS framework for rapidly building custom designs with predefined class. If you are a big fan like me, you will probably appreciate this nice cheat-sheet made by Jay Elaraj.
A tiny JavaScript library to easily toggle the state of any HTML element and its targets. Dropdown, navigation button, tooltip, collapsible panel, lightbox, tabs, switch like above…
UI components made in minutes without worried about JavaScript. Only set a few HTML attributes, and code the rest with your CSS skills.
Yaser Adel Mehraban shares his experience as a front-end developer and how he learnt a few tips and tricks around what do to be able to feel you know enough to be able to keep up with what's happening in the frontend world.
Staytus is a free, open source & beautiful status site that you can install on your own servers. It's fully-loaded with all the features you'd expect from any site you might pay for.
ClassicPress is a modified and enhanced version of WordPress (without Gutenberg) that serves the business website market.
Laragon is a portable, isolated, fast & powerful universal development environment for PHP, Node.js, Python, Java, Go, Ruby. It is fast, lightweight, easy-to-use and easy-to-extend.
In this article, Erisu will cover how to build our first PWA project with the Vue.js framework by implementing the PWA minimum requirements, configure Webpack to build a caching services worker for offline support and run the Google Lighthouse audit tool to identify improvement points.
Vue is easily one of the most exciting additions to the front-end world in many years. With its intuitive API, and the fact that it can be applied to any type of application, it's no wonder why folks have gravitated to it as much as they have. If you'd like to jump on board, let me show you, step by step, exactly what you need to know. It's the best way to learn Vue!
Vue.js, Tooling, Testing, Modern JavaScript such as ES6? Don't worry, Vue School got you covered! Join today and learn from their video courses made by industry experts.
Vue notification is a Vue.js 2 library for showing notifications.
Form Builder with dynamic rendering, data collection, validation, and submission capabilities.
Vue-chartjs is a wrapper for Chart.js in Vue. You can easily create reusable chart components. Vue-chartjs lets you use Chart.js without much hassle inside Vue. It's perfect for people who need simple charts up and running as fast as possible. It abstracts the basic logic but exposes the Chart.js object to give you maximal flexibility
The ultimate learning resource for Vue developers. As the ultimate resource for Vue.js developers, Vue Mastery produces weekly lessons so you can learn what you need to succeed as a Vue.js Developer.
Views on Vue is one of the Devchat.tv podcasts which has a mission to empower programmers to change the world by helping them better understand the technologies, tools, processes, and possibilities of their craft.
Maizzle is an email framework that helps you quickly build emails with utility-first CSS and advanced, email-specific post-processing.
Changes in complex software systems seem like they take forever, don’t they? Even to engineers it often feels like changes take longer than they should, and we understand the reasons for the underlying complexity in the system! By Al Tenhundfeld.
You will learn how to design a Skeleton Screen thinking about its asynchronometry and how to code it based on Sketch or Photoshop opacity modes. By Marina Aisa.
Because building and managing a web project is a big, complex process, Corey Vilhauer and Deane Barker imagined this web series of 26 episodes. With The Web Project Guide, they want to help us understand how each stage of the website process fits in with the next.
The best Vue articles in your inbox, weekly. Published each Tuesday, the Vue.js Developers Newsletter will deepen your knowledge of Vue with weekly must-read articles.
This article is a written version of the Stefan Judis talk “HTTP headers for the responsible developer” given at JavaScript fwdays'19, a conference for JavaScript developers .
In this article Dan Vega is going to walk you through the blog post generator that he wrote using Grisdome. There have been a few iterations of this script and he has definitely learned a few tricks from others who have done something similar.
An extension pack that lets you open any folder in a container, on a remote machine, or in WSL and take advantage of VS Code's full feature set. You need Visual Studio Code Insiders to use this extension pack!
In this article, Dan Vega is going to tell you why he loves Vue and give you 4 different ways you can write your first application.
An internet radio show about the internet starring Dave Rupert and Chris Coyier.
This is short and simple guide of docker, useful for frontend developers and written by Akanksha Sharma.
htrace.sh is a shell script for http/https troubleshooting and profiling. It's also a simple wrapper around several open source security tools.
MyCroft is an open source voice assistant. It runs on many platforms, on desktop, on Mycroft Mark 1, or on a Raspberry Pi and may be used in anything from a science project to an enterprise software application.
Robb Owen made this Synthwave-inspired colour VSCode theme to satisfy your neon dreams. Robb said that the installation is a bit more fiddly than usual themes, so please read the ReadMe.
The modern, advanced, privacy-aware URL Shortener built in PHP and the Laravel framework.
Github Tutorial For Beginners - Github is seen as a big requirement by most employers these days and is very critical to business workflow. This Github tutorial will cover the basics of how to use Github and the command line.
MediaDrop provides unparalleled organization, statistics, accessibility, and scalability. Well-designed and well-engineered it is the ideal solution for any organization with large collections of video or audio.
Shannon Thomann wanted to share what she has learned and the process that goes into it, allowing all designers to feel a bit more freedom in bringing their creations to life!
A podcast for developers interested in building great software products. Every episode, Adam Wathan is joined by a guest to talk about everything from product design and user experience to unit testing and system administration.
vee-validate is a template-based validation framework for Vue.js that allows you to validate inputs and display errors.
PyroCMS is an easy to use, powerful, and modular CMS and development platform built with Laravel 5.
Forest Admin provides an off-the-shelf admin panel based on a highly-extensible API plugged into your application.
Traccar is a free and open source modern GPS tracking system. Support for more than 170 GPS protocols and more than 1500 models of GPS tracking devices.
Delivering WordPress in 6KB. Susty WP aims to act as a guide to making WordPress websites more sustainable, and to serve as a practical example of how we can tune our websites and reduce their carbon footprint.
In March 2019 Gauthier Roussilhe put his new website online following "low tech" design principles. He decided to do this because, first, he was impressed by the redesign of solar.lowtechmagazine.com.
Nuxt.js presets all the configuration needed to make your development of a Vue.js application enjoyable.
It's an Open-Source Full-Stack solution for fast PWA development. It provides a strong PWA configuration so your web app can be used as a mobile (IOS / Android) or desktop application with offline support.
In this post, Aman Mittal shows us his VSCode configuration and a great list of several VSCode's themes and extension.
Serverless Functions, Made Simple. OpenFaaS makes it simple to turn anything into a serverless function that runs on Linux or Windows through Docker Swarm or Kubernetes.
One of the fundamental tasks to perform in an API is data validation. In this article, I’d like to show you how to add bulletproof validation for your data in a way that also returns it nicely formatted. Post written by Andrej Adamcik
A collection of five demos and a tutorial on how to create animated custom cursor effects for interactive elements like navigation, galleries and carousels.
Anime.js is a lightweight JavaScript animation library with a simple, yet powerful API.
It works with CSS properties, SVG, DOM attributes and JavaScript Objects.
A React hooks cheatsheet with live editable examples. A one-stop reference for hooks.
Extension School from EPFL enables everyone to learn the skills necessary to benefit from the opportunities of the digital age. Check out their programming courses to become a full-stack developer.
MockIt was built as a proof of concept to help developers quickly create end points that were not just JSON stubs in their applications.
Victoire is a mix between a framework and a CMS. Concretely, it is able to list and store your business entities in your back office and display them on your site in a few clicks - without having to manually copy, one by one, the texts and images of these business entities.
The goal of Open Web Components is to empower everyone with a powerful and battle-tested setup for sharing open source web components. We try to achieve this by giving a set of recommendations and defaults on how to facilitate your web component project.
Stack Overflow’s annual Developer Survey is the largest and most comprehensive survey of people who code around the world. Each year, Stack Overflow fields a survey covering everything from developers’ favorite technologies to their job preferences.
In this tutorial, Sebastiano Guerriero will take a look at how to create full-width, diagonal sections in CSS using the clip-path property.
Workbox is a set of libraries and Node modules that make it easy to cache assets and take full advantage of features used to build Progressive Web Apps.
Vue CLI is a full system for rapid Vue.js development. Vue CLI aims to be the standard tooling baseline for the Vue ecosystem. It ensures the various build tools work smoothly together with sensible defaults so you can focus on writing your app instead of spending days wrangling with configurations.
This post is a translation by Chen Hui Jing of Yuan Chuan's talk at CSSConf. It explains with a lot of examples and code snippets how to make artistic creations with CSS.
In this podcast, Jen Simmons speaks with world experts on changing technologies and the future of the web.
Web animations are a delight. They improve the user experience, as they can provide visual feedback, guide tasks, and jazz up a website. There are several ways to create web animations, including JavaScript libraries, GIFs, and embedded videos. Post written by Hope Armstrong.
Draxt is an open-source utility module for selecting and manipulating filesystem objects in a Node.js environment. It uses glob patterns as its "selector engine" to select filesytem objects (files, directories, ...).
A README is a reflection of how a repository is maintained. A good one doesn't necessarily mean an active, bug-free project with perfect tests. But it suggests that the owner cares about you, the user (or future maintainer). Written by Andrew Healey
RSSHub is a lightweight and extensible RSS feed aggregator, it's able to generate feeds from pretty much everything.
This is a guide made by Frontend Masters that everyone can use to learn about the practice of front-end development. It broadly outlines and discusses the practice of front-end engineering: how to learn it and what tools are used when practicing it in 2019.
Flare is a powerful design and animation tool, which allows designers and developers to easily add high-quality animation to their apps and games.
VSCodium is a fork of VSCode. This project’s sole aim is to provide you with ready to use binaries without Microsoft’s telemetry code. Hell yes, Microsoft is Microsoft! ;-)
Remix Icon is a set of open source neutral style system symbols elaborately crafted for designers and developers. All of the icons are free to use for both personal and commercial.
Whalebird is a Mastodon and Pleroma client for desktop application.
Netdata is distributed, real-time, performance and health monitoring for systems and applications. It is a highly optimized monitoring agent you install on all your systems and containers.
Keybase is a new and free security app for mobile phones and computers. Imagine a Slack for the whole world, except end-to-end encrypted across all your devices. Or a Team Dropbox where the server can't leak your files or be hacked.
A beautiful, responsive, customizable, accessible (WAI-ARIA) replacement for JavaScript's popup boxes with zero dependencies.
Giving your users a way to customise the interface to their preference is a huge win for user experience. In this post, Ananya Neogi shows us how to implement a simple switch to toggle between dark mode and light mode.
Erxes is a marketing, sales, and customer service platform designed to help your business attract more engaged customers. Erxes is open source but has also a cloud offer based on paid subscriptions.
Imagine the productivity boost of being able to locally test your site generator, API integrations, serverless functions, and edge rules, all in a single development server. That’s Netlify Dev: a powerful way to build and test modern web apps on your local machine.
HumHub is a free social network software and framework built to give you the tools to make teamwork easy and successful.
ILIAS is a powerful learning management system that fulfils all your requirements. Using its integrated tools, small and large businesses, universities, schools and public authorities are able to create tailored, individual learning scenarios.
Mosaic is a declarative front-end JavaScript library for building user interfaces.
“Disco Dingo” is the new nickname of Ubuntu scheduled for April 18, 2019. Wondering what to expect in Ubuntu 19.04? Check this post out!
Thomas Guenther describes in this article Medium his experience in redesigning a site under the CMS Kirby 3.
Vue Native is a framework to build cross platform native mobile apps using JavaScript.
Let's build your first Chrome extension with John Hotterbeekx. In this post, John shows you how to build a Chrome extension with a concrete example and code snippets.
You want to start a podcast but don't know which microphone to choose, or you are a beginner web developer and wonder which IDE is best? Check this list of /uses pages that detail apps and gear used by professional web developers.
Podlove Web Player is a HTML5 based web player for audio and video media files that is optimized and extended for the specific needs of podcasters. This player is the integrated player for the Podlove Podcast Publisher but can be used independent from it.
Is Flatpak the future of apps on Linux? Flatpak is a next-generation technology for building and distributing desktop applications on Linux
Indigo is a modular HTML5 video player written in TypeScript. It is highly extensible and use modern technologies: handles MPEG-Dash / HLS / MPEG-4 built on top of the HTML5 video element, React based UI, advertisement support for both Google DFP aswell as FreeWheel, subtitles (webvtt), picture-in-Picture mode, thumbnails.
There are so many courses, blogs, and podcasts to learn JavaScript. In this post, Emma Wedekind has put together a list of some of her favorite teachers in the JavaScript, and frontend development, community.
This free course is designed for anybody who wants to use the Moodle learning platform for teaching, whether it be in a school, a university, a company or just personal interest!
Vuelidate is a simple and lightweight model-based validation for Vue.js 2.0
Editor.js is a block-styled editor for rich media stories. It outputs clean data in JSON instead of heavy HTML-markup. And more important thing is that Editor.js is designed to be API extendable and pluggable.
Building accessible applications or websites is not the norm today. This is because the idea of accessibility is known to most developers, while in actual sense it is often neglected and not a common practice today in the world of web development. Post written by Egwuenu Gift.
MEAN.JS is a full-stack JavaScript solution that helps you build fast, robust, and maintainable production web applications using MongoDB, Express, AngularJS, and Node.js.
This release starts Django’s use of a loose form of semantic versioning, but there aren’t any major backwards incompatible changes (except that support for Python 2.7 is removed) that might be expected of a 2.0 release. Upgrading should be a similar amount of effort as past feature releases.
In this series of videos, Carrie Anne Philbin and the Crash Course team are going to trace the origins of our modern computers, take a closer look at the ideas that gave us our current hardware and software, discuss how and why our smart devices just keep getting smarter, and even look towards the future!
This online application algorithmically builds accessible color systems for your next project.
Open, customizable and skinnable platform dedicated to open data.
CodiMD is a real-time, multi-platform collaborative markdown note editor. This means that you can write notes with other people on your desktop, tablet or even on the phone.
Flexbox - The animated tutorial is a visual guide with animation on flexbox layout options.
Check this post written by Chris Coyier on mailto: links. "It's pretty easy to use, but as with anything web, there are lots of things to consider."
Apostrophe is an open source project with a healthy and growing community behind it, thanks to widespread developer interest in node.js and the rest of our technology stack, which also includes MongoDB and Nunjucks.
Performance, flexible and extensible forms with easy to use for validation. Built by Bill Luo with React Hook Form and React Simple Animate.
In this post, Florin Pop explains step by step how to build a double slider sign-in and sign-up form with a nice animation.
This minimalist Python web framework allows developers to build web applications in much the same way they would build any other object-oriented Python program.
In this post, Ali Spittel teachs us how to start using the JS framewok VueJS in our web project to build our front-end.
DropCSS is an unused CSS cleaner; it takes your HTML and CSS as input and returns only the used CSS as output.
Griffith is a React-based web video player. It makes streaming easy. Whether your video format is mp4 or hls, Griffith can use Media Source Extension (MSE) for segment loading.
Veonim is a simple modal IDE built on Neovim and VSCode extensions. The goal is to create my ideal programming environment.
Sonic is a fast, lightweight and schema-less search backend. It ingests search texts and identifier tuples that can then be queried against in a microsecond's time.
In this post Emmanuel Yusufu explains how to use PostCSS to let you improve your front-end workflow in 2019.
My favorite CSS framework has launched its V1.0.0-beta version. Tailwind CSS is an utility-first CSS framework for rapidly building custom user interfaces.
Slimvoice - A Webapp Without JavaScript is a series where Matt Reyer documents how he rebuilts his app, Slimvoice, using as little JavaScript as possible. He has tagged this series with JavaScript to present JavaScript alternatives and encourage those who reach for a SPA for every project to give it a second thought.
Flatpickr is a lightweight, powerful JavaScript datetime picker with no dependencies.
The open source multicloud control plane. Workload portability across disparate environments, clusters, regions and clouds. Choose your flavors of cloud!
Simple & light weight (2kb minified & zipped) vanilla javascript plugin to create smooth & beautiful animations when you scrolllll! Harness the power of the most intuitive interaction and make your websites come alive!
In this article, Caleb Williams will discuss why Web Components are a great tool to deliver high-quality user experiences without complicated frameworks or build steps and that don’t run the risk of becoming obsolete. In subsequent articles of this five-part series, we will dive deeper into each of the specifications.
This Progressive Web Apps training shows you how to convert web pages to PWAs. The course is dedicated to beginner-to-intermediate web developers who are comfortable using HTML, CSS, and have modest facility with JavaScript.
Submariner connects Kubernetes clusters together, no matter where they are in the world!
Parse, validate, manipulate, and display dates and times in JavaScript.
Giraffe Academy is the place to be if you want to learn web technology online. Mike Dane makes an amazing work on his website and Youtube channel to create the highest quality and entertaining educational content on the internet.
Make your site’s pages instant in 1 minute and improve your conversion rate by 1% Before a user clicks on a link, they hover their mouse over that link. When a user has hovered for 65 ms there is one chance out of two that they will click on that link, so instant.page starts preloading at this moment, leaving on average over 300 ms for the page to preload.
Trix is an editor for writing messages, comments, articles, and lists—the simple documents most web apps are made of. It features a sophisticated document model, support for embedded attachments, and outputs terse and consistent HTML.
Learn how to use the combination of signed transactions and JWT tokens to authenticate users from a pair of cryptographic keys that identify the blockchain user. Post written by Viktor Sokolov & Sergey Nebolsin
When it comes to CSS class binding in Vue.js you have multiple options. You could just write just styles and classes inline. Post written by Nico Meyer.
The latest version of GNOME 3 has been released today. Version 3.32 contains six months of work by the GNOME community and includes many improvements, performance improvements and new features.
PostGraphile automatically detects tables, columns, indexes, relationships, views, types, functions, comments, and more — providing a GraphQL server that is highly intelligent about your data, and that automatically updates itself without restarting when you modify your database.
HTML5 introduced a series of new input types for use in forms. One of these – input type="date" – was intended to simplify the collection of dates, and to reduce user errors whilst doing so. So in the 10 years since the proposed introduction of this element, is it well supported in browsers? Post written by Graham Armfieldy
A JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user experience.
Create and share beautiful images of your source code. Start typing or drop a file into the text area to get started.
Hasura is a PaaS with BaaS components. It helps you deploy your custom code written in any language and framework.
Gotify is a simple server for sending and receiving messages. You can send messages via a REST-API, subscribe/receive messages via a web socket connection and manage users, clients and applications.
Complete courses about the best tools and design system. 17 courses (React, Vue, Swift, ScreenFlow, Cubase, Sketch ...), more coming.
Generate a large collection of real faces to design your prototype.
Nova is a beautifully designed administration panel for Laravel. Carefully crafted by the creators of Laravel to make you the most productive developer in the galaxy.
In this post, Dave Kiss shows us how to host your own MailChimp clone on your own server for a measly $5 a month using the highly reliable Amazon SES service.
Kill Bill is a platform for subscription billing and payments integration.
Its plug-in architecture allows you to easily apply custom logic and integrate with third party systems.
Avataaars generator is a free online avatar generator for anyone to make their beautiful personal avatar easily! If you have no idea what kind of style you want, you can hit the random button at the very top of page until you find something you want.
In this serie of video courses, Jérémy Mouzin helps you learn JavaScript (ES6+) without any programming knowledge. The first module is free and dedicated to beginners but Jérémy is working hard to prepare three other modules to let you become an intermediate, advanced and expert JS programmer. (For French listener)
Chris Noring has written five posts to explain and discover how Docker works.
SyandardJS is a JavaScript style guide, linter, and formatter made by Feross Aboukhadijeh.
DevTips is a weekly video show for those who wants to be inspired and learn about programming. Hosted by David Smith and MPJ - two notorious bug generators and teachers.
This cookbook is intended as a resource for organizers of conferences and events to support and encourage diversity and inclusion at those events.
Ant Design is a React/Vue/Angular UI library that has a plethora of easy-to-use components that are useful for building elegant user interfaces.
Are you looking for a peace of code to add a FAQ content on your website
Thimble is an online code editor that makes it easy to create and publish your own web pages while learning HTML, CSS & JavaScript.
HTML Reference.io is a free guide to HTML. It features all elements and attributes.
PageDraw is a UI builder for the web and become open source. Draw your React components, but use them like components coded manually. Already have mockups drawn? Just import them from Sketch or Figma.
Put your thoughts and your feedback on cards and share them instantly on a collaborative virtual board. Vote on the topics that really matter. Learn and grow as a team.
In this post, Guillaume Besson shows you how to get per-request context in NodeJS with the async_hooks module.
Self hosted newsletter app built on top of nodemailer. Mailtrain allows you to easily manage even very large lists like million subscribers.
When Visual Studio Code doesn't do what you want it to, you install an extension. When you can't find an extension that does exactly what you need, you create your own! In this article, James Quick will show you how creating your first Visual Studio Code extension.
DaVinci Resolve 15 is the world’s first solution that combines professional offline and online editing, color correction, audio post production and now visual effects all in one software tool. DaVinci Resolve 15 is cross platform and comes with a free version.
Motrix is a free, cross platform and open source full-featured download manager. Its design is clean and it supports downloading HTTP, FTP, BitTorrent, Magnet, Baidu Net Disk etc.
Build and manage your own hosted YouTube video website. With YouPHPTube, you can create your own video sharing site as well as stream live videos.
FinalCrypt is an Open Source file encryption application. It uses the One-Time pad key generation cipher to encrypt files. In other words, it generates an OTP key which you will use for encrypting or decrypting your files.
Build modern JAMstack Websites in Minutes. Stackbit allows to combine any theme, site generator and CMS without complicated integrations.
I have already mentioned Gladys, the open source software for controlling connected devices in your home. Pierre-Gilles Leymarie, founder of the project, has launched The Gladys Gateway which enables you to control your Gladys instance from whenever you are in the world.
DraftIn is an easy version control and collaboration web application for writers.
Tomato5 is a real-time collaboration tool. It combines Pomodoro Technique with a team status share board .
Slick is a js library made by Ken Wheeler which allows you to build a fully responsive and accessible carousel.
PureScript is a strongly-typed functional programming language that compiles to JavaScript. Jones Hardy has decided to write a series of blog posts to highlight some of the wonderful work being done in the PureScript community. Each day, he will choose one of the PureScript libraries written by the community, gives a brief introduction, and provides practical code examples.
The modern Javascript tutorial. Learn JavaScript from the basics to advanced topics with simple, but detailed explanations.
Olive is a free non-linear video editor aiming to provide a fully-featured alternative to high-end professional video editing software.
Want to learn NodeJS? NodeJS Dev is a good place to start. It presents an introduction to NodeJS with exemple code snippet and clear explanations.
Your personal finance manager to check all your accounts, from any bank, in a single place.
1000+ Pixel-perfect svg unicons for your next project as Vue components.
Use Rooftop CMS to build API-powered sites, with the WordPress UI for content editing.
This newsletter contains the best links of the week from "Le Journal du Hacker", the participatory link aggregator of the Open Source Software French community. You will therefore find articles from the main players such as LinuxFR, but also great articles from much less known sites or blogs curated by Carl Chenet.
In this post Siri Lööf shows us how to use React Hooks to handle responsive background images.
In this article, DeveloperDrive have collected 15 places where you can learn how to code in 2019. I would add "Frontend Masters" and "Pragmatic Studio".
Free and Open Source UI Kit for Bootstrap 4, React, Vue.js, React Native, WordPress and Sketch.
Fedilab is a multifunctional Android client to access the distributed Fediverse, consisting of microblogging, photo sharing and video hosting.
SEO 101 is a free (they just want your email) SEO learning platform for beginner. This beginner’s guide is a resource to learn the fundamentals of SEO in an easy-to-understand video format.
DigiKam is an open-source photo management application that runs on Linux, Windows, and MacOS platforms and comes with tools for importing, managing, editing, and sharing photos and raw files. The last version 6.0.0 has now video support and new export tools.
Totally useless thus totally indispensable. Copy and paste Emoji to express your emotions, no apps required 👍
KeystoneJS is an open source framework for developing database-driven websites, applications and APIs in Node.js. Built on Express and MongoDB.
Code Shelter is a collective of volunteer software developers that aims to help with maintaining popular open source projects whose authors need a hand or don't have the time to maintain them any more.
FreedomBox is designed to be your own inexpensive server at home. It runs free software and offers an increasing number of services ranging from a calendar or jabber server to a wiki or VPN. Their web interface allows you to easily install and configure your apps.
Do you want to run your own internet services? Email, chat, VoIP, web sites, file synchronisation, wikis, blogs, social networks, media hosting, backups, VPN. Freedombone is a home server system which enables you to self-host all of these things from your place of residence.
It’s important for websites to be aware of how users go about logging into their sites. Let’s walk through some login patterns and why Brad Frost thinks they’re not ideal. And then let’s look at some better ways of tackling login. Post written by Brad Frost.
CSS Grid is robust, flexible, and a refreshing paradigm shift from other CSS layout systems. While these are selling points for Grid, they also make it hard to learn ... Post written by Violet.
I am pleased to see that an awareness of this problem is emerging in the media. Indeed open source is everywhere, in our mobile, in our car, in Bank, Hospital ... and nobody seems to care about its web developers sustainability.
James Quick has selected for us eleven JS extensions for your Visual Studio code editor.
The LoRa Server project provides open-source components for building LoRaWAN networks. Together they form a ready-to-use solution, including an user-friendly web-interface and gRPC and REST APIs.
The open source ecosystem is awesome and Apexo is a good example. Apexo keep your dental clinic records at your finger tips with a beautifully designed application that meets most needs of any dental clinic. From patient records, history, appointments and scheduling, to finances and detailed reports.
The Lollipop Cloud project is an attempt to make hosting personal internet services such as a website, contact list, remote file storage, or a calendar more accessible to users through open source technology and ARM Computing.
Leon is an open-source personal assistant who can live on your server. He does stuff when you ask for it. You can talk to him and he can talk to you. You can also text him and he can also text you. If you want to, Leon can communicate with you by being offline to protect your privacy.
Serposcope is a free and open-source rank tracker to monitor websites ranking in Google and improve your SEO performances.
Podmap is an open-source app whose goals are: to map the world’s podcasts, to help you discover podcasts produced near you and to help you discover where your favorite podcasts are created.
In this post, Chen Hui Jing,front-end designer and developer, shows us in detail how to build a minimalist HTML/CSS slides.
Ovide is an experimental writing and publishing tool. It is made for context-intensive and polymorphic scholarly publishing activities. It is built on the shoulders of the peritext ecosystem and the quinoa project.
Paged.js is an open-source library to paginate content in the browser. Based on the W3C specifications, it’s a sort of polyfill for Paged Media and Generated Content for Paged Media CSS modules.
Termino is a alternative to Doodle and help you build a meeting poll to coordinate and share appointments.
Frelm is another way of discovering Elm packages and an alternative to the official Elm package site . With Frelm you can search libraries, modules or repositories and filter by Elm version.
After the success of the State of JavaScript survey Raphaël Benitte and Sacha Grief have decided to take on the CSS world! CSS has been around for a while but lately it's seen a lot of really big evolutions, both in the language itself (CSS Grid, Flexbox…) and the ecosystem (CSS-in-JS). And there's also the whole "great front-end divide" issue… So hopefully this survey will help developers everywhere identify the latest trends and make decisions on what to learn next.
A proposed standard which allows websites to define security policies. security.txt defines a standard to help organizations define the process for security researchers to disclose security vulnerabilities securely.
Sails is the most popular MVC framework for Node.js, designed to emulate the familiar MVC pattern of frameworks like Ruby on Rails, but with support for the requirements of modern apps: data-driven APIs with a scalable, service-oriented architecture
Glide.js is a dependency-free JavaScript ES6 slider and carousel developed by Jędrzej Chałubek. It’s lightweight, flexible and fast. Designed to slide. No less, no more
Kamran Ahmed has developed this light-weight, no-dependency, vanilla JavaScript engine to drive user's focus across the page.
In this post, Mohamad Abdullatif comes back on the "this" keyword used in JavaScript and very confusing for beginner learners
Buefy is a lightweight and reponsive UI components for Vue.js based on the Bulma CSS framework.
An evolving how-to guide for securing a Linux server that, hopefully, also teaches you a little about security and why it matters
Invoice Neko is a self-hosted open sourced invoicing system built on a modern backend with a focus on delivering a good user experience throughout the application
Posteo is an alternative to Gmail and proposes 2 GB email account, upgradeable, IMAP/POP3, 50 MB attachments, calendar and address book (synchronisable), 100% green electricity from Greenpeace Energy. All saved data can be encrypted at the click of a button.
Switching.social helps you protect your data and privacy by proposing an ethical, easy-to-use and privacy-conscious alternatives to several GAFA's app, just choose the site or app you want to replace.
Inter is a typeface specially designed for user interfaces with focus on high legibility of small-to-medium sized text on computer screens.
In this post, Richard Schneeman shows us how to lighten our web page by getting out SVGs from our HTML.
CodeTriage helps by picking a handful of open issues and delivering them directly to your inbox. After you sign up for CodeTriage, you pick the repos you want to help with, and we periodically send you issues.
The two developers Toby Zerner and Franz Liedke have revisited the forum software by building Flarum. It's fast, open source and comes with a fresh design.
Ire Aderinokun presents in this article her solution to resetting some default browser styles, she also includes some utilities that she wants in every project.
Aurelia is a collection of Modern JavaScript modules, which when used together, function as a powerful platform for building browser, desktop and mobile applications all open source and built on open web standards.
When your app polls for data, it becomes slow, unscalable, and cumbersome to maintain. RethinkDB is the open-source, scalable database that makes building realtime apps dramatically easier.
This framework is an open source platform to design, build, and scale APIs for web and mobile apps in minutes instead of days.
A declarative, efficient, and flexible JavaScript validation library for Humans. V4f provides a lot of rules that you can use to build complex validation without the need to be a javascript expert.
Assets for building high-quality, consistent user experiences at Thumbtack.
This book written by Axel Rauschmayer covers ECMAScript 6 in depth, but is structured so that you can also quickly get an overview if you want to. If you are a programmer and want to learn JavaScript (up to and including ECMAScript 5), check out Axel’s book “Speaking JavaScript” (free online).
ArchiveBox takes a list of website URLs you want to archive, and creates a local, static, browsable HTML clone of the content from those websites (it saves HTML, JS, media files, PDFs, images and more).
Mautic is an open-source marketing automation project build on PHP and MySQL. Mautic is also supported by a large community. If you are interested by marketing automation, you should probably check this out.
API-based solutions are becoming a critical building block of modern digital products. What are they? How can they impact your design process? Finally, how to evaluate them without bothering your software team? Post written by Mike Sędzielewski
All your communication in one place. Franz is a cross-platform messaging app for WhatsApp, Facebook Messenger, Slack, HipChat, Telegram and many many more.
If you want to discover Node.js, this beginner’s guide to server-side web development with Node.js written by Chen Hui Jing is for you.
Here is a fun little email signup form using splitting.js design by Adam Kuhn. The email characters you type in literally grows legs and runs into the signup button!
Primer CSS is a CSS framework built by Github. It provided several ready mae components like breadcrumb, buttons, navigation pagination ... Their approach to CSS is influenced by Object Oriented CSS principles, functional CSS, and BEM architecture.
Stefan Judis, front-end developer, explains in this post how background clip is configurable for every background gradient separately. This post is part of his "Today I learned" series in which he shares all his learnings regarding web development.
Tachyon animate by Andrew Nater is a single purpose classes to help you orchestrate CSS animations.
This guide is an introduction to Web Authentication (WebAuthn), the new API that can replace passwords with strong authentication.
If you intend to launch a newsletter, this guide is a must read. Thanks to Emily Roseman, Caroline Porter, Joseph Lichterman, Jacqueline Boltik, Charley Bodkin, Francisco Rivera, Abigail Hartstone, and Bobby Courtney for their amazing work.
A blog trying to be a pattern library. All about designing inclusive web interfaces, piece by piece. If you are interested by this subject, you could also be interested by the author's e-book "Inclusive Components". This blog is written by Cole Henley.
Libraries.io monitors 3,617,944 open source packages across 36 different package managers, so you don't have to.
Eva Icons is a pack of more than 480 beautifully crafted Open Source icons for common actions and items.
This autocomplete resource is a simple pure vanilla Javascript library that's progressively designed for speed, high versatility and seamless integration with wide range of projects & systems. This library has been developed by Tarek Raafat.
Akira is a Kickstarter project to build a new open source and Linux compatible UI/UX design tool which will come with version control baked into its file format. If you want this project become a reality, back it on Kickstarter.
Octobox is the tool for developers working on GitHub who find notifications infuriating. If you don’t want to miss another mention, if you don’t want misplace another issue and, if you don’t want to manage your workflow though email: you need to try Octobox.
Destyle.css is a reset stylesheet that provides a clean slate for styling your html. Made with love by Nicolas Cusan.
Stack of the Stack is a hand curated list of the best curated lists (Startup, Design, Code, Growth, Mobile app, Remote jobs)
Starter is an open-source command line tool to generate a Dockerfile and a service.yml file from arbitrary source code. Starter is maintained by Cloud 66.
PWAFire helps web developers to build their Progressive Web App by providing resources, access to a Slack community and last but not least, amazing T-shirt.
This open source media manager streams the music to your player / web browser. It is a web-based PHP, MySQL application with an easy web install system. Ampache provides Nginx, Caddy, Lighttpd, Apache config file instruction in its documentation to help you set up your web server.
Masonry layout, on the web, is when items of an uneven size are laid out such that there aren't uneven gaps. I would guess the term was coined (or at least popularized) for the web by David DeSandro because of his popular Masonry JavaScript library, which has been around since 2010. By Chris Coyier from CSS_Tricks.
This simple checklist is to help you deploying the most important areas of the GNU/Linux production systems. Thanks to Trimstray.
qTox is a new kind of instant messaging. With the rise of government monitoring programs, qTox provides an easy to use application that allows you to connect with friends and family without anyone else listening in. While other big-name services require you to pay for features, qTox is totally free, and comes without advertising.
Writer, this app is for you. Mini Diary is a cross-platform, simple and secure journal app created and developed by Samuel Meuli.
GoReplay is the simplest and safest way to test your app using real traffic before you put it into production.
An open source checklist of resources designed to improve your online privacy and security. Thanks to Brian Lovin for this amazing security checklist.
JS library which simulating reflections on devices that support the DeviceMotion event.
Learn CSS vocabulary with this ingenious online application made by V.V. Vanninen
An extensive CSS reference with all the important properties and info to learn CSS from the basics.
Learn to Code HTML & CSS is a simple and comprehensive guide dedicated to helping beginners learn HTML and CSS. Outlining the fundamentals, this guide works through all common elements of front-end design and development.
This site teaches the CSS fundamentals that are used in any website's layout.
Kimai is a free & open source timetracker. It tracks work time and prints out a summary of your activities on demand. Yearly, monthly, daily, by customer, by project … It’s simplicity is its strength. Due to Kimai’s browser based interface it runs cross-platform, even on your mobile device.
Open Project id a powerful, easy-to-use and open source collaborative project management software.
In this article, Roma Komarov will describe what he tried to achieve with its design and layout and how it was re-implemented using CSS Grids.
Prism is a lightweight, extensible syntax highlighter, built with modern web standards in mind. It’s used in thousands of websites, including some of those you visit daily.
The Web Accessibility Initiative Accessible Rich Internet Applications specification (WAI-ARIA) is a powerful tool to make the Web more accessible for people using screen readers. Unfortunately many developers use WAI-ARIA incorrectly. This post will focus on the aria-label attribute.
Slim is a PHP micro framework that helps you quickly write simple yet powerful web applications and APIs.
Riot is another messaging platform. Communicate with your team and out of network colleagues more efficiently: use dedicated rooms which persist information from their creation and forever.
SeedDMS is a free document management system with an easy to use web based user interface. It is based on PHP and MySQL or sqlite3 and runs on Linux, MacOS and Windows.
Chat over SSH in a terminal is probably the dream of all SysAdmin in this world.
Mailcow is a complete mail server suite that provides a modern Web UI for administration.
Zorp GPL is a next generation, open source proxy firewall with deep protocol analysis. It allows you to inspect, control, and modify traffic on the application layer of the ISO/OSI model.
ClickHouse is an open source column-oriented database management system capable of real time generation of analytical data reports using SQL queries.
Material component framework for Vue.js Vuetify is an open source MIT project.
Decidim is a digital platform for citizen participation and helps citizens, organizations and public institutions self-organize democratically at every scale.
Kirby builder is a page builder like WordPress Gutenberg but for the Kirby CMS. It is built by Tim Oetting.
Simple tooltips made of pure CSS and made by Claudio Holanda. Balloon.css lets you add tooltips to elements without JavaScript and in just a few lines of CSS.
MarkSheet is a very complete free HTML and CSS tutorial written by Jeremy Thomas, the developer of the Bulma CSS framework.
A modern Open Source CMS. Intuitive. Modular. Flexible. Pagekit is a lightweight CMS built with Symfony components and Vue.js.
As the project advances towards the release of version 1.0, the Inkscape teams are seeking users interested in testing the alpha version ahead of release.
Chmod calculator allows you to quickly generate permissions in numerical and symbolic formats. All extra options are included (recursive, sticky, etc). You’ll be ready to copy paste your chmod command into your terminal in seconds.
Python Discord is a large, friendly community focused around the Python programming language, open to those who wish to learn the language or improve their skills, as well as those looking to help others.
As powerful as Salesforce and Dynamics with greater technology independence and customization.
FeedReader is a modern desktop application designed to complement existing web-based RSS accounts.
Cypht is a simple, lightweight, and modern webmail client that aggregates several accounts into a single view. Cypht (pronounced "sift") is like a news reader, but for E-mail. Cypht does not replace your existing accounts - it combines them into one. And it's also a news rss reader.
This site is a collection of apps, services, and advice on how to protect your data online. From messaging, emailing, and storage, keeping your data encrypted and private is critical in today's age of national surveillance by both the government and private organizations.
NativeScript powers cross-platform (truly native) mobile apps, using the web skills you already know. Combined with Vue.js, they are a fantastic pair for developing immersive mobile experiences.
A PHP implementation of the ActivityPub protocol. This library help you turn any PHP project into a full ActivityPub implementation.
A Simple, lightweight, modern and fast flat-file forum, using json and markdown or BBcode.
After two years of development, Kirby 3 is out and comes with lot of new features and a new website! Kirby is a file‑based CMS that adapts to your projects like no other.
Maestro provides a declarative approach to building production-grade Kubernetes Operators covering the entire application lifecycle.
Bg Painter is an online application based on three.js to generate amazing background. Images generated with Bg Painter are free to use anywhere with no restrictions.
Over the next 30 days, Hassan Djirdeh will walk through everything you need to know to work with Vue. From the very beginning through topics like the Vue Instance, Components, and even Testing.
Check if you have an account that has been compromised in a data breach.
Git Command Explorer. Find the right commands you need without digging through the web.
Learn in an interactive environment. Study short lessons and practice in an intuitive environment based on Tests.
Build powerful pipelines in any programming language. Gaia is the next evolution of automation platforms whose goal is to provide full flexibility and performance for today's CI/CD, but basically any automation workflow imaginable.
A simple, interactive, modern gantt chart library for the web with drag, resize, dependencies and time scales.
New year, new GitHub: Announcing unlimited free private repos and unified Enterprise offering.
A lightweight comments widget built on GitHub issues. Use GitHub issues for blog comments, wiki pages and more.
The password manager you deserve. Buttercup's software is free to download and use. It's also available for all major platforms, for mobile and as a browser extension.
Vivid is a JavaScript library which is built to easily customize and use the SVG Icons with a blaze.
Accessible drag and drop list reorder solution by Harris Schneiderman. His list reorder module Dragon Drop is keyboard and assistive technology accessible thanks to live regions.
The fastest way to create a documentation site for your project. Docute is basically a JavaScript file that fetches Markdown files and renders them as a single-page application.
A zero-config bundler for JavaScript applications. Poi is a bundler built on the top of webpack, trying to make developing and bundling apps with webpack as easy as possible.
The Geo Data Merger is a desktop open source tool for merging data from csv, json, geo- and topojson files.
Upload your DRM-free e-books and comics, organise your reading lists, and discover great new titles with Libreture, e-book storage for hardcore readers.
In this post, Abhishek Prakash presents seven open source alternatives to Android. Free your mobile phone!
Public APIs UI is interface for the public APIs from a open source project that is github.com/toddmotto/public-apis (A collective list of free APIs for use in software and web development.)
A collection of nineteen key maxims that designers must consider when building user interfaces
Refined Evernote desktop app. Tusk is an unofficial, open source, third-party, community driven, free app and is not affiliated in any way with Evernote.
Wireflow is free, online and open source tool for creating beautiful user flow prototypes. No Photoshop skills required!
A podcast about the people making and using the Elm language, and the things that they do.
Roadmap to becoming a Web Developer in 2019 by Kamran Ahmed. You will find a set of charts demonstrating the paths that you can take and the technologies that you would want to adopt in order to become a frontend, backend or a devops.
Check this Github page to learn how to use JSON Web Token (JWT) to secure your web and/or mobile application.
Looking for a job? Find a remote company that’s right for you.
Create badass, fluid and smooth transition between your website's pages.
Midori is an open source web browser that focuses more on being lightweight than providing you a ton of features. The version 7.0 of Midori is available.
Insomnia is a free cross-platform desktop application that takes the pain out of interacting with HTTP-based APIs. Insomnia combines an easy-to-use interface with advanced functionality like authentication helpers, code generation, and environment variables.
OpenBook is an open-source, privacy-friendly and awesome social network that it successfully founded through Kickstarter.
A Minimalist Design System for Vue.js Based components designed for the insomniacs who enjoy dark interfaces.
Do you still use SSH RSA keys? Maybe it's time to switch to keys Ed25519. A post written by Gert van Dijk
A mobile app is now available on F-Droid to let you watch videos on PeerTubePeer. Tube is a federated (ActivityPub) video streaming platform using P2P (WebTorrent) directly in the web browser.
Rocket.Chat is an open source team communication tool. It is free, unlimited and open source. Replace email, HipChat & Slack with this ultimate team chat software solution.
It's a super-simple framework that allows cyber analysts to organize and automate repetitive, data-driven tasks, thus freeing them to focus more attention on what matters most.
Fusio is an open source API management platform which helps to build and manage REST APIs. Fusio provides all tools to quickly build an API from different data sources yet it is possible to create complete customized responses.
Etcher is an SD card flasher app that is simple for end users, extensible for developers, and works on any platform.
Cachet is a beautiful and simple service statuses. The open source status page system, for everyone.
Plume is not a single website, but an entire interconnected, yet independent network of what we call instances. You write content from your own instance, but anyone else on any other Plume instance can enjoy your stories too.
UVdesk offers SaaS-based and Open Source helpdesk solution to easier the overall support process to deliver best customer service. Bringing better communication approach in the eCommerce world using Standard Symfony PHP framework.
Dremio extends your central access systems like LDAP, giving you dynamic fine-grained access control and masking abilities on data from any source.
Bagisto is an eCommerce ecosystem for all to build and scale your business. It is based on Laravel, Open Source, secure and fast.
KafkaHQ is an open source GUI for Apache Kafka. Kafka GUI for topics, topics data, consumers group and more...
Darktable is an open source photography workflow application and raw developer. A virtual lighttable and darkroom for photographers. It manages your digital negatives in a database, lets you view them through a zoomable lighttable and enables you to develop raw images and enhance them.
Gravitee.io is a flexible, lightweight and blazing-fast open source API Management solution that helps your organization control finely who, when and how users access your APIs.
What are the parallels between faith and open source software? Join Nadia Eghbal and Henry Zhu for an off-the-cuff conversation between friends.
Android application for Mastodon. The app has many features that would improve your experience on Mastodon: multi-account client, cross-account actions, pin tags, follow instances, backup your toots, split long messages, translate.
A powerful data table plugin for VueJS. Get features like sorting / column filtering / paging with minimal setup. Easily customize anything from table cells to column headers. Leverage checkbox table, grouped rows and remote workflow for your table.
Tails is a live operating system that you can start on almost any computer from a USB stick or a DVD. It aims at preserving your privacy and anonymity. Tails is built upon Debian and Tor.
This is the space for the Firefox latest creations, innovations, and cutting-edge technologies for the greater good.
Mattermost is an open source Slack alternative. It's written in Golang and React and runs as a single Linux binary with MySQL or PostgreSQL. Use the features you like (file sharing, real-time group chat and webhooks—to name a few) and access the source code.
Spectrum is a community platform for the future. By building on Spectrum, communities become easily discoverable through search, curation, and even other community members.
There’s a worrying tendency for “real” programmers look down their noses at CSS. It’s just a declarative language, they point out, not a fully-featured programming language. Heck, it isn’t even a scripting language. That may be true, but that doesn’t mean that CSS isn’t powerful. It’s just powerful in different ways to traditional languages (Jeremy Keith)
A Hassle-Free Way to Self-Host Google Fonts. Get eot, ttf, svg, woff and woff2 files + CSS snippets by Mario Ranftl
Twill is an open source Laravel package that helps developers rapidly create a custom CMS that is beautiful, powerful, and flexible. By standardizing common functions without compromising developer control, Twill makes it easy to deliver a feature-rich admin console that focuses on modern publishing needs.
This post tell you all on Konga, a fully featured open source, multi-user GUI, that makes the hard task of managing multiple Kong installations a breeze. By Tselentis Panagis
FaunaDB delivers the developer productivity and global scale you want without sacrificing the relational access, strong consistency and security you need. It is a distributed, multi-model, ACID-compliant, and globally scalable OLTP database built to meet the demands of the future of data, today.
Solve your password management problems. The easiest and safest way for individuals, teams, and business organizations to store, share, and sync sensitive data.
Free and open source software for video recording and live streaming. Download and start streaming quickly and easily on Windows, Mac or Linux.
Connect all your microservices and APIs with the industry's most performant, scalable and flexible API platform.
GoAccess is an open source real-time web log analyzer and interactive viewer that runs in a terminal in *nix systems or through your browser. It provides fast and valuable HTTP statistics for system administrators that require a visual server report on the fly.
Choices.js is a lightweight, configurable select box/text input plugin. Similar to Select2 and Selectize but without the jQuery dependency.
Simple Content Platform to manage any structured content. A self-hosted headless and api-driven CMS.
"Laravel From Scratch" has been the go-to video resource for Laravel newcomers since 2013. Considering this, as you can imagine, this truth requires that we repeatedly refresh the series to ensure that it remains as up-to-date as possible. To celebrate the release of Laravel 5.7, we've done it again. Every video has been re-recorded. Every technique has been optimized. Every example has been updated.
Blazorise is a frontend components library built on top of Blazor and CSS frameworks like Bootstrap, Bulma and Material.
AVA is a test runner for Node.js with a concise API, detailed error output, embrace of new language features and process isolation that let you write tests more effectively. AVA is written by Mark Wubben, Sindre Sorhus and Vadim Demedes.
Zotonic is the open source, high speed, real-time web framework and content management system, built with Erlang. It is flexible, extensible and designed from the ground up to support dynamic, interactive websites and mobile solutions.
Rallax.js is a vanilla JS plugin that implements a dynamic parallax scrolling effect, without dependencies.
Another great post on Frontend Development written by Ire Aderinokun, Frontend Developer and User Interface Designer. In this article she shows us how to highlighting search matches.
A universal app store for Linux. Deliver and update your app on any Linux distribution for desktop, cloud, and Internet of Things.
Build super fast, modern websites with Vue.js Gridsome is an Open Source Vue-powered static site generator for building CDN-ready websites and apps for any headless CMS or data source
Remove.bg is a free service to remove the background of any photo. It works 100% automatically: You don't have to manually select the background/foreground layers to separate them - just select your image and instantly download the result image with the background removed!
Storybook is the most popular UI component development tool for React, Vue, and Angular. It helps you develop and design UI components outside your app in an isolated environment.
Kinto is a generic JSON document store with sharing and synchronisation capabilities. It's like Firebase but you store the data on your own server, it respects user privacy, works offline, stores data remotely, and synchronises across devices.
DevHub, TweetDeck for GitHub. It helps you take back control of your GitHub workflow and stay on top of everything important going on.
This is a guide to set up a modern XMPP server focused on security and mobile messaging. The whole guide assumes Debian stable running on the server, the fact that you will end up hosting a few of your friends and that you have some basic skills working on a linux command line.
xip.io is a magic domain name that provides wildcard DNS for any IP address. You can use these domains to access virtual hosts on your development web server from devices on your local network, like iPads, iPhones, and other computers. No configuration required!
JHipster is a development platform to generate, develop and deploy Spring Boot + Angular/React Web applications and Spring microservices.
Observatory helps developers, system administrators, and security professionals how configure their sites safely and securely.
graph-cli is designed to be highly configurable for easy and detailed graph generation. It has many flags to acquire this detail and uses reasonable defaults to avoid bothering the user. It also leverages chaining, so you can create complex graphs from multiple CSV files.
The wonderful world of the Elm programming language, in your inbox, every week.
The true value of serverless is best realized via a single-application DevOps experience – that's why GitLab is launching GitLab Serverless.
IPFire is a versatile, state-of-the-art Open Source firewall based on Linux. Its ease of use, high performance in any scenario and extensibility make it usable for everyone.
Mail hosting made simple. A solution to quickly deploy and manage a complete email server, compatible with latest standards and optimized for delivery and reputation protection.
Mobilizon is a tool designed to create platforms for managing communities and events. Its purpose is to help as many people as possible to free themselves from Facebook groups and events, from Meetup, etc. The MobiliZon software is under a Free licence, so anyone can host a MobiliZon server, called an instance. These instances may federate with each other, so any person with an account on "ExampleMeet" will be able to register to an event created on "SpecimenEvent".
One of the concerns that often comes up when someone creates a new HTTP header is how much “bloat” it will add on the network. This is especially relevant in requests, when a little bit of extra data can introduce a lot of latency when repeated on every request ... by Mark Nottingham
OnlyOffice is an online office suite integrated with a collaboration platform to manage documents, projects, team and customer relations in one place.
Proxmox VE is a complete open-source platform for enterprise virtualization. With the built-in web interface you can easily manage VMs and containers, software-defined storage and networking, high-availability clustering, and multiple out-of-the-box tools on a single solution.
OpenMediaVault (OMV) is a free Linux distribution based on Debian designed for network-attached storage (NAS). It contains services like SSH, (S)FTP, SMB/CIFS, DAAP media server, RSync, BitTorrent client and many more. Thanks to the modular design of the framework it can be enhanced via plugins.
You are tired of being siphoned off your personal data by Google, here are some alternatives proposed by DuckDuckGo.
SchoolFox is an app that connects parents and educators. Through SchoolFox, they can send texts, pictures and exchange emergency contacts through innovative functions such as: group messages, digital confirmations, confirmation lists, translation capabilities, emergency contacts, appointment management, automatic reminders and much more.
As a reminder, Nextcloud is a suite of client-server software for creating and using file hosting services, similar to Dropbox but free and open-source, allowing anyone to install and operate it on a private server. The big news is that Nextcloud becomes now part of the federated social networks.
The easiest way to start building decentralized blockchain apps. Blockstack is like a framework that allows people to create and access decentralized apps on top of it. It enables that by letting users created a decentralized ID that is stored on the blockchain (bitcoin) and giving users access to the apps based on that ID (like authentication).
Graph.cool is an open-source and self-hosted backend-as-a-service to develop serverless GraphQL backends. The Graphcool Framework offers an opinionated backend setup, including GraphQL database mapping, subscriptions & permission system.
Microkubes is an open source framework, for building data management platforms by using microservices.
Family.scss is a set of 26 smart Sass mixins which will help you to manage the style of :nth-child’ified elements, in an easy and classy way.
Pingo enables you to interact with your audience. Start live polls in your browser. Everybody with a device that is connected to the internet can take part.
git-bug is a distributed bug tracker embedded in git. It uses git's internal storage so no files are added in your project.
How to write clear, helpful copy for when things go wrong by Marina Posniak - Senior UX Writer.
Solo is a free task management app for freelancers. Create track time, manage tasks, upload files, and keep notes all in the same place. And everything is stays on your server so your data is always private.
PHP Bot, is the ultimate resource for any PHP developer, it'll write your code in a matter of seconds. PHPBot is constantly learning and improving.
Clean, minimalistic and fast to implement CSS & JS framework for professional developers and designers alike. Kube licensed under MIT and it is absolutely free for personal or commercial use.
Ire Aderinokun, Frontend Developer and User Interface Designer has made this 5-part video tutorial on her Youtube channel to speak about offline page, service worker, cache storage ...
Caddy is the HTTP/2 web server with automatic HTTPS. It is the only web server that uses HTTPS by default. A hardened TLS stack with modern protocols preserves privacy and exposes MITM attacks.
Draw.io is free online diagram software. You can use it as a flowchart maker, network diagram software, to create UML online, as an ER diagram tool, to design database schema, to build BPMN online, as a circuit diagram maker, and more. draw.io can import .vsdx, Gliffy™ and Lucidchart™ files .
PowerDNS is a DNS server, written in C++ and licensed under the GPL. It runs on most Unix derivatives.
You are being watched. Private and state-sponsored organizations are monitoring and recording your online activities. privacytools.io provides knowledge and tools to protect your privacy against global mass surveillance.
Tabulator allows you to create interactive tables in seconds from any HTML Table, JavaScript Array, AJAX data source or JSON formatted data. Simply include the library in your project and you're away!
Open, free and uncensorable websites, using Bitcoin cryptography and BitTorrent network.
Mailu is a simple yet full-featured mail server as a set of Docker images. It is free software, open to suggestions and external contributions. The project aims at providing people with an easily setup, easily maintained and full-featured mail server while not shipping proprietary software nor unrelated features often found in popular groupware.
A new stable version, version 3.3, of YunoHost has been released! This release includes various highlights, check the novelties.
Guzzle is a PHP HTTP client that makes it easy to send HTTP requests and trivial to integrate with web services.
Secure, store and tightly control access to tokens, passwords, certificates, encryption keys for protecting secrets and other sensitive data using a UI, CLI, or HTTP API.
Sendy is a self hosted email newsletter application that lets you send trackable emails via Amazon Simple Email Service (SES). This makes it possible for you to send authenticated bulk emails at an insanely low price without sacrificing deliverability.
Dokku is a Docker powered mini-Heroku in around 200 lines of Bash that lets you set up your own Platform-as-a-Service infrastructure at a fraction of the cost. This makes it possible for you to host your own apps with all of the features offered by an actual provider like Heroku. (- Dave Kiss)
More developers have switched to using JavaScript to build more applications, especially for the web. This has brought about an exponential growth in the usage of frameworks built specifically for the JavaScript community to facilitate quick prototyping and building of awesome projects. (- Olususi Kayode Oluyemi)
Responsive Website Basics: Code with HTML, CSS, and JavaScript. This course is part of the Responsive Website Development and Design Specialization and offered by the University of London Goldsmiths, University of London.
QLearly is a Kanban board for your bookmarks. Organize your favorite websites by columns and boards. Every time you open a new tab, your primary board will load within a second.
Invoice Generator, generate your invoice online or via an API.
VirtualHostX is an easy-to-install local server environment for macOS. It includes a full Apache web server so you can run as many PHP based websites as you want.
Kemal is a lightning fast, super simple web framework written in Crystal by Serdar Dogruyol.
Infinity early beta, organize whatever you need: tasks, documents, events, CRM ...
Pushjet alpha is an API to be in control of all your data, including your notifications. Pushjet is a free open source push notifications.
Easily create sites that work offline as well as online. UpUp is a tiny JavaScript library that makes sure your users can always access your site's content, even when they're on a plane, in an elevator, or 20,000 leagues under the sea.
Pixelfed is a free and ethical photo sharing platform for everyone. Pixelfed is an open-source, federated platform. You can run your own instance or join one.
You want free pizza for your usergroup, meetup, hackathon, tech talk, conference... Nice! Sponsors want to give you free pizza.
Langis is like "Signal" without Google Play Services support for a better privacy.
Ansible playbook for self-hosting your own email, web hosting, XMPP chat, and DNS records using OpenBSD.
Do you need inspiration for your next newsletter webdesign? Check this Email newsletter gallery.
Charts made easy. The fastest way to create beautiful charts and graphs for your projects.
Jupyter is a web application used to program in more than 40 programming languages, including Julia, Python, R, Ruby and Scala1. Jupyter allows you to create notebooks, i. e. programs containing both markdown text and Julia, Python, R... These notebooks are used in data science to explore and analyze data.
Static Sites are quick and easy; and when you can host them for free forever, that's icing on the cake. Check this post to learn how to host your static site on GitLab pages.
Muuri, a responsive, sortable, filterable and draggable grid layouts. Created and maintained by Niklas Rämö.
Nitrux is a Linux distribution based on Ubuntu suitable for laptops and desktop computers. Nitrux provides all the benefits of the Ubuntu operating system combined with a focus on portable, redistributable application formats like AppImages. Nitrux uses the LTS branch of Ubuntu as a basis using only the core system and then slowly building up to ensure a clean user experience.
Laboratory is an experimental Firefox extension that helps you generate a Content Security Policy (CSP) header for your website.
Convert anything to anything. CloudConvert supports the conversion between more than 200 different audio, video, document, ebook, archive, image, spreadsheet and presentation formats.
Laravel Excel, supercharged Excel exports and imports in Laravel.
BrowserFrame, wrap screenshots in browser frames. By Philip Bergqvist
GitLens by Eric Amodio Supercharge the Git capabilities built into Visual Studio Code — Visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate ...
React Cosmos is a developer tool that helps you build reusable React components.
The smallest PaaS implementation you've ever seen. Dokku helps you build and manage the lifecycle of applications.
A guide to learn bash: basic operations, basic shell programming, tricks and debugging.
Sift Email. HTML form to Email Free secured & SPAM protected endpoint for your static HTML forms. Receive form submissions in your inbox within a few seconds.
Tempo is a minimalist email web client that protects your focus.
Initab is a Chrome New Tab Extension for developers that offers a solution to continually having too many tabs open.
JavaScript "The Right Way" by William Oliveira & Allan. This is a guide intended to introduce new developers to JavaScript and help experienced developers learn more about its best practices.
A Universal JavaScript wrapper for the Unsplash API. Before using the Unsplash API, you need to register as a developer and read the API Guidelines.
DomainHack.Me, create domain hacks for any word. The world's finest domain-hacking Tool by Jan Brennenstuhl.
CodeSandbox is an online editor that helps you create web applications, from prototype to deployment.
These 2 Unpopular Functions Will Improve How You Manipulate JavaScript Array Data
Monica, Open source personal CRM. Monica helps you organize the social interactions with your loved ones.
OpenMoji, Open-source emojis for designers, developers and everyone else!
Buddy. Automate Builds, Tests & Deployments with 70+ Ready-to-Use Steps
Kakoune is a code editor that implements Vi’s "keystrokes as a text editing language" model. As it’s also a modal editor, it is somewhat similar to the Vim editor (after which Kakoune was originally inspired).
Eagle.js, a slideshow framework for hackers. It is a web-based slideshow framework for Vue.js. By Zulko and Yaodingyd.
Foundation for Emails 2. Quickly create responsive HTML emails that work. Even on Outlook!
Class-Central allows you to find the best free online courses from prestigious university.
PeerTube. Take back control of your videos. A decentralized video hosting network, based on free software.
Remarkable. The best markdown editor for Linux (and Windows soon).
What is HTTP/2 – The Ultimate Guide by the WordPress hosting company "Kinsta".
YunoHost is a server operating system aiming to make self-hosting accessible to everyone.
Gladys is an open-source home assistant program which runs on your Raspberry Pi. She integrates into your life, seamlessly communicating across your entire home network and your devices while checking you calendar.
Huginn is a system for building agents that perform automated tasks for you online. They can read the web, watch for events, and take actions on your behalf. Think of it as a hackable version of IFTTT or Zapier on your own server.
Marko, a friendly (and fast!) UI library from eBay that makes building web apps fun.
GitHub Apps to automate and improve your workflow. Use pre-built apps to extend GitHub,
and easily build and share your own.
The fast, open, and privacy-respecting replacement for Windows and macOS.
A curated list of awesome actions to use on GitHub by Sarah Drasner
MicroJS, find your mini js framework with this online search engine. By Thomas Fuschs
WebPerl uses the power of WebAssembly and Emscripten to let you run Perl 5 in the browser!
In this tutorial, you will build a telegram bot using node.js and you will be introduced to serverless deployment with now. Post written by Stephen Afam-Osemene
Learn how to compare two dates in JavaScript with various methods by Saruque Ahamed Mollick.
In this podcast, Jen Simmons speaks with world experts on changing technologies and the future of the web.
Ire Aderinokun, Frontend Developer and User Interface Designer, explains in this post how display:content really works.
Find a job you can do from anywhere in the world. Remote Only is a manually-curated list of remote jobs aggregated from all over the web.
Learn how to zip and unzip a file in PHP by Monty Shokeen.
tiptap is a renderless rich-text editor for Vue.js
Practical approaches to Universal Design for making your website/webapp accessible to everyone.
Alva lets you design interactive products based on components engineered by your developers. And guess what – it's entirely open source.
As a mobile developer, using a back-end as a service (BaaS) platform can help you swiftly implement your ideas. Firebase has all the key features you need for rapid prototyping and quickly testing out your ideas. Read this introduction to Firebase tutorial written by Deepthi Bhattachar.
Follow your favorite newsletters : Newsletter Hunt allows you to create RSS-like feeds from your favorite newsletters.
Hui Jing explains in this post how to customise radio buttons without compromising accessibility.
A general-purpose, web standards-based platform for parsing and rendering PDFs.
Sublime Merge is a new Git client, from the makers of Sublime Text.
Anchor makes it as easy as possible to create a podcast. All you have to do is register on the Anchor website. You are then invited to create your first podcast. Give it a name, a description, an image to illustrate its coverage, then pushing it out into the world. And last but not least, Anchor is free and also provides a real audio editing environment.
Shotsnapp is a simple tool made by by Gaddafi Rusli to quickly create beautiful device mockup presentation for your app and website design.
Philip Walton published a new article where he do a deep dive into improving website performance with a technique he's calling Idle Until Urgent.
You want to be free from Google and Apple operating system on your mobile phone? You want to use an open source operating system which is far more respectful of user’s data privacy? Check the project /e/ out. A first beta is now available.
Storing password in a data base is not safe. LessPass computes a unique password using a site, login and a master password. Use LessPass in your browser, with a browser extension, on your mobile, on your server or in your terminal via a CLI client.
Become a master in CSS, this website is a curated collection of useful CSS snippets you can understand in 30 seconds or less.
A button that seamlessly transitions from action to confirmation made by Hakim El Hattab, the author of https://slides.com/
The note-taking app for programmers that focuses on markdown, snippets, and customizability.
Edit your code and wikis from anywhere. Free and available on Windows, Linux, Mac, AUR.
The openrouteservice API consumes user-generated and collaboratively collected free geographic data, directly from OpenStreetMap.
Simple Silo makes it easy for web developers to host static web sites on their AWS infrastructure by automating AWS resource configuration and management.
How Tiantian Xu taught herself to create 50 pieces of animation in 100 days
MJML is responsive by design on most-popular email clients, even Outlook. Write less code, save time and code more efficiently with MJML’s semantic syntax.
Sal (Scroll Animation Library) is written with aim to provide performant and lightweight solution for animating elements on scroll. It's based on the Intersection Observer, which gives amazing performance in terms of checking the element's presence in viewport.
WatermelonDB is a new way of dealing with user data in React Native and React web apps. It's optimized for building complex applications in React / React Native, and the number one goal is real-world performance.
LazyLoad is a fast, lightweight and flexible script that speeds up your web application by loading images, video or iframes as they enter the viewport. It’s written in plain “vanilla” JavaScript, uses Intersection Observers, and supports responsive images. It’s also SEO-friendly and it has some other notable features.
Audrey Roy has written this cheat sheet favicon sizes/types on her GitHub account to help your website shine in society.
Tired of being the "designer that doesn't know JavaScript". Dave Martin, currently designer at Wildbit, made this course for you.
A comprehensive CSS font-feature-settings demo for OpenType features.
Gitcoin is an open source bounties platform on the Ethereum blockchain. It facilitate a space that allows open source developers to get paid for their work contributing to open source projects and in return, the open source projects get exposure to a vast community of hard working developers they might not have had otherwise.
Learn how to design awesome UIs by yourself using specific tactics explained from a developer's point-of-view. A project by Adam Wathan and Steve Schoger.
This project contains examples of test questions and answers that can be used during an interview or exam for positions such as *nix System Administrator.
Tooty is an alternative multi-accounts Web client for Mastodon written in Elm by Nicolas Perriault. I've been using it since the beginning on Mastodon and I love it! You should check it out ;-)
Whimsical is a collaboration tool that helps you do flowcharts, wireframes, sticky note exercises, and more. The starter offer let you create up to 4 free diagrams and it's only 10$/user/month for unlimited diagrams.
Generate and embed charts into emails or chat bots — without server-side code. Free offer for community, discount for bootstrapping startup or education project.
Yet another video series by Wes Bos. A quick 34 minute mini course for anyone who is looking to learn markdown for the first time, or fill in any gaps along the way.
Learn how to build an animation correctly that does not distract the users from their goals.
The Open Wireless Movement is a coalition of Internet freedom advocates, companies, organizations, and technologists working to develop new wireless technologies and to inspire a movement of Internet openness.
A framework for dynamic analysis of WebAssembly programs, developed in the Software Lab at TU Darmstadt.
Souvenir, souvenir. The web design museum exhibits over 900 carefully selected and sorted web sites that show web design trends between the years 1995 and 2005.
This Elm skeleton SPA is Elm 0.19 ready, include multiple pages navigation and routing, contain a live development server with hot reloading, elm-test and elm-css support.
VuePress is a single page application powered by Vue, Vue Router and webpack which create a server-rendered version of the app and render corresponding html.
If you want to learn things like how to use CSS Grid Layout, scrapping data with php or leverage the power of APIs to create interactive websites, check this educative website (550 episodes in 81 series) made by Trevor Greenleaf and Peter Medina.
basicScroll allows you to change CSS variables depending on the scroll position. Use the variables directly in your CSS to animate whatever you want.
You have already heard about the Mastodon social network but you still don't understand in detail how it works. Kev Quirk has written two articles to help you understand how it works and how to use it.
Write cross-platform chat bots with a simple to use, yet powerful API in PHP. Developed and well documented by Marcel Pociot.
Restic backups and restores your data plus it uses cryptography to guarantee confidentiality and integrity of it. It's the backup software I use on all my personal project and it saved my day more than once.
This is the second article on Mastodon written by Kev Quirk. It explains how the user interface within Mastodon actually worked.
Download free images, clipart and illustrations for your blog, social media, marketing or other entrepreneurship endeavors.
VueToolbox is a collection of the best Vue.js libraries shared by Tiago Alves and Filipe Pina.
As CSSNext is now deprecated you can use instead the Postcss plugin "PostCSS Preset Env" to lets you use modern CSS in your style sheet.
Learn CSS Grid with 25 online videos (4 hours) recorded by Wes Bos to learn from fundamentals to real examples.
Kirby 3 is a new beta version of an amazing and flexible file‑based, php + Vue CMS developped by Bastian Allgeier and his team. You can support them and take part in their journey to see how this new version is built.
Coverr is a free stock videos for commercial and non-commercial use, no attribution required. It's like Unsplash but for videos. Just use the search engine and pick-up a nice video for your next website project.
Elm is a front-end functional language that compiles to JavaScript. Read this article to understand how Elm 0.19 will makes your assets really small. Indeed Elm 0.19 comes with impressive improvements in compilation speed.
Crafted with love by Future Memories, a Swedish digital studio, Picular is a colors search engine. Enter words in the search field, Picular will suggest corresponding colors.
Vue, React, Angular ... and why note Mithril ? Mithril is a modern, fast and small client-side Javascript framework for building Single Page Applications. It provides routing and XHR utilities out of the box.