Staying Current: Automating Copyright Year Updates
Automate copyright year updates across JavaScript, React, Angular, Vue, jQuery, PHP, and WordPress so footers do not go stale each January across stacks.
Articles
HTML
HTML is where a page explains its structure to browsers, search engines, and assistive technology before styling or JavaScript gets involved. The articles here focus on semantic choices and the small markup details that make an interface more reliable and accessible.
Staying Current: Automating Copyright Year Updates. 
Commenting in Front‑End Languages. Commenting in Front‑End Languages
There are essentially two different types of commenting in development languages: single‑line, and multi‑line. Here, we discuss these, and how to use them.
HTML Video and the preload Attribute. HTML Video and the
preloadAttributeUnderstand the HTML video preload attribute, including auto, metadata, none, browser behaviour, bandwidth cost, playback expectations, and trade‑offs.
Semantic HTML. Semantic HTML
Semantic HTML explained through meaningful elements, HTML5 structure, header, nav, footer, section, figure, accessibility, and more understandable markup.
What is an HTML Entity? What is an HTML Entity?
HTML entities explained through reserved characters, invisible spaces, ampersands, symbols, punctuation, browser rendering, and when entities are useful.
Announcing Dynamic Updates with ARIA Live Regions. Announcing Dynamic Updates with ARIA Live Regions
Use ARIA live regions for dynamic status updates, choose polite or assertive announcements, handle repeated messages, and know when focus should move.
Use Greater‑Than and Less‑Than Symbols in JSX. Use Greater‑Than and Less‑Than Symbols in JSX
Render greater‑than and less‑than symbols in JSX safely, using strings or HTML entities whilst avoiding parser confusion and awkward React output.
Commenting in JSX. Commenting in JSX
Comment in JSX without breaking React parsing, including curly‑brace block comments, why HTML comments fail, and gotchas around rendered output clearly.
Creating a Discernible Name for Icon Links. 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.
Conditional HTML for Browsers Other than Internet Explorer. Conditional HTML for Browsers Other than Internet Explorer
Conditional comments were once the standard way to target Internet Explorer. This guide shows how the non‑IE pattern works and where it catches people out.
Advanced Techniques for Responsive Web Design. Advanced Techniques for Responsive Web Design
Discover advanced responsive web design techniques with CSS Grid,
clamp(), container queries, and JS enhancements for performance‑optimised, adaptive sites.
Creating Interactive User Interfaces with HTML, CSS, and JavaScript. Creating Interactive User Interfaces with HTML, CSS, and JavaScript
Create interactive interfaces with HTML, CSS and JavaScript, using semantic controls, accessible state, event handling, and progressive enhancement.
Best Practices for Cross‑Browser Compatibility. Best Practices for Cross‑Browser Compatibility
Cross‑browser compatibility ensures a consistent user experience across different browsers. Best practices, CSS, and JS techniques, and testing strategies.
Opening Links in a New Tab Safely. Opening Links in a New Tab Safely
See why target="_blank" needed rel="noopener" in 2018, how noreferrer differs, and why modern browsers and user choice still matter.
Integrating CMSes with HTML, CSS, and JavaScript. Integrating CMSes with HTML, CSS, and JavaScript
Integrating CMSes with HTML, CSS, and JavaScript enables dynamic, flexible content management. Here, I explore best practices, performance tips, and SEO.
Optimising Website Performance with HTML, CSS, and JavaScript. Optimising Website Performance with HTML, CSS, and JavaScript
Improve website performance with practical HTML, CSS and JavaScript checks, from assets and rendering to scripts, measurement and Core Web Vitals.
Understanding the Critical Rendering Path. Understanding the Critical Rendering Path
Follow HTML, CSS, and JavaScript through the browser's critical rendering path, then find the resources delaying the first useful render.
Fundamentals of HTML: A Guide. Fundamentals of HTML: A Guide
HTML fundamentals explained through semantic structure, browser parsing, accessibility, and how markup choices affect modern front‑end work in practice.
