Links to articles and various things I've enjoyed and found interesting. Technical and non-technical. Quite a few of them offer perspectives / advice I appreciate. I also have a blog.
I can't tell you how much I appreciate honesty like this from people I admire and respect. Pure gold dust from Jeremy Keith.
It’s not just that I find this stuff hard, but that I also feel like it’s stuff I’m supposed to know, rather than stuff I want to know.
In all honesty I'm one of those website owners that really doesn't need website analytics. So I've removed Google Analytics from my website.
I think if I ever consider using analytics again, I'll take a look at Fathom:
It will track users on a website, the key actions they are taking, and give you a non-nerdy breakdown of their journey. It’ll do so with user-centric rights and privacy, and without selling, sharing or giving away the data you collect.
Una says: "CSS grid is AMAZING! However, if you need to support users of IE11 and below, or Edge 15 and below, grid won't really work as you expect (more info here). This site is a solution for you so you can start to progressively enhance without fear!"
Are you one of those wondering what's with the "CSS3" and now "CSS4" spiel? Well, here's a helpful article by Rachel Andrew to set the record straight.
Thoroughly enjoyed and appreciated this talk by Jeremy Keith. 4 really great questions to ask ourselves when deciding which technologies to use for a new software project:
Software, like all technologies, is inherently political. Code inevitably reflects the choices, biases and desires of its creators.
Technology is neither good nor bad; nor is it neutral.
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.
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.
A very nicely put together guide when working with typography in your web project.
Fab CSS & SVG Animation tutorial by codebar. Here's the finished masterpiece.
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.
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.
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.
CSS is like a bear cub: cute and inoffensive but as he grows, he'll eat you alive.
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.
Jim Carrey on some of his journey as an artist. Beautiful and profound. I think he's more 'awake' than most.
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.
Laura Kalbag's new book, "Accessibility for Everyone", looks like a cracker. Heading over to purchase mine now.
Very nice real world implementation of using Grid in a progressive manner. inline-block, flexbox and then Grid.
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.
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.
Thank you Gina Trapani for this honest and articulate post. It brought a much-needed smile to this "ancient web developer's" face.
Here's hoping I get round to giving this a proper go at some stage.
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.
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.
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.
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.
A cheatsheet put together by Rachel Andrew comparing alignment in CSS Grid Layout and Flexbox.
Community site to help site owners migrate to HTTPS with a simple tested process.
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.
The Filament Group built an open-source tool that configures SVG animations using a markup-based approach.
I came across this new book by Jeremy Keith. He's very kindly put it online - for free!
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.