unDraw – Open source illustrations for any idea

unDraw provides you with a set of (mainly cliché) illustrations, free for use: Create better designed websites, products and applications. Browse to find the images that fit your messaging, automagically customise the color to match your brand and use it as a normal image, embedded code or directly in your design workflow. Since they’re SVG’s, …

Chameleonic Header

UPDATE 2021.01.14: Besides using clip-path, a more easy approach is to use mix-blend-mode: difference; if all you’re doing is inverting colors. Ever had a fixed header that had to work with both light and dark content shown underneath it? Keep an eye at the header in the video below to see what I’m talking about: …

Laraguard – Two Factor Authentication via TOTP for all your Users out-of-the-box.

Two Factor Authentication via TOTP for all your Users out-of-the-box. This packages adds a Contract to detect in a per-user basis if it should use Two Factor Authentication. It includes a custom view and a listener to handle the Two Factor authentication itself during login attempts. It is not invasive, but you can go full …

Half-Life: Alyx Gameplay Video

Having played and enjoyed the original Half-Life when it first came out (way back in 1998), I must say I’m quite looking forward to “Half-Life: Alyx”: And oh, don’t be confused about moving-part in the game: shown above is teleport mode. There are two other modes you can use: shift (= smooth zoom, as shown …

Draft your next release notes as pull requests are merged into master with Release Drafter

Now this looks handy: a GitHub action that builds release notes for you: As pull requests are merged, a draft release is kept up-to-date listing the changes, ready to publish when you’re ready You configure the release notes contents using a .github/release-drafter.yml file in your repo: template: | ## What’s Changed $CHANGES More advanced templates …

Mutik – A tiny immutable state management library based on Immer

Nice work by Jared Palmer: a React State Management Library which uses Immer internally so you don’t have to worry about overwriting (unrelated) parts of your state whilst updating some value in it. import React from 'react'; import { render } from 'react-dom'; import { createStore, Provider, useSelector } from 'mutik'; // Create a lil' …

Understanding the ECMAScript Spec

Over at the V8 blog, Marja Hölttä has published some posts on how to read the ECMAScript Specification: Even if you know JavaScript, reading its language specification, ECMAScript Language specification, or the ECMAScript spec for short, can be pretty daunting. At least that’s how I felt when I started reading it for the first time. …

React Redux with hooks

Jennifer Williams shows us how use Redux with Hooks When I was first learning Redux I found all the moving parts and files incredibly hard to wrap my head around. Surprisingly, React hooks made the process of using Redux a lot easier for me. The post provides us with a two-fold example. One “without hooks” …