Really nice CSS Grid demo by Olivia NG. It’s a magazine containing twelve pages on The Avengers: CSS Grid: Magazine Layouts → 💁♂️ Other nice CSS Grid Demos by Olivia include a Floor Plan and an Excel Spreadsheet
CSS Grid: Avengers Magazine Layouts
lazygit – Simple Terminal UI for git Commands
“Visual” Git Client for the CLI, which includes some features as seen in Sourcetree or Tower. Installation per Homebrew: brew install lazygit Be sure to check the keybindings. lazygit – Simple Terminal UI for git Commands → Related: tig might also float your boat
How Web Content Can Affect Power Usage
The Webkit blog, on how to optimize your pages so that they don’t drain the battery of your visitors their devices: Users spend a large proportion of their online time on mobile devices, and a significant fraction of the rest is users on untethered laptop computers. For both, battery life is critical. In this post, …
RE: Overengineered packages?
ℹ️ This is a reply to Johan Ronsse’s post “Overengineered Packages?”. Be sure to read it first. After having posted about the class-names package, Johan turned to Twitter to state that the package overengineered. In a follow-up blogpost he argues that: At the moment I feel like it’s only invented because of a deeper problem: …
SessionBox – Log in with multiple accounts to any website
For some online services such as Twitter and Facebook I have more than one account. Be it accounts for my company, an alter ego, my children, etc. To easily switch between these accounts – without logging out, back in, and doing the 2FA dance – I rely on a Chrome Extension named SessionBox which allows …
Continue reading “SessionBox – Log in with multiple accounts to any website”
class-names – Conditionally join CSS class names together
One of the packages I’ve been using a lot is classnames, a simple JavaScript utility for conditionally joining classNames together. Recently I stumbled upon @sindresorhus/class-names, a likewise package whose usage is very similar. import classNames from '@sindresorhus/class-names'; // Think of these like props of your React component … const props = { type: 'success', small: …
Continue reading “class-names – Conditionally join CSS class names together”
react-use – Browser APIs as React Hooks
react-use is a collection of React Hooks that wrap many browser APIs and functions. Want to track the geolocation of a device? Use useGeolocation. Want to read the battery status? Use useBattery. Etc. import {useBattery} from 'react-use'; const Demo = () => { const batteryState = useBattery(); if (!batteryState.isSupported) { return ( <div> <strong>Battery sensor</strong>: …
React Navigation 5.0 alpha – Rethinking Navigation as a Component-first API
Just announced at React Native EU is an alpha release of React Navigation 5.0, a navigator for use with React Native. An exploration of a component-first API for React Navigation for building more dynamic navigation solutions. Should play well with static type system Navigation state should be contained in root component (helpful for stuff such …
Continue reading “React Navigation 5.0 alpha – Rethinking Navigation as a Component-first API”
Tinderin – Side by Side photos of LinkedIn & Tinder profile pictures of the same person.
Tinderin, by Dries Depoorter: Side by Side profile pictures of LinkedIn & Tinder of the same person. Series of 10 photo frames. Quite sure those are the “clean ones” … 🔥 Be sure to check out Dries his other work too. Installations such as Quickfix, a vending machine that sells followers and likes, are really …
Getting correctly signed SSL Certificates for cPanel/WHM Services
Back in the day I set up a few VPSes with WHM/cPanel on to host some sites. As back then the certificates for the cPanel services (FTPD, SMTP, WHM, …) were self-signed and Let’s Encrypt was still in its early days, I also ordered a wildcard certificate for *.3rds.be along with that and configured WHM …
Continue reading “Getting correctly signed SSL Certificates for cPanel/WHM Services”