Blog
This is page 20 of 30.
An introduction to HTML attributes
Article posted 9th July 2020 in Development and HTML
An HTML attribute lives on the opening tag of an element and gives that element powers it might not otherwise have had.
A handy Git shortcut to fetch and prune
Article posted 8th July 2020 in Development and Git
I’m still writing my Git commands long-hand. Turns out a fetch and prune can be more concise than I’ve previously suggested, all without aliases.
Chaining Git commands
Article posted 7th July 2020 in Development and Git
Writing a sequence of Git commands is really handy and much quicker than running one, waiting for it to finish, writing the next, etc. Here’s how.
Using image aspect ratios to avoiding janky page loading
Article posted 6th July 2020 in Development, HTML and Performance
Adding dimensions to images in HTML is useful again! They’re a progressive enhancement to calculate the image’s aspect ratio and prevent jank.
Lazy loading images without JavaScript
Article posted 3rd July 2020 in Development, HTML and Performance
Non-JavaScript lazy loading is a great progressive enhancement for image-heavy pages on the web. Just a simple HTML attribute and you’re away!
The briefest of histories of responsive images
Article posted 1st July 2020 in Design and Development
There are a lot of things to consider when using images on the web. But why is it so complex? And how can we tackle that complexity?
‘Frontend’, ‘front‑end’ or ‘front end’?
Article posted 30th June 2020 in Development
As a frontend developer, something has always bothered me. How on earth do you spell ‘frontend’!? Or should that be ‘front-end’? Or ‘front end’…?
Pushing to a differently named branch on your remote
Article posted 29th June 2020 in Development and Git
When using Git, you’ll normally push work to an identically named branch on your remote, but what if you want to push to a different branch?
Redirect a filename in Netlify without specifying the path
Article posted 26th June 2020 in Development and Serverless
Redirecting a file in Netlify is easy, but what if you don’t know the path? Here’s how to redirect a particular filename, wherever that file may live.
When design breaks semantics
Article posted 25th June 2020 in Accessibility, Design and Development
Semantic HTML is great. But sometimes following the rules is tricky. Grab a cuppa and let me tell you a story about links that look like buttons.