Alt-texts: The Ultimate Guide

The whole article's good. I'll definitely be implementing the following nugget.

End the alt-text with a period. This will make screen readers pause a bit after the last word in the alt-text, which creates a more pleasant reading experience for the user.

— Daniel Göransson

Creating accessible menus-Part 1

Brilliant. Be sure to read part 2 of James's post as well.

I can’t stress enough how the majority of your accessible needs can be met by just ensuring that you have clean, standards-based markup.

— James Williamson

A Five Minutes Guide to Better Typography

A very nicely put together guide when working with typography in your web project.


CSS & SVG Animation by codebar

Fab CSS & SVG Animation tutorial by codebar. Here's the finished masterpiece.


"A Dao of Web Design" ⇢ John Allsopp

A blast from the past I know. Written 17 years ago in fact! John Allsopp's article still has wonderful reminders and nuggets for us today.

The web’s greatest strength, I believe, is often seen as a limitation, as a defect. It is the nature of the web to be flexible, and it should be our role as designers and developers to embrace this flexibility, and produce pages which, by being flexible, are accessible to all.

— John Allsopp

"Essential Image Optimization" ⇢ Addy Osmani

Addy Osmani's fab reminder on the whys and hows of image compression. After all, images are still the number one cause of bloat on the web.


"Is there any value in people who cannot write JavaScript?" ⇢ Mandy Michael

I really appreciate this post from Mandy Michael. It touches on some things that Brad Frost talked about in his post about full-stack developers.

What I am very concerned about is that many still don’t see value in being skilled in CSS & HTML. This attitude is something I just don’t understand. All of us working together provide value in our industry. HTML & CSS are very important pieces of this puzzle, and I (perhaps naively) thought we had evolved to a point where we were starting to appreciate the challenges each of us face in our different areas of expertise. I guess I was wrong because this attitude is still clearly still prevalent.

— Mandy Michael

5 things CSS developers wish they knew before they started | CSS Tricks

  1. Don't underestimate CSS
  2. Share and participate
  3. Pick the right tools
  4. Get to know the browser
  5. Learn to write maintainable CSS

CSS is like a bear cub: cute and inoffensive but as he grows, he'll eat you alive.

— Andrés Galante

"I Was Told To Come Alone" ⇢ Souad Mekhennet

If only every journalist with Souad Mekhennet’s culture-straddling perspective and access would write an incisive book like this. It will haunt you, because the truth on the page is vaster than anything we’re usually offered.

— Azadeh Moaveni

"I needed colour" ⇢ Jim Carrey

Jim Carrey on some of his journey as an artist. Beautiful and profound. I think he's more 'awake' than most.


plainJS - The Vanilla JavaScript Repository

I think I'm gonna try weaning myself off the mighty jQuery. I've been very grateful for jQuery by the way - but maybe it's just time to move on.


"Accessibility for Everyone" ⇢ Laura Kalbag

Laura Kalbag's new book, "Accessibility for Everyone", looks like a cracker. Heading over to purchase mine now.


Basic grid layout with fallbacks using feature queries

Very nice real world implementation of using Grid in a progressive manner. inline-block, flexbox and then Grid.


Autoprefixer CSS online

Sometimes you want to know what Autoprefixer generates before setting up your Grunt / Gulp / NPM config task. That, or the site you’re working on doesn’t use a front-end task builder and you need to know which prefixes to manually add to your SCSS/CSS.


CSS Grid and Grid Inspector in Firefox

Very neat Grid Inspector tool for CSS Grid from the people at Firefox.

Also, another fab CSS Grid resource, Grid Garden – from Thomas Park who brought us Flexbox Froggy.


Modern JavaScript for Ancient Web Developers

Thank you Gina Trapani for this honest and articulate post. It brought a much-needed smile to this "ancient web developer's" face.


Creating my first HTTP server in Node.js

Here's hoping I get round to giving this a proper go at some stage.


Design for Humanity: A New Perspective on User Experience

A new online course by Eric Meyer.

Designing for humans is tough. We design for millions, but every interaction between our work and a user is personal, and we aren’t taught to take care with those interactions. I created this course because I want everything we design to meet the real needs and wants of real people.

— Eric A. Meyer

"Silicon Valley Has an Empathy Vacuum" ⇢ Om Malik

Silicon Valley’s biggest failing is not poor marketing of its products, or follow-through on promises, but, rather, the distinct lack of empathy for those whose lives are disturbed by its technological wizardry.

— Om Malik

Visual Studio Code

I've used and loved (still do) Sublime Text for years – but have recently really been enjoying Visual Studio Code. It's a text editor at heart but has some lovely lean IDE functionality as well. Thinking of making a switch to it completely.


Get started with variable fonts

Richard Rutter writes about variable fonts. So many variations from a single file!

In October 2016, version 1.8 of OpenType was released, and with it an extensive new technology: OpenType Font Variations. More commonly known as variable fonts, the technology enables a single font file to behave like multiple fonts. This is done by defining variations within the font, which are interpolated along one or more axes. Two of these axes might be width and weight, but the type designer can define many others too.

— Richard Rutter

Box Alignment Cheatsheet

A cheatsheet put together by Rachel Andrew comparing alignment in CSS Grid Layout and Flexbox.


Moving to HTTPS Guide

Community site to help site owners migrate to HTTPS with a simple tested process.


Frontend Guidelines Questionnaire

A one-page questionnaire put together by Brad Frost to help you establish effective frontend guidelines, so that you can write consistent & cohesive code together.


LayerSnap! Markup-based SVG Animations

The Filament Group built an open-source tool that configures SVG animations using a markup-based approach.


Resilient Web Design ⇢ Jeremy Keith

I came across this new book by Jeremy Keith. He's very kindly put it online - for free!


“Is This Helpful?” ⇢ Mike Davidson

A timely and worthwhile read…

Several years from now, I want to be able to look back on this time the same way people look at other natural disasters. Without that terrible earthquake, we would have never improved our building codes. Without that terrible flood, we would have never built those levees. Without that terrible hurricane, we would have never rebuilt this amazing city. Without that terrible disease, we would have never developed antibodies against it.

It doesn’t require giving any credit to the disaster. The disaster will always be a complete fucking disaster. But it does involve using the disaster as an opportunity to take a hard look at what got us here and rededicate our energy towards things that will get us out.