Static Methods vs. Instance Methods in JavaScript Classes
Static methods vs. instance methods in JavaScript classes explained clearly, including when to use each, common mistakes, and how class APIs stay readable.
Articles
Guides, page 17 of 20
This is a relatively generic and broad category where I attempt to offer guidance or instruction on more‑or‑less anything related to front‑end and web development.
Below you will find a subset of articles from my blog specifically about Guides. This is an area I have worked with for many years, and it has been a regular subject in my writing. There are three hundred fifty‑one articles collected together for you below.
Static Methods vs. Instance Methods in JavaScript Classes. 
Understanding the :hover Pseudo‑Class in CSS. Understanding the
:hoverPseudo‑Class in CSSThe :hover pseudo‑class seems simple until touchscreens and accessibility get involved. This guide covers how it behaves and where it falls short.
The Value of Choosing a Web Developer Near You: Customised Solutions for Local Success. The Value of Choosing a Web Developer Near You: Customised Solutions for Local Success
Choosing a web developer near you in Brighton or London offers tailored solutions, local insight, and reliable support to help your business thrive online.
Mutation vs. Immutability in JavaScript Arrays and Objects. Mutation vs. Immutability in JavaScript Arrays and Objects
Mutation and immutability in JavaScript explained through arrays, objects, push(), splice(), shared references, UI bugs, and safer update patterns.
Array.includes() vs. indexOf() in JavaScript. Array.includes()vs.indexOf()in JavaScriptCompare Array.includes() and indexOf() in JavaScript, including boolean checks, returned positions, NaN handling, readability, and membership tests.
React Portals Explained. React Portals Explained
React Portals explained with modals, overlays, and tooltips, including DOM placement, event bubbling, accessibility concerns, and when portals help.
Enhancing User Experience with CSS and JavaScript Animations. Enhancing User Experience with CSS and JavaScript Animations
CSS and JS animations enhance user experience by adding smooth transitions and interactivity. Here, I explore best practices, performance, and the real‑world.
CSS Animations: Transitions vs. Keyframes. CSS Animations: Transitions vs. Keyframes
Compare CSS transitions and keyframe animations, including hover effects, loading states, timing control, performance, and when each approach fits.
React Fragments Explained. React Fragments Explained
React Fragments explained through empty tags, keyed fragments, semantic markup, unnecessary wrapper divs, grouped list output, and layout side effects.
Understanding Media Queries in CSS. Understanding Media Queries in CSS
Understand CSS media queries for responsive design, including screen conditions, mobile‑first, and desktop‑first approaches, breakpoints, and device traits.
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.
Mastering CSS Animations with @keyframes. Mastering CSS Animations with
@keyframesCSS `@keyframes` enables animations by defining style changes over time. Here, I explain how it works with examples, properties, and cross‑browser support.
Extends and super in JavaScript Classes. extendsandsuperin JavaScript Classes`Extends` and `super` in JavaScript classes explained with inheritance examples, constructor rules, method overriding, and the trade‑offs of class hierarchies.
JavaScript Essentials for Freelance Web Developers. JavaScript Essentials for Freelance Web Developers
This guide explores JavaScript essentials for freelance web developers. It covers fundamental concepts, practical examples, and tips for mastering JavaScript.
Some of the Most‑Misunderstood Properties in CSS. Some of the Most‑Misunderstood Properties in CSS
Whilst understanding any computing language comes with practice and exposure, there are some areas of CSS that can flummox even the most seasoned of developers.
::Before and ::after Pseudo‑Elements in CSS. ::beforeand::afterPseudo‑Elements in CSSUsing the `:before` and `:after` pseudo‑elements in CSS for styling and content insertion. Here, I cover syntax, practical examples, and best practices.
Promise.all() vs. Promise.race() in JavaScript. Promise.all()vs.Promise.race()in JavaScript`Promise.all()` vs. `Promise.race()` in JavaScript, with async examples, error behaviour, timeouts, practical use cases, and common mistakes in real code.
Building Polyfills for JavaScript Array and String Methods. Building Polyfills for JavaScript Array and String Methods
Polyfills replicate modern JavaScript methods for compatibility. Here, I explain polyfills and show how to build key examples in unsupported environments.