Speed up by a 2x factor :

ffmpeg -i input.mkv -filter_complex "[0:v]setpts=0.5*PTS[v];[0:a]atempo=2.0[a]" -map "[v]" -map "[a]" output.mkv

Or a x factor :

ffmpeg -i input.mkv -filter_complex "[0:v]setpts=<1/x>*PTS[v];[0:a]atempo=<x>[a]" -map "[v]" -map "[a]" output.mkv

const input = document.querySelector(".password-input");

// When an input is checked, or whatever...
if (input.getAttribute("type") === "password") {
  input.setAttribute("type", "text");
} else {
  input.setAttribute("type", "password");
}

Fidgeting thus conforms with a form of self-evidencing, and helps the agent confirm its own existence in situations where evidence for its self-model might be waning.

La bougeotte serait une façon de prouver son existence à soi-même et aide la personne à confirmer sa propre présence lorsqu'il ou elle est dans une situation où son image de soi est diminuée.

• Whitespace

  • breath
  • more outside than inside

• Alignment

• Hierarchy - What is important here ?

• Contrast ratio

• typography

  • readability : Il1 test
  • text size - line height

<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">

git commit --amend --no-edit --date "20220115T13:42:11"

Cut with start position and duration

$ ffmpeg -i input.mp4 -ss 00:03:17 -t 00:10:11 -c:v copy -c:a copy output.mp4

-t specifies the duration from the start position

Cut with start position and end position

$ ffmpeg -i input.mp4 -ss 00:15:23 -to 00:17:32 -c:v copy -c:a copy output.mp4

-to to specify an exact time to cut to from the starting position.

Trim duration from end of video

ffmpeg -sseof -00:12:00 -i input.mp4 -c copy output.mp4

Free disk space with borg backup :

borg compact --progress --cleanup-commits /repo

Elegant React-like library for building user interfaces for desktop, web, mobile, SSR, liveview, and more in rust

A Rust library for reading/writing Compound File Binary (structured storage) files

WinBox is a professional HTML5 window manager for the web: lightweight, outstanding performance, no dependencies, fully customizable, open source!

typescript-utilities-guide

a list of typescript helper libraries. advanced guides in typescript-cheatsheets will assume knowledge of these and refer people here.

There is a stage in every TypeScript journey where you struggle getting the types you want and eventually find a lifesaver blogpost like TypeScript Types You Should Know About. This cheatsheet accumulates them.

CookCLI is provided as a command-line tool to make Cook recipe management easier, and enable automation and scripting workflows for the CookLang ecosystem.

Mobile UI components made with Tailwind CSS

Tailwind Mobile - Pixel perfect mobile UI components built with Tailwind CSS with iOS and Material Design components for React, Vue & Svelte

Monaco Editor is the code editor that powers VS Code

hue.tools is web app that helps you to work with colors. An open source toolbox for colors.

Environment variables substitution for Go

Make JSON greppable!

gron transforms JSON into discrete assignments to make it easier to grep for what you want and see the absolute 'path' to it. It eases the exploration of APIs that return large blobs of JSON but have terrible documentation.

gron "https://api.github.com/repos/tomnomnom/gron/commits?per_page=1" | fgrep "commit.author"
json[0].commit.author = {};
json[0].commit.author.date = "2016-07-02T10:51:21Z";
json[0].commit.author.email = "mail@tomnomnom.com";
json[0].commit.author.name = "Tom Hudson";

gron can work backwards too, enabling you to turn your filtered data back into JSON:

gron "https://api.github.com/repos/tomnomnom/gron/commits?per_page=1" | fgrep "commit.author" | gron --ungron
[
  {
    "commit": {
      "author": {
        "date": "2016-07-02T10:51:21Z",
        "email": "mail@tomnomnom.com",
        "name": "Tom Hudson"
      }
    }
  }
]

super fast, all natural json logger

Very low overhead Node.js logger

Zaplib is an open-source library for speeding up web applications using Rust and WebAssembly.

A fast, zero dependency object and array comparison library. Significantly faster than most other deep comparison libraries and has full TypeScript support.

import diff from "microdiff";

const obj1 = {
	originalProperty: true,
};
const obj2 = {
	originalProperty: true,
	newProperty: "new",
};

console.log(diff(obj1, obj2));
// [{type: "CREATE", path: ["newProperty"], value: "new"}]

OpenReplay is developer-friendly, open-source session replay

OpenReplay is a session replay stack that lets you see what users do on your web app, helping you troubleshoot issues faster. It's the only open-source alternative to products such as FullStory and LogRocket.

• Session replay. OpenReplay replays what users do, but not only. It also shows you what went under the hood, how your website or app behaves by capturing network activity, console logs, JS errors, store actions/state, page speed metrics, cpu/memory usage and much more.
• Low footprint. With a ~18KB (.gz) tracker that asynchronously sends minimal data for a very limited impact on performance.
• Self-hosted. No more security compliance checks, 3rd-parties processing user data. Everything OpenReplay captures stays in your cloud for a complete control over your data.
• Privacy controls. Fine-grained security features for sanitizing user data.
• Easy deploy. With support of major public cloud providers (AWS, GCP, Azure, DigitalOcean).

Features

