Understanding JavaScript's sort() Method
Understand JavaScript's sort() method, including in‑place mutation, string defaults, numeric comparators, object sorting, and unexpected ordering behaviour.
Articles, page 14 of 28
Articles from more than two decades of building, rebuilding, debugging, and leading web projects.
Understanding JavaScript's sort() Method. Understanding JavaScript's
Responsive JavaScript and the matchMedia Method. Responsive JavaScript and the
matchMediaMethodIn the past, we used event listeners on the Window to determine the physical dimensions of a document. Using matchMedia allows us to use media query syntax.
Unravelling JavaScript: Commonly Misunderstood Methods and Features. Unravelling JavaScript: Commonly Misunderstood Methods and Features
A tour of commonly misunderstood JavaScript features, from sort(), slice(), splice(), split(), Math.random(), parseInt(), isNaN(), typeof, and more.
The will‑change Property in CSS. The
will‑changeProperty in CSSThe CSS will‑change property signals that an element may change, allowing the browser to prepare rendering work, although it should only be used selectively.
Using the Modulo Operator in JavaScript. Using the Modulo Operator in JavaScript
A discussion about the JavaScript modulo operator, its functionality, origins, and diverse applications in web dev, including arithmetic and complex algorithms.
Throttling Scroll Events in JavaScript. Throttling Scroll Events in JavaScript
Care needs to be taken when using the onScroll event; it can trigger frequently, leading to greater client‑side resource (CPU) usage, and a laggy interface.
What A Levels Do You Need for Software Engineering? What A Levels Do You Need for Software Engineering?
What A Levels help most for software engineering in the UK? This guide covers Maths, where Computer Science helps, and routes beyond a perfect set.
How to Handle Multiple Named Exports in One JavaScript File. How to Handle Multiple Named Exports in One JavaScript File
A simple explanation about how to handle multiple named exports from a single JavaScript file; an essential piece of knowledge when developing modern websites.
Why Remote Work Did Not Make Brighton Web Developers Less Local. Why Remote Work Did Not Make Brighton Web Developers Less Local
Remote work changed how Brighton web developers collaborate, build trust, support clients, and use local expertise without being limited by geography.
Using CSS Logical Properties for Direction‑Aware Layouts. Using CSS Logical Properties for Direction‑Aware Layouts
Use CSS logical properties for LTR, RTL, and vertical layouts. Map block and inline axes, position components, order fallbacks, and verify support.
How to Import All Named Exports from a JavaScript File. How to Import All Named Exports from a JavaScript File
Import all named exports from a JavaScript module with namespace or explicit named imports, including how each approach handles default exports.
Check If a String Contains Only Whitespace with JavaScript. Check If a String Contains Only Whitespace with JavaScript
Determining whether an input in your application consists of only whitespace needn't be a particularly difficult or complex task. trim() or regex will work!
Keeping Gatsby Build Times Under Control. Keeping Gatsby Build Times Under Control
How to keep Gatsby build times under control by managing data volume, image work, plugins, GraphQL queries, caching, and deployment expectations.
Higher‑Order Functions in JavaScript. 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.
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.