Search

Daniel has created an extremely useful HTML template that includes most common elements, perfect for kickstarting a CSS design scheme, and all in a handy GitHub …

An excellent look into the new trend of no-or-low-JavaScript web components, which almost operate more like HTML fragments, with graceful fallbacks to native elements. Jeremy proposes terming these …

A list of common misconceptions about HTML, with lots of excellent detail about how HTML parsers actually …

Need to use an HTML datetime attribute? Can't remember the correct format, or which JavaScript function will output it? Well, here you go!

In brief: HTML is resilient, feature-rich, hyper performant, and …

Today's obscure HTML element: <bdi>. It stands for "bidirectional" and refers to text that can include both RTL and LTR languages (does not appear to care about other …

An ideal anecdote for why HTML should remain the prioritised foundation of any website and how progressive enhancement is an absolute necessity if you're working on critical digital infrastructure …

A fascinating series looking into how to turn a modern React eCommerce front end into as fast a page as possible. The conclusions are not what I had …

A solid example of where HTML semantics can be a little problematic: the <meter> element. Also a good overview of where/when this element is …

An excellent collection of articles, tutorials, and advice on modern web development challenges. From PWAs to accessibility to caching, there's a lot of information …

Some thoughts on Code Institute's "5 Day Coding Challenge", having just completed it.

An interesting look at a "block links" at "card links": when you want large sections of HTML to be one big clickable link. It's a very common pattern and something I've done a lot, but …

Great overview on when/when not to use the tabindex attribute. Most of it feels like common sense, but the recommendation for overflow content is an interesting one I'd not come across …

Excellent write-up by Amber on making accessible anchor links (those little floating chains/hash symbols next to …

I keep running into the same problem: how to set a style attribute in the CMS and have that be dynamically rendered on the front-end, without relying on inline styles. Turns out it's a great use case for CSS variables!

It's not so much a resource as a resource of resources; a meta resource. Providing high-level overviews of complex topics and then linking out to more detailed deep dives or explanations (not all …

I can never remember what the differences are between noopener, noreferrer, and nofollow, or when best to use them, so here's a handy guide that covers pretty much all of the …

YouTube embeds can be expensive on page load metrics, but what alternative is there? How about loading a thumbnail that hot-swaps itself for an <iframe> when clicked? Sounds great, but wouldn't …

An interesting read that covers some of the basic terminologies of typesetting, as well as the technicalities of how browsers actually interpret the line-height value. Hint: it's not what you'd …

A pretty exhaustive overview of the HTML and CSS options that we now have for responsive image layouts. Here are some key …

Jeremy has been updating The Session to use variable font sizes with the new CSS clamp() property. He offers some interesting ideas on how best to do …

Carousels are the devil's work, but they remain incredibly useful and popular UI elements 😑 Having a solid implementation that will work without JavaScript, making it more lightweight and …

The <datalist> element is super useful for autocomplete-like functionality, but there's no native way to automatically submit a form when an option is selected. Jeremy has come up with a neat …

I ran into a bug recently where some SVGs on a website were seemingly ignoring a fill request. A quick check in dev tools showed that the CSS was being applied so... what gives? Turns out …

A clever UX idea discovered on Pink News: each paragraph of text has a different highlight colour, so as you select parts of an article to copy elsewhere it reveals the LGBTQA+ flag. They're using …

I'm always interested to see how other people utilise styled-components and the tips Josh shares offer exactly that kind of insight. I fundamentally disagree with his take on descendent selectors …

A simple and informative example of how the new CSS clamp property can be used to create fluid layouts (in this case, specifically a fluid type …

A very clever article (as ever) from Sara on how to ensure the content you create is accessible through RSS feeds and Reader modes (and a host of other …

An absolutely fantastic little utility site that takes pretty much any SVG and removes all of the white space. You can drag'n'drop, upload image files, or just paste markup directly into a text …

I've been digging into tabbed interfaces ("tabs") recently. As usual, Heydon's Inclusive Components has one of the best overviews and write-ups of the techniques used. I particularly love …