Tags: web development

CSS-Tricks Screencast #153: Getting Started with CSS Grid [↗]

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.

Firefox 52: inspecting grid layouts [↗]

I’m mostly using Chrome at the moment, but this feature alone is making me want to use Firefox again. Very nifty.

CSS Grid with Rachel Andrew and Jen Simmons – ShopTalk [↗]

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.

Obnoxious.css [↗]

Animations for the strong of heart, and weak of mind.

Eww! These animations really are obnoxious, but I guess they could serve a purpose.

Make some magic with CSS blend modes [↗]

A detailed guide to using CSS blend modes, it’s just a shame that support is still lacking in IE and Edge.

CSS Grid in Production [↗]

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.

Improve your Nginx SSL configuration [↗]

Handy tips for improving your NGINX SSL configuration. I implemented some of these tips and my site went from a grade B to grade A when I tested it with the Qualys SSL Server Test.

“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.

◀ Older