• Session replay: Lets you relive your users' experience, see where they struggle and how it affects their behavior. Each session replay is automatically analyzed based on heuristics, for easy triage.
• DevTools: It's like debugging in your own browser. OpenReplay provides you with the full context (network activity, JS errors, store actions/state and 40+ metrics) so you can instantly reproduce bugs and understand performance issues.
• Assist: Helps you support your users by seeing their live screen and instantly hopping on call (WebRTC) with them without requiring any 3rd-party screen sharing software.
• Omni-search: Search and filter by almost any user action/criteria, session attribute or technical event, so you can answer any question. No instrumentation required.
• Funnels: For surfacing the most impactful issues causing conversion and revenue loss.
• Fine-grained privacy controls: Choose what to capture, what to obscure or what to ignore so user data doesn't even reach your servers.
• Plugins oriented: Get to the root cause even faster by tracking application state (Redux, VueX, MobX, NgRx) and logging GraphQL queries (Apollo, Relay) and Fetch requests.
• Integrations: Sync your backend logs with your session replays and see what happened front-to-back. OpenReplay supports Sentry, Datadog, CloudWatch, Stackdriver, Elastic and more

A sortable, virtual, customizable tree component for React.

GitUI provides you with the comfort of a git GUI but right in your terminal

Branchless workflow for Git

git-branchless is a suite of tools to help you visualize, navigate, manipulate, and repair your commit history. It's based off of the branchless Mercurial workflows at large companies such as Google and Facebook.

Find the right git commands without digging through the web.

Sanity.io a platform for structured content that comes with an open source editor that you can customize with React.js.

A command-line interface for quickly sharing code snippets of your local files via github

Verbum is a fully flexible text editor based on lexical framework.

Verbum - Flexible Text Editor for React

Verbum is a fully flexible rich text editor based on lexical-playground and lexical framework.

This is a framework for building CLIs in Node.js. This framework was built out of the Heroku CLI but generalized to build any custom CLI. It's designed both for single-file CLIs with a few flag options, or for very complex CLIs that have subcommands (like git or heroku).

Automatically find jQuery methods from existing projects and generate vanilla js alternatives.

fuite is a CLI tool for finding memory leaks in web apps.

Fornjot is an early-stage project to create a next-generation Code-CAD application. Because the world needs another CAD program.

Prisma is a next-generation ORM that consists of these tools:

• Prisma Client: Auto-generated and type-safe query builder for Node.js & TypeScript
• Prisma Migrate: Declarative data modeling & migration system
• Prisma Studio: GUI to view and edit data in your database

Prisma Client can be used in any Node.js or TypeScript backend application (including serverless applications and microservices). This can be a REST API, a GraphQL API a gRPC API, or anything else that needs a database.

The Invisible JavaScript Backdoor

What if a backdoor literally cannot be seen and thus evades detection even from thorough code reviews?

tere is a terminal file explorer. It is a faster alternative to using cd and ls to browse folders in your terminal. It only really does one thing: it allows you to navigate to a folder efficiently using a TUI, and then prints the path to that folder when you exit.

Python utility for tracking third party dependencies within a library

Open source browser tools for everyday use.

• Page divider
• Triangle generator
• Color shades generator
• html symbols collection
• Fake data generator

Unstyled, accessible components for building high‑quality design systems and web apps in React.

SVG waves generator

A library to help you make beautiful scroll experiences using minimal code.

Hooks for virtualizing scrollable elements in React

Object mapping, and more, for Redis and Python

Support crate for rustc's self-profiling feature

measureme, summarize, stack_collapse, flamegraph, crox

The smallest, fastest, most feature complete Tailwind-in-JS solution in existence

Twind is a small compiler (~13kB) that converts Tailwind classes into actual CSS rules at runtime. If you have used Tailwind or other CSS-in-JS solutions, then most of the API should feel very familiar.

CLI tool to help you manage multiple repositories

mani is a CLI tool that helps you manage multiple repositories. It's useful when you are working with microservices, multi-project systems, many libraries or just a bunch of repositories and want a central place for pulling all repositories and running commands over them.

You specify repository and commands in a config file and then run the commands over all or a subset of the repositories.

Hooks for building lightweight, fast and extendable datagrids for React

PostHog is an open-source product analytics suite, built for engineers

• Automatically track every event on your website or app
• Understand your users and how to improve your product
• Deploy on your own infrastructure to keep control of your data.

Dura is a background process that watches your Git repositories and commits your uncommitted changes without impacting HEAD, the current branch, or the Git index (staged files). If you ever get into an "oh snap!" situation where you think you just lost days of work, checkout a dura branch and recover.

SixtyFPS is a toolkit to efficiently develop fluid graphical user interfaces (gui) for any display: embedded devices and desktop applications. We support multiple programming languages, such as Rust, C++, and JavaScript.

React library for building workflow editors, flow charts and diagrams

REAFLOW is a modular diagram engine for building static or interactive editors. The library is feature-rich and modular allowing for displaying complex visualizations with total customizability.

Ready-to-use Tailwind CSS blocks.

This crate provides a convenient macro that allows you to generate type wrappers that promise to always uphold arbitrary invariants that you specified.

Retrying library for Python

Simple, immersive and interactive charts for React

Ergonomic and modular web framework built with Tokio, Tower, and Hyper

System profiling, app tracing and trace analysis

