Page: 2

“UX drives all of this.” [↗]

Commentary about the complexity of modern web development.

Getting Started with Headless Chrome [↗]

Headless Chrome is shipping in Chrome 59. It’s a way to run the Chrome browser in a headless environment. Essentially, running Chrome without chrome! It brings all modern web platform features provided by Chromium and the Blink rendering engine to the command line.

Details how to print the DOM to stdout, take screenshots, and create PDF files with Headless Chrome. I’ve used PhantomJS (another headless browser) in the past and I remember it being a fun experience, so I’m looking forward to trying this.

Giving Debian Stretch a try

Tonight, I have mostly been taking Debian Stretch for a spin. Stretch is currently in full freeze and is due to be the next Debian Stable release, so I was interested to see what it has to offer in terms of providing a LEMP stack.

The biggest change (LEMP related) over previous Debian releases is probably the switch to MariaDB from MySQL. I wasn’t aware this switch had taken place, until I tried to install the ‘mysql-server’ package, which doesn’t exist under Stretch. Doh. So anyway, I did a quick search and discovered details of the change. After that, it only took a few minutes to figure out what I needed to do to get MariaDB installed and set-up. To be honest, with the limited testing that I’ve done, I’ve not noticed any difference, but I guess this is to be expected as MariaDB is described as a drop-in replacement for MySQL.

Other than that, Stretch looks like it’s going to be a solid LEMP platform, providing NGINX 1.10.3 and PHP 7.0. It should make for a good replacement for my current Ubuntu LTS servers, which I’m looking to move away from.

CSS Ruleset Terminology [↗]

Breaking down a CSS ruleset into its individual component parts.

Using Fetch [↗]

A detailed guide to making Ajax calls with Fetch.

Your Body Text Is Too Small [↗]

The majority of websites are still anywhere in the range of 15–18px.

Apparently, that’s too small. Interestingly, this site currently has a body text of just 13px. Admittedly, it’s probably a little too small, but I like it, and that’s all that matters.

Designing for the Appearance of Speed [↗]

The jury has spoken: performance, conversion, and brand engagement are inextricably connected. Amazon has shown that each 100ms of latency costs them 1% in sales. Walmart chalks up an extra 2% conversions with every second of performance improvement. Any online shopper will tell you that faster is better than slower — but is speed as simple as the shortest distance from point A to B?

A look at the importance of perceived speed and how it can help to increase user engagement.

Stickybits [↗]

Stickybits is a lightweight (<2KB) alternative to position: sticky polyfills that works perfectly for things like sticky headers.

In the past, I’ve had trouble using sticky headers — I’ve never managed to get them to work consistently well in Safari on iOS. I’ve only done some limited testing, but Stickybits seems to work pretty well.

Wolfenstein 3d in CSS [↗]

It’s not as playable as the original game, but considering it’s all done with CSS, it’s pretty impressive.

WebExtensions 101 [↗]

A detailed guide for creating browser extensions using web technologies (HTML, CSS, and JavaScript).

◀ Older Newer ►