A rather geeky/technical weblog, est. 2001, by Bramus
Gitmoji is an initiative to standardize and explain the use of emojis on GitHub commit messages. Using emojis on commit messages provides an easy way of identifying the purpose or intention of a commit with only looking at the emojis used. Next to the guide there’s also a CLI binary to help you perform commits …
Continue reading “gitmoji – An emoji guide for your commit messages”
Great explanation by Umar Hansa on the upcoming Log Management UI in the Chrome DevTools: The new Log Management UI is an experimental feature in Canary DevTools. Once enabled, you can create console.log functions which have their own context. One can create new logging contexts using console.context(name): const thirdPartyLogger = console.context(‘3rd Party’); const infoLogger = …
Continue reading “Chrome DevTools: Better JavaScript logging with the Log Management UI”
This tech house mix by Era of Ease has been on repeat the past month. Very good drive. If you’re into Solomun, Âme, or Moderat you’ll like it too 😉 Tracklist: [0:00] Dead End Thrills (Patrice Bäumel Remix) – Cubicolor [7:00] Venus (Original Mix) – Undercatt [13:00] Running (Ame Remix) – Moderat [20:00] Noctua (Original …
Great writeup on how Firefox’s new CSS Engine “Quantum CSS” works. Also sports a clear and in-depth explanation of the rendering pipeline, with some nice illustrations to go along. You may have heard of Project Quantum… it’s a major rewrite of Firefox’s internals to make Firefox fast. We’re swapping in parts from our experimental browser, …
Continue reading “Inside a super fast CSS Engine: Quantum CSS (aka Stylo)”
Use git push to instantly update React Native apps in production. Your JS Bundle gets store on the AppHub servers. Upon launch AppHub’s iOS library detects updates and swaps in new code and images. [AppHub setApplicationId:@"APPLICATION_ID"]; NSBundle *bundle = [AppHub buildManager].currentBuild.bundle; NSURL *jsCodeLocation = [bundle URLForResource:@"main" withExtension:@"jsbundle"]; AppHub Deploy →
Recently I landed a gig at a company to help their team out with their React work (using Redux). This list of tips – save for number 10 – resonates quite well with what I’ve been introducing there: Plan 1 day of training per developer dedicated to Redux Integrate Redux-dev-tools as early as possible Use …
Puppeteer is a Node library which provides a high-level API to control headless Chrome over the DevTools Protocol. It can also be configured to use full (non-headless) Chrome. const puppeteer = require(‘puppeteer’); (async () => { const browser = await puppeteer.launch(); const page = await browser.newPage(); await page.goto(‘https://example.com’); await page.screenshot({path: ‘example.png’}); browser.close(); })(); Puppeteer – …
Ken Wheeler, who also created the aforementioned webpack-dashboard, has now created an Electron based version: The original webpack-dashboard, was fun and people seemed to like it. Unless they were on Windows, or used a weird terminal set up, or if they just wanted more. The original dashboard felt like working at NASA. 50 years ago. …
react-simple-mapsreact-simple-maps is a library of React components to make SVG maps using d3-geo and topojson. react-simple-maps → Whilst looking further I’ve stumbled upon these two Medium posts detailing an implementation: How to create pure react SVG maps with topojson and d3-geo → Mapping Tutorial: Combining Victory Charts and React-Simple-Maps →