Semicircular Borders
Read ArticleCreating a border along half of a circular element using CSS gradients and background images.
Search
Gradient borders with rounded corners on input fields
Read ArticleWhilst putting together my new search page I ran into a problem: styling an input box so that it had a gradient border and rounded corners. Turns out there's a hack for that.
Lightroom Resource List
Read ArticleMy new PC is up and running and starting to be "just right" (we'll get to further details later, I promise), so one of the big "new" things I've got for the new year is a subscription to Adobe CC - …
The Weak Link
Read ArticleI enjoyed reading this article, written by Ethan Marcotte. It makes some interesting points, aligns with my own cognitive bubble and provides some deeper insight into areas of stuff that I …
That Anti-Diversity Googler & Self Introspection [#32]
Read ArticleStandard workday, standard work lunch catching up on RSS feeds. Of course, quite a few of them are discussing the leaked "Anti-Diversity" manifesto from the, now infamous, ex-Google employee (name …
Life Between the Worlds [#37]
Read ArticleI have recently fallen back into an old habit: League of Legends. The eponymous MOBA remains immensely addictive, fun and interesting, but above all else my return (after over a year!) has …
Folk, Friends, Family, Fuzzies & Foliage
Read ArticleA full write up of our trip to Devon and the Chilterns a few weeks ago, from folk festivals to Whipsnade Zoo to tree cathedrals. We had a great, highly varied time, exploring some places we know very well from a new angle and some entirely new parts of the country.
2019 In Numbers
Read ArticleAn amalgamation of all the data you get fed at the end of a year. From Spotify Wrapped, to Google tracking, to my own beer journal, a look back over 2019 from a (mildly) data-centred viewpoint.
Pitfalls of card UIs
Read NoteA great breakdown from Dave as to why the typical card UI pattern has some inherent issues. Some elements – like making cards all the same height and dealing with responsively collapsing card lists …
2020 Challenges: Mid-Year Update
Read ArticleWe're almost at the midway point of 2020, so I thought it would be a good moment to take a look at my New Year's challenges list and see how things were going.
Who Goes Nazi?
Read NoteWhat an astounding article from Harper's archives. Written in 1941 by Dorothy Thompson, the article is an early dissection of the Nazi regime but, more importantly, of the fact that nationalist …
Why a skip navigation link is useful
Read NoteI'd never heard of a "skip link" before but it's a neat idea that's clearly been around for some time. Basically, it's a link placed at the very start of the <body> that's …
Clever quote design and arrow use
Read NoteThe Markup have recently been doing a great job of analysing some of the big names in the tech world and highlighting some less-than-stellar behaviour or situations. However, what's really caught my …
Peak District Getaway
Read Article... otherwise known as the Great Vulture Failure of 2020 …
Animated Content Placeholders
Read ArticleWhat do you do when a website has loaded but the content is still being fetched from an API? One answer is to fill the page with animated placeholders, creating a skeleton of what the user can expect, with a dash of CSS animation to let them know that something's still going on behind the scenes.
Styled Component Quirks
Read ArticleStyled Components have tripped me up a few times today, but I ended up learning some useful tricks as a result.
Modern CSS for dynamic component-based architecture
Read NoteA lovely overview of much of the new CSS that has landed (or is landing) in browsers recently, and how that relates to component-led …
Tailwind and the death of web craftsmanship
Read NoteI have used Tailwind on various projects. I think for prototyping and quick proof of concepts, for one-off projects that never need to be updated, it has some advantages. But for code that you want …
A modern CSS reset
Read NoteAndy always has some interesting thoughts about CSS, and this reset is no exception. Lots of interesting things here that fit very nicely with both my own experience and other resets that I've …
Josh's custom CSS reset
Read NoteJosh has added some additional thoughts to Andy's CSS reset. Personally, I like a combination of the two (with a dash of Stephanie's best practices thrown in for good measure), but wanted to capture …
New success criteria in WCAG 2.2
Read NoteA thorough overview of the new success criteria added (and removed) in WCAG 2.2, including clear guidance on how to test and pass each …
One Neat CSS Trick
Read ArticleUsing pseudo-selectors like :where and :not to invert style rules, allowing for better code encapsulation and context sharing across a codebase.
2023: The Year of Our Big Day
Read Article2023 was another BIG year in terms of, well, everything. We travelled all over the world. We attended scores of major events. And we got married. It's taken a while to write up, as a result!
Can You Code On An iPad?
Read ArticleHow well does an iPad work as full code editing device; a veritable laptop replacement? That's what I wanted to find out.