Higher‑Order Functions in JavaScript
Higher‑order functions in JavaScript take functions as arguments or return them. Here, I explore their benefits, common use cases, and practical examples.
Articles
Front‑End Development, page 11 of 25
Front‑end development is where product intent becomes the interface people actually use. My writing approaches it as engineering rather than surface decoration, with attention to browser behaviour and code that remains accessible, fast, and safe for a team to change.
Higher‑Order Functions in JavaScript. 
Improve Page Performance with content-visibility. Improve Page Performance with
content-visibilityUsing the CSS content‑visibility property, we can control when and how an element's content is rendered by the browser.
Resolving mini-css-extract-plugin Warnings in Gatsby. Resolving
mini-css-extract-pluginWarnings in GatsbySeeing Conflicting Order warnings in your Terminal whilst building your Gatsby project is not uncommon, but fortunately is very easy to fix (or suppress) too.
The End of Internet Explorer. The End of Internet Explorer
Today marks a linchpin moment in web development, and especially front‑end development. Microsoft has formally retired their long‑standing, divisive browser.
Using Container Queries in CSS. Using Container Queries in CSS
Learn how CSS container queries apply styles according to a parent container's size, with @container examples, fallbacks and current support context.
Position: sticky in CSS. position: stickyin CSSAchieving sticky positioning on the web was once a weighty process using JavaScript to detect scroll positions and switch styles. Now, we have position: sticky!
Using the CSS :has Pseudo‑Class. Using the CSS
:hasPseudo‑ClassThe :has CSS selector allows you to select a parent element based on whether it has a certain child or children. It's powerful but it has some limitations.
Spread Syntax in JavaScript (...). Spread Syntax in JavaScript (
...)In a nutshell, JavaScript spread syntax allows you to pass the elements of an iterable (for example an array), through to a function as individual elements.
The Safest Way to Test for NaN in JavaScript. The Safest Way to Test for
NaNin JavaScriptWhy equality, typeof and global isNaN() are unreliable JavaScript NaN checks, and when Number.isNaN() provides a safer modern alternative in practice.
When to Use var or let or const. When to Use
varorletorconstCompare var, let, and const in JavaScript, including scope, hoisting, reassignment, block behaviour, ES6 defaults, and when each declaration fits.
Local SEO is a Technical Problem Too. Local SEO is a Technical Problem Too
Local SEO is a technical problem too, covering crawlable content, structured pages, performance, metadata, internal links, and reliable local signals.
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.
Can I Learn Front‑End Development in 2 Months? Can I Learn Front‑End Development in 2 Months?
Can you learn front‑end development in 2 months? Yes for fundamentals and small projects, no for mastery. Here is what eight focused weeks can realistically do.
Where to Find Jobs in Web Development. Where to Find Jobs in Web Development
Find web development jobs through job boards, aggregators, social networking, cold outreach, freelance routes, contract listings, and better search habits.
localStorage in JavaScript. localStoragein JavaScriptWith HTML5, new storage APIs became available that allow us to store small amounts of non‑essential data on the client‑side without needing cookies.
Detecting Breakpoints in React Using Chakra UI. Detecting Breakpoints in React Using Chakra UI
Use
useBreakpointValueandChakraProviderin Chakra UI 1.8 to respond to screen sizes in React, with custom breakpoints and server‑rendering caveats.
Optional Chaining in JavaScript (?.). Optional Chaining in JavaScript (
?.)Introduced as part of the ES2020 spec, JavaScript optional chaining takes some of the guesswork and convoluted if statement structuring out of accessing data.
Semantic HTML. Semantic HTML
Semantic HTML explained through meaningful elements, HTML5 structure, header, nav, footer, section, figure, accessibility, and more understandable markup.