Blog
This is page 11 of 30.
How I approach CSS: my ABC system
Article posted 3rd September 2021 in CSS and Development
CSS is easy to write but can become messy and bloated over time. A solid methodology can make maintenance much more comfortable; here’s how I do it.
Critical CSS: what it is, why it’s useful, and how it works
Article posted 19th August 2021 in CSS and Development
With Critical CSS, we can give our visitors the most important styling as early as possible and the rest when it’s ready. Here’s why and how to do it.
Using Pandoc to convert Markdown to Jira’s Textile in Sublime Text
Article posted 22nd July 2021 in Development, Markdown, Tools and Workflows
It’s a real pain that Jira’s plain text input isn’t Markdown. Here’s how to I write in Markdown and export to Jira’s version of Textile.
Apple dials back the Safari 15 for macOS redesign
Article posted 15th July 2021 in Apple
The ultra-condensed tab bar in the up-coming Safari for macOS has been reverted in the betas; it’s now just an option in Safari’s Preferences.
Share anyway
Article posted 9th July 2021
One of the best things you can do is share what you know. Even if you think it has been done before or someone else is more expert, share anyway!
Downloading a website as HTML files
Article posted 8th July 2021 in Development and Tools
How do you download a website as HTML, including the CSS, JavaScript files, and image assets? Wget is the easiest way to do it; here’s what I do.
Text underline thickness on Chrome
Article posted 7th July 2021 in Development
Link underlines are thicker on Chromium-based browsers than on Safari and Firefox; so much so that they can look odd on larger text like headings.
Website version 6
Article posted 6th July 2021 in Accessibility, Design and Development
The last major version of this website was a complete behind-the-scenes rebuild. This version, on the other hand, is almost entirely visual.
Sass mixins for Increased Contrast Mode (and Dark Mode)
Article posted 22nd June 2021 in CSS and Development
When I added a high contrast version of my website I used an almost-identical Sass mixin to the one I use for Dark Mode. Here’s how it works.
Using the Increased Contrast Mode CSS media query
Article posted 21st June 2021 in Accessibility, CSS, Design and Development
Satisfying the enhanced contrast AAA WCAG rule can be limiting; luckily
prefers-contrast: moreallows us more freedom with our default themes.