Frank Chimero was out of the loop for 3 years when it comes to developing websites. Coming back he was put off by the complexity of how things have gotten. Take layouting for example, where we went from tables to floats to flexbox to grid layout. [With Grid Layout] I’m reminded of the table layouts …
react-fns – Browser APIs turned into declarative React components and HOCs
react-fns is a collection of imperative Browser API’s turned into declarative React components and higher-order components for lots of common situations. The <Network /> component for example is a wrapper around the Network Information API. import { Network } from 'react-fns'; const Example = () => ( <Network render={({ online, offlineAt }) => ( <div> …
Continue reading “react-fns – Browser APIs turned into declarative React components and HOCs”
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 …
Continue reading “Create a timelapse of your web development with tlapse“
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 …
Continue reading “BMW Guinness World Record “Longest Vehicle Drift in 8 Hours””
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 …
Continue reading “ESNext: JavaScript “Nullish Coalescing Operator””
CSS Grid Experiments
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: …
Continue reading “Easily Start and Stop Docker Compose Projects with Captain”
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 …
Continue reading “Kap – An open-source screen recorder built with web technology”
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() …