Archive of 2021/11
https://svgsilh.com/
2021-11-30T18:23:17.994Z

Free SVG Image & Icon.

https://github.com/chalk/chalk
2021-11-29T14:55:29.244Z

Terminal string styling done right

https://github.com/tonaljs/tonal
2021-11-29T14:43:22.698Z

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.

https://github.com/redis/redis-om-python
2021-11-26T12:41:11.333Z

Object mapping, and more, for Redis and Python

https://github.com/redis/redis-om-node
2021-11-26T12:40:11.150Z

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

https://certitude.consulting/blog/en/invisible-backdoor/
2021-11-24T17:31:30.883Z

The Invisible JavaScript Backdoor

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

https://github.com/tannerlinsley/react-query
2021-11-21T12:07:01.170Z

Hooks for fetching, caching and updating asynchronous data in React

https://github.com/geckosio/geckos.io
2021-11-21T12:05:40.865Z

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.

https://github.com/argyleink/gui-challenges
2021-11-21T12:00:52.835Z

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.

https://www.backblaze.com/b2/cloud-storage-pricing.html
2021-11-21T11:57:39.550Z

American online storage/backup

https://www.infomaniak.com/fr/kdrive/tarifs
2021-11-21T11:57:01.455Z

Swiss online storage/backup

https://github.com/tannerlinsley/react-location
2021-11-21T11:12:51.408Z

Enterprise Client-Side Routing for React

https://github.com/tannerlinsley/react-table
2021-11-21T11:12:02.149Z

Hooks for building lightweight, fast and extendable datagrids for React

https://github.com/tannerlinsley/react-charts
2021-11-21T11:11:16.973Z

Simple, immersive and interactive charts for React

https://github.com/tannerlinsley/react-virtual
2021-11-21T11:10:05.914Z

Hooks for virtualizing scrollable elements in React

https://github.com/lark-parser/lark
2021-11-21T10:09:13.970Z

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.

https://oss.redis.com/redisearch/
2021-11-17T19:51:30.444Z

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.

https://oss.redis.com/redisjson/
2021-11-17T19:11:46.734Z

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
https://github.com/yeemachine/kalidokit
2021-11-12T14:17:34.900Z

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

Movies -> pose recognition -> animation

https://forthebadge.com/
2021-11-12T14:14:54.932Z

Badges for badges' sake

https://github.com/pmndrs/zustand
2021-11-12T14:02:02.064Z

A small, fast and scalable bearbones state-management solution using simplified flux principles. Has a comfy api based on hooks, isn't boilerplatey or opinionated.

Homepage with a nice animation/effect : https://zustand.surge.sh/

node-postgres
2021-11-11T20:29:43.862Z

Bug in node-postgres with a stupid date and timezone related behaviour. Details at https://github.com/brianc/node-postgres/issues/818

Fix with :

const DATATYPE_DATE = 1082
pg.types.setTypeParser(DATATYPE_DATE, (val) => val)
const DATATYPE_TIMESTAMP = 1114
pg.types.setTypeParser(DATATYPE_TIMESTAMP,  (val) => val)
https://tailblocks.cc/
2021-11-11T20:14:49.523Z

Ready-to-use Tailwind CSS blocks.

https://tailwindcomponents.com/
2021-11-11T20:13:34.052Z

A free repository for community components using TailwindCSS

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

https://www.radix-ui.com/
2021-11-11T20:12:43.502Z

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

https://github.com/vechai/vechaiui
2021-11-11T20:12:00.963Z

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.

https://github.com/lukeed/obj-str
2021-11-11T20:10:57.741Z

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>
);```
https://www.npmjs.com/package/clsx
2021-11-11T20:08:03.439Z

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

https://www.framer.com/motion/
2021-11-11T20:06:01.117Z

A production-ready motion library for React.

https://www.npmjs.com/package/web-vitals
2021-11-11T18:54:15.195Z

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).

https://github.com/nas5w/use-local-storage
2021-11-11T18:53:27.705Z

A flexible React Hook for using Local Storage.

https://github.com/tailwind-mobile/tailwind-mobile
2021-11-11T14:16:59.027Z

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

https://github.com/alajmo/mani
2021-11-11T14:13:51.638Z

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.

https://simplecss.org/
2021-11-11T10:01:13.621Z

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?

https://www.brow.sh/
2021-11-11T09:52:00.961Z

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

https://github.com/JamesRyanATX/harmonicon
2021-11-09T12:27:59.266Z

An experimental DAW for music as code.

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

https://github.com/lerna/lerna
2021-11-09T12:26:41.405Z

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.

https://github.com/AsyncBanana/microdiff
2021-11-09T09:04:45.319Z

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"}]
SVG favicon and fallback for safari/older browsers
2021-11-07T11:52:50.133Z
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-enterkeyhint-attribute
2021-11-07T11:46:58.350Z

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

Recette gateau bananes-raisins à la vapeur
2021-11-04T17:38:35.758Z

Ingrédients

  • 200g de farine
  • 1 sachet de levure
  • 3 œufs
  • 40g de sucre de canne
  • 100 ml de lait (végétal ou...)
  • 2 bananes
  • 30 ml d’huile de coco
  • 1 pincée de sel
  • 1 poignée de raisins secs trempés dans du rhum

Cuisson

45 minutes dans un panier vapeur, la pâte dans un moule à cake

Mémoire, groupe et refrain
2021-11-03T20:17:22.409Z

"Ce qui compte dans la mémoire du groupe, c'est le refrain".

Alice Zeniter

https://github.com/stargateaudio/stargate
2021-11-03T18:46:20.907Z

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.

Design - checklist
2021-11-03T18:45:05.858Z
  • Whitespace

    • breath
    • more outside than inside
  • Alignment

  • Hierarchy - What is important here ?

  • Contrast ratio

  • typography

    • readability : Il1 test
    • text size - line height