Perfetto is a production-grade open-source stack for performance instrumentation and trace analysis. It offers services and libraries and for recording system-level and app-level traces, native + java heap profiling, a library for analyzing traces using SQL and a web-based UI to visualize and explore multi-GB traces.

The world's simplest facial recognition api for Python and the command line

Vizzu - Library for animated data visualizations and data stories.

Vizzu is a free, open-source Javascript/C++ library utilizing a generic dataviz engine that generates many types of charts and seamlessly animates between them. It can be used to create static charts but more importantly it is designed for building animated data stories and interactive explorers as Vizzu enables showing different perspectives of the data that the viewers can easily follow due to the animation.

Main features:

• Designed with animation in focus;
• Defaults based on data visualization guidelines;
• Automatic data aggregation & data filtering;
• HTML5 canvas rendering;
• Written in C++ compiled to WebAssembly;
• Dependency-free.

TinyTemplate is a small, minimalistic text templating system with limited dependencies.

The leading data onboarding platform (saas) csv cleanup

A fully featured react components library

chroma.js is a small-ish zero-dependency JavaScript library (13.5kB) for all kinds of color conversions and color scales.

Beautifully crafted unique avatar placeholder for your next react project

Fleet is the blazing fast build tool for Rust. Compiling with Fleet is up-to 5x faster than with cargo.

