With the Visual Viewport API landing in Chrome 61, this demo demonstrating the differences between both, and also the differences on how each browser vendor implements ‘m comes in handy: Visual vs. Layout Viewport Demo →
Tag Archives: link
Silex Routing vs Trailing Slashes
In Silex-based projects I always define my routes with a trailing /. When defining a route with a trailing slash, the router will respond to both the route without and with slash: $app->get(‘/hello’, …); will respond to http://localhost/hello but not to http://localhost/hello/ $app->get(‘/hello/’, …); will respond to http://localhost/hello and to http://localhost/hello/ Unfortunately this only works …
gitmoji – An emoji guide for your commit messages
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”
ESNext Proposal: The Pipeline Operator
The pipeline operator is essentially a useful syntactic sugar on a function call with a single argument. In other words, sqrt(64) is equivalent to 64 |> sqrt. This allows for greater readability when chaining several functions together. With the Pipeline Operator, one could rewrite this … let result = exclaim(capitalize(doubleSay(“hello”))); … to this (think Unix …
Offline Only
Inside a super fast CSS Engine: Quantum CSS (aka Stylo)
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)”
Update React Native apps in production with AppHub Deploy
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 →
10 Redux tips to scale your dev team
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 – Headless Chrome Node API
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 – …
Electron Webpack Dashboard
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. …