I’ve been playing around with some CSS Grid layouts today and this video helped provide a basic understanding of how it works. It really is an incredibly flexible option for creating layouts.
Tags: web development
I’m mostly using Chrome at the moment, but this feature alone is making me want to use Firefox again. Very nifty.
Grid is getting a ton of support in modern browsers and so we’ve got a couple of grid experts in Jen Simmons and Rachel Andrew on to help us navigate the grid – what is it? When can we use it? How do flexbox and grid play together? What about Bootstrap?
A proper good episode of the ShowTalk Show that’s all about CSS Grid. Well worth a listen and it’s definitely inspired me to spend some more time experimenting with Grid layouts.
Animations for the strong of heart, and weak of mind.
Eww! These animations really are obnoxious, but I guess they could serve a purpose.
A detailed guide to using CSS blend modes, it’s just a shame that support is still lacking in IE and Edge.
This site is a collection of websites that have implemented CSS Grid Layout in production.
Not a definitive list, but it’s good to see some real-world examples of CSS Grid on production sites.
Commentary about the complexity of modern web development.
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.
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.