Fleet works by optimizing your builds using existing tooling available in the Rust ecosystem, including seamlessly integrating sccache, lld, zld, ramdisks (for those using WSL or HDD's) et al.

PyGWalker: Turn your pandas dataframe into a Tableau-style User Interface for visual analysis

Develop, test and document your React story components faster

Alternative to storybook

Rust bindings for writing safe and fast native Node.js modules.

React code splitting made easy

A UI for eBPF-based performance debugging

A dynamic tracing profiler for Linux

Wachy provides a UI for interactive eBPF-based userspace performance debugging.

React Native boilerplate supporting multiple platforms: Android, iOS, macOS, Windows, web, browser extensions, Electron. An opinonated approach to supporting multiple platforms with React Native using a Yarn Workspaces monorepo.

Slint is a toolkit to efficiently develop fluid graphical user interfaces for any display: embedded devices and desktop applications. We support multiple programming languages, such as Rust, C++ or JavaScript.

Formerly known as sixtyFPS

easy WebGL tool to animate images and videos

Simple.css is a classless CSS framework that allows you to make a good looking website really quickly.

By classless I mean 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.

Cool, huh?

Continuous profiling for analysis of CPU, memory usage over time, and down to the line number. Saving infrastructure cost, improving performance, and increasing reliability.

A utility tool powered by fzf for using git interactively.

A set of high-quality accessible React UI components with the built-in dark mode using Tailwind CSS. Pre-designed headless ui and radix-ui.

Modern scheduling library for Python cron, conditions, pipelining...

An open-source machine embroidery design platform based on Inkscape.

Distributed, offline-first bug tracker embedded in git, with bridges

git-bug is a bug tracker that:

• is fully embedded in git: you only need your git repository to have a bug tracker
• is distributed: use your normal git remote to collaborate, push and pull your bugs!
• works offline: in a plane or under the sea? Keep reading and writing bugs!
• prevents vendor lock-in: your usual service is down or went bad? You already have a full backup.
• is fast: listing bugs or opening them is a matter of milliseconds
• doesn't pollute your project: no files are added in your project
• integrates with your tooling: use the UI you like (CLI, terminal, web) or integrate with your existing tools through the CLI or the GraphQL API
• bridges to other bug trackers: use bridges to import and export to other trackers.

This is now more than a proof of concept, but still not fully stable. Expect dragons and unfinished business.

Turn your rough sketch into a refined image using AI

Create ridiculously fast Lexers.

Garage is a lightweight S3-compatible distributed object store

Feather Wiki is an app for creating personal non-linear notebooks, databases, and wikis that is entirely self-contained and runs in your browser.

Improve how you architect webapps

Patterns.dev is free book on design patterns and component patterns for building powerful web apps with vanilla JavaScript and React.

Zero-API, React, & TypeScript

A monorepo containing:

• Next.js web app
• React Native app with Expo
• A tRPC-API which is inferred straight into the above.
• Prisma as a typesafe ORM

Chance is a minimalist generator of random strings, numbers, etc. to help reduce some monotony particularly while writing automated tests or anywhere else you need anything random.

Tree-sitter is a parser generator tool and an incremental parsing library. It can build a concrete syntax tree for a source file and efficiently update the syntax tree as the source file is edited. Tree-sitter aims to be:

• General enough to parse any programming language
• Fast enough to parse on every keystroke in a text editor
• Robust enough to provide useful results even in the presence of syntax errors
• Dependency-free so that the runtime library (which is written in pure C) can be embedded in any application

Learn python with game/puzzle

Video stabilization using gyroscope data

nivo provides a rich set of dataviz components, built on top of the awesome d3 and Reactjs libraries.

GitHub Actions by Example

• Proton Player is an HTML5-based streaming music player optimized for compatibility across many devices and browsers.
• The player is "headless", meaning that it doesn't come packaged with any visual components. It is meant to serve as a toolkit for building your own music player, offering features such as seeking, pausing, and preloading upcoming audio files.

Seems there is no support for firefox

zoxide is a smarter cd command, inspired by z and autojump.

It remembers which directories you use most frequently, so you can "jump" to them in just a few keystrokes. zoxide works on all major shells.

Sick Mouse-Out CSS Hover Effect from left to right and out

A production-ready motion library for React.

Cash is an absurdly small jQuery alternative for modern browsers (IE11+) that provides jQuery-style syntax for manipulating the DOM. Utilizing modern browser features to minimize the codebase, developers can use the familiar chainable methods at a fraction of the file size. 100% feature parity with jQuery isn't a goal, but Cash comes helpfully close, covering most day to day use cases.

An easy to use tool to change the mapping of your input device buttons. Supports mice, keyboards, gamepads, X11, Wayland, combined buttons and programmable macros. Allows mapping non-keyboard events (click, joystick, wheel) to keys of keyboard devices.

Presentation slides for developers

RediSearch - Redis Secondary Index & Query Engine

RediSearch is a source available Secondary Index, Query Engine and Full-Text Search over Redis, developed by Redis .

Redisearch implements a secondary index on top of Redis, but unlike other Redis indexing libraries, it does not use internal data structures such as sorted sets.

This also enables more advanced features, such as multi-field queries, aggregation, and full text search capabilites. These capabilities include exact phrase matching and numeric filtering for text queries, something that is neither possible or efficient with traditional Redis indexing approaches.

Quick and dirty debugging output for tired programmers.

Difftastic is an experimental diff tool that compares files based on their syntax.

A scalable, distributed, collaborative, document-graph database, for the realtime web

Open-source KVM software Synergy fork

Generate unique SVG design assets

Haikei is a web app to generate unique SVG shapes, backgrounds, and patterns – ready to use with your design tools and workflow.

Fast, small color manipulation and conversion for JavaScript

A simple static file serving command-line tool written in Rust.

Quickwit is a fast and cost-efficient distributed search engine for large-scale, immutable data.

immudb - world’s fastest immutable database, built on a zero trust model

immudb is a database with built-in cryptographic proof and verification. It tracks changes in sensitive data and the integrity of the history will be protected by the clients, without the need to trust the server. It can operate as a key-value store or as relational database (SQL).

Traditional database transactions and logs are hard to scale and are mutable, so there is no way to know for sure if your data has been compromised. immudb is immutable. You can add new versions of existing records, but never change or delete records. This lets you store critical data without fear of it being tampered.

Data stored in immudb is cryptographically coherent and verifiable, just like with blockchains, but without all the complexity. Unlike blockchains, immudb can handle millions of transactions per second, and can be used both as a lightweight service or embedded in your application as a library. immudb runs everywhere, on an IoT device, your notebook, a server, on-premise or in the cloud.

immudb is already used by hundreds of projects to store tamper-proof data and to keep the data change history immutable. immudb can be used as a key-value store or relational data structure and supports both transactions and blobs, so there are no limits to the use cases.

Companies use immudb to secure and tamper-evident log data, sensor data, sensitive data, transactions, software build recipes, rule-base data, even artifacts or even video streams.

A JavaScript library for detecting touch gestures.

Native UI testing controlling keyboard and mouse with node

Universal command-line interface for SQL databases

JS Toolchains as Code.

Fast: Install and run any JS tool quickly and seamlessly! Volta is built in Rust and ships as a snappy static binary.

Reliable: Ensure everyone in your project has the same tools—without interfering with their workflow.

Universal: No matter the package manager, Node runtime, or OS, one command is all you need: volta install.

Easy-to-use library to boost AI inference leveraging multiple DL compilers

nebullvm speeds up AI inference by 5-20x in just a few lines of code

This open-source library takes your AI model as input and outputs an optimized version that runs 5-20 times faster on your machine. Nebullvm tests multiple deep learning compilers to identify the best possible way to execute your model on your specific hardware, without impacting the accuracy of your model.

The web-vitals library is a tiny (~1K), modular library for measuring all the Web Vitals metrics on real users, in a way that accurately matches how they're measured by Chrome and reported to other Google tools (e.g. Chrome User Experience Report, Page Speed Insights, Search Console's Speed Report).

Provide designers with a tool to help them identify fonts or select the best fonts for their projects. Since then it has grown to become the largest independent directory of digital fonts on the Internet, with a number of unique tools for locating fonts for particular applications.

Rust - Augmented Audio Libraries

Experiments trying to use Rust for audio programming.

Browsh is a fully-modern text-based browser renders on terminal.

It renders anything that a modern browser can; HTML5, CSS3, JS, video and even WebGL. Its main purpose is to be run on a remote server and accessed via SSH/Mosh or the in-browser HTML service in order to significantly reduce bandwidth and thus both increase browsing speeds and decrease bandwidth costs

A tool for managing JavaScript projects with multiple packages.

Splitting up large codebases into separate independently versioned packages is extremely useful for code sharing. However, making changes across many repositories is messy and difficult to track, and testing across repositories becomes complicated very quickly.

To solve these (and many other) problems, some projects will organize their codebases into multi-package repositories (sometimes called monorepos). Projects like Babel, React, Angular, Ember, Meteor, Jest, and many others develop all of their packages within a single repository.

Lerna is a tool that optimizes the workflow around managing multi-package repositories with git and npm.

