Technological monitoring for web developers

Jul 28th, 2021

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

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

Front
CSS, Cut-out Effect

Jul 27th, 2021

Totaljs

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

Dev
No-Code, Total.js, Open Source

Jul 25th, 2021

Ferdi

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

Internet
Messaging, Application, Ferdi

Jul 18th, 2021

Excellent Free Tutorials to Master Programming

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

Dev
Languages, Tutorials, Programming

Jul 3rd, 2021

Petite-Vue

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

Front
VueJS, Petite-Vue

Jun 29th, 2021

Responsible Web Application

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

Front
HTML, CSS, Responsive, Accessible

Jun 29th, 2021

Chart.css

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

Design
CSS, Charts, Framework, Charts.css

Jun 24th, 2021

77 CSS Animation Examples

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

Design
HTML, CSS, Animation

Jun 20th, 2021

Tinyschool

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

Learn
OnlineSchool, Skills, Mentorship, TinySchool

Join the web developers community
Jun 17th, 2021

Rome

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

Dev
Toolkit, JavaScript

Jun 17th, 2021

Astro

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

Dev
Static, JAMStack

Jun 14th, 2021

FlexSearch

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

Dev
Search, NodeJS, FlexSearch

Jun 11th, 2021

NocoDB

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

Internet
OpenSource, Table, AirtableAlternative, NocoDB

Jun 7th, 2021

Readme

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

Dev
Readme, Editor

Jun 5th, 2021

Minisearch

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

Front
Search, JavaScript, Fulltext

Jun 3rd, 2021

FeathersJS

A framework for real-time applications and REST APIs

Dev
DDB, API, JavaScript

May 31st, 2021

Mkcert

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

Dev
Certificate, https, localhost

May 21st, 2021

Clinicjs

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

Dev
Nodejs, Diagnose, Clinicjs

Join the web developers community
May 14th, 2021

Quire

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

Design
Book, Publishing, Tool, Quire

May 9th, 2021

Slidev

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

Dev
Presentation, Slides, Markdown, Slidev

May 8th, 2021

OverAPI

Collecting all Cheat Sheets in one place.

Dev
CheatSheets, OverAPI

Apr 29th, 2021

Godot engine

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

Dev
Game, OpenSource

Apr 29th, 2021

Tauri

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

Dev
Tooltik, Rust, NodeJS, Desktop, Tauri

Apr 28th, 2021

Snel

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

Dev
Svelte, Deno, Snel

Apr 22nd, 2021

Payload CMS

A self-hosted, headless JavaScript CMS

Dev
OpenSource, CMS, React, NodeJS, PayloadCMS

Apr 22nd, 2021

Sergey

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

Dev
SSG, JAMstack, NodeJS, Sergey

Apr 22nd, 2021

Coolify

An open-source, hassle-free, self-hostable Heroku & Netlify alternative.

Dev
OpenSource, Hosting, JAMstack, Coolify

Join the web developers community
Apr 21st, 2021

Cusdis

Next comment tool for your website. Open source, lightweight (4.7kb gzip), privacy-friendly alternative to Disqus.

Dev
OpenSource, Comments, Cusdis

Apr 16th, 2021

LazyGit

A simple terminal UI for git commands, written in Go with the gocui library.

Dev
Git, UI, Terminal, LasyGit

Apr 10th, 2021

Windi CSS

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.

Front
CSS, Compiler, WindiCSS

Apr 6th, 2021

Gitexplorer

Git Command Explorer allows you to find the right commands you need without digging through the web.

Dev
Git, Command, Search, Gitexplorer

Apr 4th, 2021

LitElement

A simple base class for creating fast, lightweight web components

Dev
Component, LitElement

Mar 30th, 2021

Deno Deploy

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.

Back
Deno, Deployment, Serverless

Mar 29th, 2021

Build your own X

A list of tutorials to build your own ... X. "What you cannot create, I do not understand" - Richard Feynman

Learn
Build, Tuto

Mar 22nd, 2021

WebComponents

The Component IDE for Web Developers

Dev
Components, Framework, IDE

Mar 12th, 2021

Swiper

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.

Front
JavaScript

Join the web developers community
Mar 12th, 2021

Shepherdjs

Guide your users through a tour of your app.

Front
JS, Tooltips

Mar 12th, 2021

Maximally optimizing image loading for the web in 2021

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.

Front
Image, Optimization

Mar 10th, 2021

1 line layouts

10 Modern CSS layout and sizing techniques that highlight just how robust and impactful a single-line of styling code can be.

Front
CSS, Layout

Mar 10th, 2021

SVG Repo

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.

Design
SVG, Icons

Mar 5th, 2021

Svelte NodeGUI

Build performant, native, cross-platform desktop apps with Svelte.

Dev
Svelte, Desktop, SvelteNodeGUI

Feb 25th, 2021

Agorakit

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.

Internet
Open Source, PHP, Groupware, Agorakit

Feb 23rd, 2021

CocoMaterial

Looking for the perfect illustration? Discover the CocoMaterial, the Open Source hand-drawn illustration library.

Design
Illustration, OpenSource, CocoMaterial

Feb 23rd, 2021

Penpot

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.

Design
OpenSource, Prototyping, SVG, Penpot

Feb 21st, 2021

Wetty

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.

Sysadmin
Terminal, Browser, WeTTy

Join the web developers community
Feb 21st, 2021

PHP Server Monitor

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.

Sysadmin
Monitoring, Server, Website, PhpServerMonitor

Feb 21st, 2021

Lychee

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.

Internet
Photo, Manager, OpenSource, Lychee

Feb 20th, 2021

SK Incognito

An unofficial SvelteKit documentation.

Front
Svelte, Documentation, Sveltekit

Feb 14th, 2021

Svelte-Docs

A rapid way to document your Svelte things.

Front
Svelte, Documentation

Feb 14th, 2021

Castopod

Castopod is an open-source hosting platform made for podcasters who want engage and interact with their audience.

Internet
POdcast, Hosting, Open Source, Castopod, PHP

Join the web developers community