Create a timelapse of your web development with tlapse

This one’s quite fun: tlapse is a tiny utility that takes periodic screenshots of your site while you develop. Combine all generated screenshots and you can get a sequence like this: The interval to take screenshots is configurable, and duplicates are omitted. tlapse –every 60s –directory ./screens — localhost:3000 tlapse – Create a timelapse of …

Extended Validation Is Broken

https://stripe.ian.sh/ is an interesting site by Ian Carroll. See it? Take a closer look at the certificate. Yes, that’s one for “Stripe, Inc” … but, that’s not “Stripe, Inc” is it? This site uses an EV certificate for “Stripe, Inc”, that was legitimately issued by Comodo. However, when you hear “Stripe, Inc”, you are probably …

BMW Guinness World Record “Longest Vehicle Drift in 8 Hours”

BMW attempted the GUINNESS WORLD RECORD™ for the longest vehicle drift in 8 hours. Watch how the all-new BMW M5 with M xDrive was built for the task to overcome an incredible challenge: re-fuelling mid-drift. Now I’m no car enthousiast, yet this one is quite fascinating … re-fuelling a car mid-drift is quite impressive! As …

ESNext: JavaScript “Nullish Coalescing Operator”

UPDATE December 2019: This feature has now advanced to Stage-4 and will be part of the ES2020 Specification! 🎉 One of my favorite ECMAScript Proposals is the “Optional Chaining Operator”. Another proposal that forms great duo with it is the “Nullish Coalescing Operator” (sometimes also referred to as “Nullary Coalescing Operator”). Both proposals still are …

Easily Start and Stop Docker Compose Projects with Captain

Jens Segers has created a handy shell script to easily start/stop Docker Compose based projects: Captain searches for docker-compose projects in your $HOME folder and allows you to start and stop those projects by passing a part of the parent directory name. Let this small recording of Captain in action convince you: Captain → Related: …

Kap – An open-source screen recorder built with web technology

Just a few days ago version 2 of Kap got released. It’s an open-source screen recorder built using electron. Installation possible with Homebrew-Cask, after which the app sits neatly in the Menu Bar: brew update && brew cask install kap It’s possible to record sections of your screen, specific windows, or the entire screen. After …

Fly and Control a Drone Using JavaScript

Whilst the video is only a sneak peek of a Code School tutorial, you can puzzle the pieces together yourself. The key part is the rolling-spider Node package which uses Bluetooth to communicate with the drone. var RollingSpider = require(‘rolling-spider’); var temporal = require(‘temporal’); var rollingSpider = new RollingSpider({ uuid: ‘Mambo_434915’ }); rollingSpider.connect(function() { rollingSpider.setup(function() …

Lazy Loading images with IntersectionObserver

Smashing Magazine has an extensive article on using the aforementioned IntersectionObserver to lazy load image assets on your page. The article first explains the difference between a regular Event and an Observer, before diving into the IntersectionObserver. const images = document.querySelectorAll('[data-src]'); const config = { rootMargin: '0px 0px 50px 0px', threshold: 0 }; let loaded …

urql – A Universal React Query Library

Ken Wheeler: There are some amazing solutions in the space already, notably Relay and Apollo, both of which are incredibly full-featured, brilliantly engineered, and wonderfully flexible. That said, these libraries might feel like a bit much to get started with at times, especially for beginners. Our goal with urql is to simplify the process of …