Archive
This is everything I posted in: front-end (all posts)
-
How I built a dark mode toggleI added a dark mode toggle to this site. This is how.
-
Photo blogging with Sanity and Eleventy
On how I built a photo blog with Sanity and Eleventy.
-
Introducing: an Eleventy starter project for WCAG reportsI’ve released the code I use to generate WCAG conformance reports using the Eleventy static site generator. Here’s some context.
-
How I turned my Goodreads data into a self-hosted website with EleventySo that I could control what and how to display.
-
How deployment services make client-side routing work
When we deploy a single page application with client-side routing, some server configuration is needed to make it work.
-
Console logging the focused element as it changes
It can be done by listening to
focuson the document, with capturing turned on. -
On the importance of testing with content blockers
With more people using tracking protection features, we should test our sites with content blockers.
-
Making single color SVG icons work in dark mode
One way to make SVG icons work in dark mode.
-
Scroll an element into the center of the viewport
Element.scrollIntoView takes as its argument either a boolean value or an object. The object syntax gives more alignment capabilities and smooth scroll, but it works in less browsers.
-
Making password managers play ball with your login form
Some tips for building password manager proof login forms.
-
Form events when submitting with keyboard
Some notes on happens when you press enter to submit a form.
-
How to customise a file upload control
A trick to build a file upload control that uses a native input element, but looks custom.
-
Where focus goes when following in page links
Today I learned about the sequential focus navigation starting point, which helps browsers decide what to do with focus when you link to content that is not focusable
-
Using JavaScript to trap focus in an element
This is how to temporarily trap focus in an element, a functionality that can be used to make modal interface elements more accessible.
-
On initialising JavaScript from markup
In this post I explain why I think declaring behaviour in markup is advantageous rather than problematic.
-
Some pointers on default cursors
Some thoughts about standards when it comes to cursors for buttons.
-
Turning off Heartbeat in WordPress made my day!
Protip for working on WordPress sites using a slow connection
-
JSCS vs JSHint
What’s the difference?
-
Scripts and stylesheets in WordPress sites
I like WordPress plug-ins that do not insert their own CSS or JavaScript.
-
Offline apps and user intent
I think when designing apps that work offline, we should consider user intent and let users choose which content becomes available offline.
-
Making our websites even more mobile friendly
Google’s algorithm for deciding wether sites are “mobile friendly” is great, but not perfect. In this article, I go into other things we could do to make sites more mobile friendly.
-
Progressive enhancement with handlers and enhancers
In which I describe how to do progressive enhancement by declaring handler and enhancer functions on HTML elements.
-
Breakpoints based on languageWhy not adapt lay-out for languages, like we do for screen widths?
-
Embedded video in responsive lay-outs
In which I show a trick to embed videos responsively and how to make it work with Wordpress.
-
Unobtrusive icons
Explaining two ways of adding icons whilst offering a basic alternative.