Use Chrome's Developer Tools to Track Element Focus

Tracking down phantom focused elements where keyboard interactions suddenly drop from view can be frustrating without using Web Developer Tools

Use Chrome's Developer Tools to Track Element Focus.

Ethical Web Development - Part II

The second - and final - instalment in explaining the responsibility we - as web developers - have in making the web a better and safer place.

Ethical Web Development - Part II.

Ethical Web Development - Part I

As a developer (and especially perhaps as a front end developer) we have a unique responsibility to our users, and to remove unethical practices from the web.

Ethical Web Development - Part I.

Intercepting Clipboard Events with JavaScript

Browsers now support the 'copy' element event, which allows developers to intercept and modify content placed onto a clipboard, when copied from their site.

Intercepting Clipboard Events with JavaScript.

CSS Focus Styles for Keyboard Users Only

Overriding :focus outline without providing a viable alternative should never be an option. Here I discuss implementing alternatives that keep UI and UX happy.

CSS Focus Styles for Keyboard Users Only.

Reducing Image Brightness with CSS

The brightness filter is a very straightforward and easy way to edit the appearance of an image (or other HTML elements) directly via CSS.

Reducing Image Brightness with CSS.

Creating a Discernible Name for Icon Links

A common issue I come across when auditing sites with Lighthouse is the "Links do not have a discernible name" error where links don't contain text.

Creating a Discernible Name for Icon Links.

Hiding Empty Elements with CSS

A very brief tip about using the CSS :empty pseudo-class to hide elements when they contain no content.

Hiding Empty Elements with CSS.

Disabling Text Selection Highlighting with CSS

User-select makes stopping visitors from selecting items on-page easy, and can be combined with ::selection to capture the browsers where user-select is absent.

Disabling Text Selection Highlighting with CSS.