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 (HyperText Markup Language) is the markup language we all use in more‑or‑less every day of our web development careers to build websites and applications. It structures the web content and is the backbone of any website. This category covers HTML syntax, elements, tags, and best practices for semantic, accessible web design.
Below you will find a subset of articles from my blog specifically about HTML. This is an area I have worked with for many years, and it has been a regular subject in my writing. There are seventeen articles collected together for you below.
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.
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.
If Not Internet Explorer Conditional HTML. If Not Internet Explorer Conditional HTML
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.
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.
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.
Optimising HTML Markup for SEO. Optimising HTML Markup for SEO
Optimise HTML markup for SEO and accessibility with semantic elements, heading structure, alt text, clean code, anchor text, and crawler‑friendly structure.
Why HTML Form Values are Always Strings in JavaScript. Why HTML Form Values are Always Strings in JavaScript
Understand why HTML form values are always strings in JavaScript, plus safe conversion for numbers, booleans, checkboxes, radio buttons, and FormData.