Lerna can also reduce the time and space requirements for numerous copies of packages in development and build environments - normally a downside of dividing a project into many separate NPM packages. See the hoist documentation for details.

Run Android applications on any GNU/Linux operating system.

Structural diff for JSON files

The Internals of PostgreSQL, with :

• Chapter 1. Database Cluster, Databases and Tables
• Chapter 2. Process and Memory Architecture
• Chapter 3. Query Processing
• Chapter 4. Foreign Data Wrappers (FDW) and Parallel Query
• Chapter 5. Concurrency Control
• Chapter 6. VACUUM Processing
• Chapter 7. Heap Only Tuple (HOT) and Index-Only Scans
• Chapter 8. Buffer Manager
• Chapter 9. Write Ahead Logging (WAL)
• Chapter 10. Base Backup and Point-In-Time Recovery (PITR)
• Chapter 11. Streaming Replication

GSAP is a property manipulator

Animation ultimately boils down to changing property values many times per second, making something appear to move, fade, spin, etc. GSAP snags a starting value, an ending value and then interpolates between them 60 times per second.

Free SVG Image & Icon.

Dlib is a modern C++ toolkit containing machine learning algorithms and tools for creating complex software in C++ to solve real world problems.

• Machine Learning
• Machine Learning
• Graphical Model Inference
• Image Processing (Face recognition...)

DJI Tello drone python interface using the official Tello SDK.

form development for vue3

labels, help text, theming support, validation, form generation from JSON, accessibility, internationalization...

An experimental DAW for music as code.

Source code for harmonicon.studio, an experimental music-as-code DAW for browsers.

Lexical is an extensible JavaScript web text-editor framework with an emphasis on reliability, accessibility and performance. Lexical aims to provide a best-in-class developer experience, so you can easily prototype and build features with confidence. Combined with a highly extensible architecture, Lexical allows developers to create unique text editing experiences that scale in size and functionality.

Neural Networks: Zero to Hero

Insert Awesome Shapes into Your React Site with Ease.

Headless SVG-based drawboard in browser

Learn python with game/puzzles

A resource to help figure out what JavaScript array method would be best to use at any given time

Chirpy is a privacy-friendly and customizable Disqus(comment system) alternate.

A list of totally open alternatives to ChatGPT

ChatGPT is GPT-3.5 with RLHF (Reinforcement Learning with Human Feedback) for chat system.

By alternative, I mean projects feature different language model for chat system. Projects are not counted if they are:

alternative frontend projects because they just call the API from OpenAI.
alternative transformer decoder models to GPT 3.5 either because the training data of them are (mostly) not for chat system.

magical shell history

Atuin replaces your existing shell history with a SQLite database, and records additional context for your commands. Additionally, it provides optional and fully encrypted synchronization of your history between machines, via an Atuin server.

React for CLIs. Build and test your CLI output using components.

Ink provides the same component-based UI building experience that React offers in the browser, but for command-line apps. It uses Yoga to build Flexbox layouts in the terminal, so most CSS-like props are available in Ink as well. If you are already familiar with React, you already know Ink.

Since Ink is a React renderer, it means that all features of React are supported. Head over to React website for documentation on how to use it. Only Ink's methods will be documented in this readme.

Floating UI is a low-level library for positioning "floating" elements like tooltips, popovers, dropdowns, menus and more. Since these types of elements float on top of the UI without disrupting the flow of content, challenges arise when positioning them.

Floating UI exposes primitives which enable a floating element to be positioned next to a given reference element while appearing in view for the user as best as possible. Features include overflow prevention (or collision awareness), placement flipping, and more.

A system to organise projects

“Hey Kristy, where can I find the payroll schedule?” “12.03”

Favorite non-obvious Typescript tricks

Pixel perfect mobile UI components built with Tailwind CSS With iOS and Material Design components for React, Vue & Svelte

Animate 3D characters for games, film, and more.

• Motion Captured Animations
• Ready to Use Characters
• Automatic Character Rigging

frawk is a small programming language for writing short programs processing textual data. To a first approximation, it is an implementation of the AWK language; many common Awk programs produce equivalent output when passed to frawk. You might be interested in frawk if you want your scripts to handle escaped CSV/TSV like standard Awk fields, or if you want your scripts to execute faster.

A free repository for community components using TailwindCSS

Open source Tailwind UI components and templates to bootstrap your new apps, projects or landing sites!

UI Testing Handbook from storybook

A guide that highlights UI testing strategies used by scaled front-end teams. You'll learn to verify everything from visual appearance to logic and even detect integration issues. Along the way, we'll demonstrate how you can reduce bugs by automatically running your tests.

the only cheat sheet you need

Pelikan is Twitter's unified cache backend

Use any Linux distribution inside your terminal. Distrobox uses podman or docker to create containers using the Linux distribution of your choice. The created container will be tightly integrated with the host, allowing sharing of the HOME directory of the user, external storage, external USB devices and graphical apps (X11/Wayland), and audio.

Node.js stateless session utility using signed and encrypted cookies to store data. Works with Next.js, Express, NestJs, Fastify, and any Node.js HTTP framework.

A tiny (96B) library for serializing Object values to Strings.

This module's intended use is for converting an Object with CSS class names (as keys) to a space-delimited className string. Other modules have similar goals (like classnames), but obj-str only does one thing. This is why it's only 100 bytes gzipped!

