SVG and CSS flag icons

Flag Icon CSS is a wonderful collection of SVG country flags, including CSS for easy integration with your site. I can’t believe it has taken me so long to find it. Thanks to Lipis for putting this together! [Visit link]

· Design

TLDR pages

If you want to know how to use a particular terminal command, you can read its man page. But that might take all day. TLDR pages are like man pages, but they’re short, practical, and easy to understand. I can strongly recommend them. [Visit link]

· Code

Modern JavaScript for ancient web developers

I really enjoyed reading Modern JavaScript for Ancient Web Developers by Gina Trapani. And it’s not just for the ancients—there are so many useful points and links, even an experienced front end developer could learn a lot from it. [Visit link]

· Code, Web

SVGOMG

I recently discovered SVGOMG by Jake Archibald. It acts as a GUI for SVGO, an incredibly useful SVG optimization tool. It you do anything with SVG images on the web, check it out. [Visit link]

· Code, Design, Web

You might not need JavaScript

You Might Not Need JavaScript demonstrates some clever, and some less well known, HTML and CSS techniques that might just make some of your JavaScript redundant. Together with You Might Not Need jQuery, it shows just how much you can do with web standards in a modern browser. Worth remembering! [Visit link]

· Code, Web

An explicit guide to Git

For those times when you’ve done something wrong in Git and you have no idea how to fix it, Katie Sylor-Miller’s dead simple Git commands might just save you and your project. There’s also a Twitter account. Warning: explicit lyrics. [Visit link]

· Code

A complete guide to flexbox

Where would we be without CSS Tricks? Chris Coyier’s complete guide to flexbox is exactly what it says it is: an invaluable reference for all things flex. I would be lost without it. [Visit link]

· Code, Web

SSH aliases and Git

If you use SSH from the command line, you can use aliases to avoid having to remember usernames, domains, and IP addresses. You can also use those aliases with anything else that communicates via SSH, including Git.

· Code

File systems for removable storage

I recently wanted to reformat a memory stick so I could move a big file between two computers. It should have been easy, but instead it sent me down a rabbit hole of options for file systems. Here is what I found.

· Uncategorized

Create Linux packages from source with CheckInstall

If you have Linux for a while, you might have tried installing something from source. However, removing it again can be a slow and tedious process. CheckInstall makes it easy to manage software installed from source by creating standard binary packages first.

· Code

JavaScript NaN is a number

This just caught me out so I thought I would share it here as a warning to others. In JavaScript, NaN is a number. Seriously. The property that specifically means “not a number” is a number.

· Code

More reasons to switch to HTTPS

There are lots of good reasons to switch to HTTPS. It protects your users and your site from third-party interference, it lets you use the much faster HTTP/2 protocol, and it might even give you a little SEO boost. For more details, and even more reasons to switch, check out Scott Helme’s recent post on HTTPS. And, thanks to Let’s Encrypt, switching to HTTPS is now both free and extremely easy. [Visit link]

· Web

Run JavaScript on window resize

The JavaScript resize event fires continuously while the window is resizing, which is a problem for responsive web design. Luckily, it is easy to implement a custom event that only fires after the window has finished resizing.

· Code

You still might not need jQuery

I spotted a link to Chris Ferdinandi’s post on ditching jQuery recently and I really enjoyed reading it. It reminded me of You Might Not Need jQuery and You Might Not Need jQuery Plugins, both of which are excellent resources for writing vanilla JavaScript. I often end up using jQuery for simple tasks, but the potential impact on performance makes native JavaScript look a lot more attractive. [Visit link]

· Code

Normalize headings redux

A little while ago, I wrote a PHP class to promote and demote headings in HTML content so that they fit in with the surrounding document outline. Since then, I have found a much simpler method, using regular expression substitutions with callbacks. As a bonus, here is how you do it in four different languages.

· Code

Making web pages go fast

Performance matters, especially for the current generation of multiple megabyte websites being pushed down flaky mobile data connections. Andrew Smales has posted some really useful tips on making web pages go fast. Take note! [Visit link]

· Web

Even better media queries with Sass

In a previous post, I described a Sass media query mixin that makes it a bit easier to generate CSS for old versions of IE that don’t support media queries. The idea was to use a global variable to decide whether or not to surround the CSS rules with min-width media queries. Modern browsers get a mobile first responsive site and old versions of IE get the equivalent of the largest breakpoint.

· Code, Web

Independent Publisher WordPress theme

The beautiful Independent Publisher WordPress theme is now available on WordPress.com. They have made a few changes to Raam Dev’s original, but it retains a clean, minimalist design that puts content first. [Visit link]

· Design

Death to bullshit

If you haven’t seen Brad Frost’s site Death to Bullshit yet, check it out now. The more websites serve advertising networks, the less they serve human beings and that is a bad thing. [Visit link]

· Web

Front-end principles for designers

Jon Yablonski has written some really good front-end principles for designers. A good design process benefits everyone: designers, developers, and users. Thanks to Brad Frost for sharing the link on Twitter. [Visit link]

· Design, Web