Technological monitoring for web developers

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.

An unofficial SvelteKit documentation.

A rapid way to document your Svelte things.

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.

Strut is an HTML5 presentation editor.

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.

The latest news on the Svelte framework.

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.

The YaCy search engine software provides results from a network of independent peers, instead of a central server. It is a distributed network where no single entity decides what to list or order it appears in.

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 Manage­ment 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.

The Hassle-Free JavaScript Tool Manager. Install and run any JS tool quickly and seamlessly! Volta is built in Rust and ships as a snappy static binary.

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.

Iguana is a tiny CSS image-filter library.

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.