import React from 'react';
import objstr from 'obj-str';

const TodoItem = ({ text, isDone, disabled }) => (
  <li className={ objstr({ item:true, completed:isDone, disabled }) }>
    <input type="checkbox" disabled={ disabled } checked={ isDone } />
    <label>{ text }</label>
  </li>
);```

Face recognition with python, opencv and dlib

CLI tool and python library that converts the output of popular command-line tools, file-types, and common strings to JSON, YAML, or Dictionaries. This allows piping of output to tools like jq and simplifying automation scripts.

Open Source Airtable Alternative

Remotion is a suite of libraries building a foundation for creating videos programmatically using React.

attrs is the Python package that will bring back the joy of writing classes by relieving you from the drudgery of implementing object protocols (aka dunder methods).

Its main goal is to help you to write concise and correct software without slowing down your code.

For that, it gives you a class decorator and a way to declaratively define the attributes on that class

CSS-in-JS with ahead-of-time compilation.

daw : digital audio workstation, instrument and effect plugins, wave editor, Stargate is a holistic audio production solution, everything you need to make music on a computer.

enterkeyhint attribute for textarea/input, on mobile gives enter key more context for the user

Atropos is a lightweight, free and open-source JavaScript library to create stunning touch-friendly 3D parallax hover effects.

Available for JavaScript, React and Vue.js

mold: A Modern Linker

mold is a faster drop-in replacement for existing Unix linkers. It is several times faster than LLVM lld linker, the second-fastest open-source linker which I originally created a few years ago. mold is created for increasing developer productivity by reducing build time especially in rapid debug-edit-rebuild cycles.

American online storage/backup

Lark is a parsing toolkit for Python, built with a focus on ergonomics, performance and modularity.

Lark can parse all context-free languages. To put it simply, it means that it is capable of parsing almost any programming language out there, and to some degree most natural languages too.

Definitive edition of "How to Favicon in 2021"

TL;DR

In the element of your HTML document, insert

<link rel="icon" href="favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png"/>
<link rel="manifest" href="/site.webmanifest" />

where site.webmanifest is a JSON file with the content like this:

{
    "name": "Your website name",
    "short_name": "A shorter version of your website name",
    "icons": [
        {
            "src": "/android-chrome-192x192.png",
            "sizes": "192x192",
            "type": "image/png"
        },
        {
            "src": "/android-chrome-512x512.png",
            "sizes": "512x512",
            "type": "image/png"
        }
    ],
    "theme_color": "#4a4a4a",
    "background_color": "#4a4a4a",
    "display": "standalone"
}

Change the values of "theme_color" and "background_color" to your favicon design specification

Then create a favicon in the SVG format.

Convert this SVG image into favicon.ico, apple-touch-icon.png, android-chrome-192x192.png, and android-chrome-512x512.png with RealFaviconGenerator.

Finally, make sure that the favicon.ico file is named as it is (don't change it) and saved in the root directory. (Otherwise MacOS Safari and IE won't recognize the favicon.)

That's all! :-)

RedisJSON - a JSON data type for Redis

RedisJSON is a Redis module that implements ECMA-404 The JSON Data Interchange Standard as a native data type. It allows storing, updating and fetching JSON values from Redis keys (documents).

Primary features:

• Full support of the JSON standard
• JSONPath -like syntax for selecting elements inside documents
• Documents are stored as binary data in a tree structure, allowing fast access to sub-elements
• Typed atomic operations for all JSON values types

Gluegun is a delightful toolkit for building Node-based command-line interfaces (CLIs) in TypeScript or modern JavaScript

Generated photo of fake people

Badges for badges' sake

Simulating shitty network connections so you can build better systems.

Helio Workstation is free and open-source music sequencer, designed to be used on all major platforms.

Rich is a Python library for rich text and beautiful formatting in the terminal.

The Rich API makes it easy to add color and style to terminal output. Rich can also render pretty tables, progress bars, markdown, syntax highlighted source code, tracebacks, and more — out of the box.

Enterprise Client-Side Routing for React

A roadmap to learn Kubernetes from scratch (Beginner to Advanced level)

centralized projects from the YouTube show GUI Challenges

I build interfaces my way, then challenge you to do it your way. With our creative minds combined, we'll find multiple ways to solve these interfaces and expand the diversity of our skills.

Testing Vue Components With Cypress

Beautiful logging experience for Node.js with TypeScript support

The .cook Recipe Specification

the specification for defining a recipe in CookLang.

YoHa is a hand tracking engine that is built with the goal of being a versatile solution in practical scenarios where hand tracking is employed to add value to an application. While ultimately the goal is to be a general purpose hand tracking engine supporting any hand pose, the engine evolves around specific hand poses that users/developers find useful. These poses are detected by the engine which allows to build applications with meaningful interactions. See the demo for an example.

a structural diff that understands syntax

Object mapping, and more, for Redis and Node.js. Written in TypeScript.

A flexible React Hook for using Local Storage.

The zx package provides useful wrappers around child_process, escapes arguments and gives sensible defaults.

Write your bash script in javascript

bore is a simple CLI tool for making tunnels to localhost A modern, simple TCP tunnel in Rust that exposes local ports to a remote server, bypassing standard NAT connection firewalls.

React Native Skia brings the Skia Graphics Library to React Native. Skia serves as the graphics engine for Google Chrome and Chrome OS, Android, Flutter, Mozilla Firefox and, Firefox OS, and many other products.

Effective rust a book to learn rust

Lorem Picsum The Lorem Ipsum for photos.

A database of paper airplanes with easy to follow folding instructions, video tutorials and printable folding plans. Find the best paper airplanes that fly the furthest and stay aloft the longest.

patch-package lets app authors instantly make and keep fixes to npm dependencies. It's a vital band-aid for those of us living on the bleeding edge.

No more waiting around for pull requests to be merged and published. No more forking repos just to fix that one tiny thing preventing your app from working.

Generation of diagram and flowchart from text in a similar manner as markdown

• Flowchart
• Sequence diagram
• Gantt chart
• Class diagram
• State diagram
• Pie chart
• User Journey diagram
• Git graph

soketi is your simple, fast, and resilient open-source WebSockets server

Apprise - Push Notifications that work with just about every platform!

Constraint-based sketcher addon for Blender that allows to create precise 2d shapes by defining a set of geometric constraints like tangent, distance, angle, equal and more. Sketches stay editable and support a fully non-destructive workflow.

Displays JSON files in a flat format

The Ultimate Guide to Getting Started with the Rollup.js JavaScript Bundler

A convenient JavaScript snippet, which lets you create beautiful buttons, where people can add events to their calendars.

magic-trace collects and displays high-resolution traces of what a process is doing

You use it like perf: point it to a process and off it goes. The key difference from perf is that instead of sampling call stacks throughout time, magic-trace uses Intel Processor Trace to snapshot a ring buffer of all control flow leading up to a chosen point in time1. Then, you can explore an interactive timeline of what happened.

You can point magic-trace at a function such that when your application calls it, magic-trace takes a snapshot. Alternatively, attach it to a running process and detatch it with Ctrl+C, to see a trace of an arbitrary point in your program.

HUBFS - File System for GitHub

HUBFS is a file system for GitHub and Git. Git repositories and their contents are represented as regular directories and files and are accessible by any application, without the application having any knowledge that it is really accessing a remote Git repository. The repositories are writable and allow editing files and running build operations.

Real time Lightning map

D2 is a modern diagram scripting language that turns text to diagrams.

A blazing fast unit test framework powered by Vite.

Minimap For The Web

Interact with the current page from a bird's eye view.

If you've ever played a video game, then you've most likely also used a minimap! A minimap is a heads up display that aids players in orienting themselves in the game world.

Could a minimap help us navigate the web? Maybe...

We can use an experimental CSS property currently only available in Firefox to display a live image from an arbitrary HTML element.

This makes it trivial to create a minimap representation of the entire page.

103 Bits of Advice I Wish I Had Known

The Tiny JavaScript Game Engine That Can

LittleJS is a super lightweight 2D JavaScript game engine with fast WebGL rendering. It was designed to be small, simple, and easy to use for a variety of applications from game jams to commercial releases. This engine has everything necessary to make high quality games including fast rendering, physics, particles, sound effects, music, keyboard/mouse/gamepad input handling, update/render loop, and debug tools.

Type-Safe Errors for JS & TypeScript, contains a rust-like Result type that represents either success (Ok) or failure (Err).

A JavaScript library for creating interactive procedural 2D and 3D shaders.

Explore shader programming through a JavaScript interface without the complexity of GLSL. Quickly script shaders using a P5.js style language.

Terminal string styling done right

Split-Pane React component, can be nested or split vertically or horizontally!

A Tale of Two Clocks - Scheduling Web Audio with Precision

A spring physics based React animation library

Simple & lightweight (<4kb gzipped) vanilla JavaScript library to create smooth & beautiful animations when you scroll.

Free open source Tailwind CSS components

Prisma Python is an auto-generated and fully type-safe database client providing a simplistic yet extremely powerful API

An unofficial guide to the Rust ecosystem

List of curated crates

Relocate resource intensive third-party scripts off of the main thread and into a web worker.

A guide to the adventurer. How to learn modern Rust

Hooks for fetching, caching and updating asynchronous data in React

ebook from javascript to rust

Access thousands of icons as components on-demand universally.

Use Tailwind CSS to design HTML emails.

Modern JavaScript date utility library date-fns provides the most comprehensive, yet simple and consistent toolset for manipulating JavaScript dates in a browser & Node.js.

JavaScript UI component for interacting with audio waveforms

WebGLStudio (formerly known as WebGLStudio) is a platform to create interactive 3D scenes directly from the browser. It allows to edit the scene visually, code your behaviours, edit the shaders, and all directly from within the app.

Blendshape and kinematics solver for Mediapipe/Tensorflow.js face, eyes, pose, and hand tracking models.

Movies -> pose recognition -> animation

Real-time client/server communication over UDP using WebRTC and Node.js

Geckos.io fits perfectly with your next HTML5 real-time multiplayer games or chat app.

Simple React hooks, ready to use, written in typescript.

• useBoolean()
• useCopyToClipboard()
• useCounter()
• useDarkMode()
• useDebounce()
• useElementSize()
• useEventListener()
• useFetch()
• useHover()
• useImageOnLoad()
• useIntersectionObserver()
• useInterval()
• useIsClient()
• useIsMounted()
• useLocalStorage()
• useLockedBody()
• useMap()
• useOnClickOutside()
• useReadLocalStorage()
• useScreen()
• useScript()
• useSsr()
• useTimeout()
• useWindowSize()

drgn (pronounced "dragon") is a debugger with an emphasis on programmability. drgn exposes the types and variables in a program for easy, expressive scripting in Python. For example, you can debug the Linux kernel.

Like jq, but for HTML. Uses CSS selectors to extract bits of content from HTML files.

Appwrite is a secure end-to-end backend server for Web, Mobile, and Flutter developers that is packaged as a set of Docker containers for easy deployment

Appwrite is an end-to-end backend server for Web, Mobile, Native, or Backend apps packaged as a set of Docker microservices. Appwrite abstracts the complexity and repetitiveness required to build a modern backend API from scratch and allows you to build secure apps faster.

Using Appwrite, you can easily integrate your app with user authentication & multiple sign-in methods, a database for storing and querying users and team data, storage and file management, image manipulation, Cloud Functions, realtime subscription and more services.

Quill is a free, open source WYSIWYG editor built for the modern web. With its modular architecture and expressive API, it is completely customizable to fit any need.

A tiny (228B) utility for constructing className strings conditionally from string, array, object...

You want to cut on more than just a character, perhaps using negative indexes or format the selected fields as you want... Maybe you want to cut on lines (ever needed to drop first and last line?)... That's where tuc can help.

LinkedIn post-inspector Usefull to inspect opengraph metadata as seen on linkedIn

React library to support easy zoom, pan, pinch on various html dom elements like images and divs

Concourse is an open-source continuous thing-doer.

Built on the simple mechanics of resources, tasks, and jobs, Concourse presents a general approach to automation that makes it great for CI/CD.

Framer Motion 3D is a simple yet powerful animation library for React Three Fiber. It offers most of the same functionality as Framer Motion for declarative 3D scenes.

tonal is a music theory library. Contains functions to manipulate tonal elements of music (note, intervals, chords, scales, modes, keys). It deals with abstractions (not actual music or sound).

tonal is implemented in Typescript and published as a collection of Javascript npm packages.

It uses a functional programing style: all functions are pure, there is no data mutation, and entities are represented by data structures instead of objects.

FortuneSheet is a drop-in javascript spreadsheet library that provides rich features like Excel and Google Sheets

Zod is a TypeScript-first schema declaration and validation library. I'm using the term "schema" to broadly refer to any data type, from a simple string to a complex nested object.

Zod is designed to be as developer-friendly as possible. The goal is to eliminate duplicative type declarations. With Zod, you declare a validator once and Zod will automatically infer the static TypeScript type. It's easy to compose simpler types into complex data structures.

Fast PDF password cracking utility equipped with commonly encountered password format builders and dictionary attacks.

Rich-cli is a command line toolbox for fancy output in the terminal, built with Rich.

Use the rich command to highlight a variety of file types in the terminal, with specialized rendering for Markdown and JSON files. Additionally you can markup and format text from the command line.

Lightning-fast and Powerful Code Editor written in Rust

Suffix-Position Pipeline Behavior

This crate provides extension methods on all types that allow transparent, temporary, inspection/mutation (tapping), transformation (piping), or type conversion. These methods make it convenient for you to insert debugging or modification points into an expression without requiring you to change any other portions of your code.

interactive flamegraph visualizer

sd is an intuitive find & replace CLI. (sed alternative)

“Insular” is a sandbox environment to clone selected apps and isolate them from accessing your personal data outside the sandbox (including call logs, contacts, photos and etc) even if related permissions are granted. Device-bound data (SMS, IMEI and etc) is still accessible.

Isolated app can be frozen on demand, with launcher icon vanish and its background behaviors completely blocked.

Insular takes advantage of the “managed profile” feature on Android 5.0+, which is also the base of “Android for Work”, to create an isolated sandbox for apps with their data.

Unprivileged sandboxing tool

Many container runtime tools like systemd-nspawn, docker, etc. focus on providing infrastructure for system administrators and orchestration tools (e.g. Kubernetes) to run containers.

These tools are not suitable to give to unprivileged users, because it is trivial to turn such access into a fully privileged root shell on the host.

Bubblewrap could be viewed as setuid implementation of a subset of user namespaces. Emphasis on subset - specifically relevant to the above CVE, bubblewrap does not allow control over iptables.

bubblewrap works by creating a new, completely empty, mount namespace where the root is on a tmpfs that is invisible from the host, and will be automatically cleaned up when the last process exits. You can then use commandline options to construct the root filesystem and process environment and command to run in the namespace.

QuickJS is a small and embeddable Javascript engine

Tauri is a framework for building tiny, blazing fast binaries for all major desktop platforms. Developers can integrate any front-end framework that compiles to HTML, JS and CSS for building their user interface. The backend of the application is a rust-sourced binary with an API that the front-end can interact with.

End-to-end typesafe APIs made easy

tRPC allows you to easily build & consume fully typesafe APIs, without schemas or code generation.

Xterm.js is a front-end component written in TypeScript that lets applications bring fully-featured terminals to their users in the browser. It's used by popular projects such as VS Code, Hyper and Theia.