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!
Articles, page 13 of 26
Articles from more than two decades of building, rebuilding, debugging and leading web projects.
Check If a String Contains Only Whitespace with JavaScript. 
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 how an element interacts with the browser render, controlling when or how an element content renders.
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
Container queries are a powerful new feature in CSS that allow us to move away from view‑port based responsiveness to more explicit isolated areas of the page.
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. The Safest Way to Test for
NaNNaN is an unusual concept in JavaScript, especially for developers newer to the language. As a result, testing for it can be more complex than first expected.
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.
What is a Distributed Denial of Service (DDoS) Attack? What is a Distributed Denial of Service (DDoS) Attack?
It has been a little while since a DDoS attack made the headlines. Nevertheless, the risk is omnipresent and very difficult to do anything about or to stop.
Gatsby & GraphQL: Nodes vs. Edges. Gatsby & GraphQL: Nodes vs. Edges
Gatsby and GraphQL nodes versus edges explained through graph theory, query shape, pagination, and why Gatsby data often exposes both structures.
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.
Why You Should Not Use Protocol‑Relative URLs. Why You Should Not Use Protocol‑Relative URLs
Avoid protocol‑relative URLs on modern sites, with reasons around HTTPS, security, performance, browser expectations, and clearer absolute resource loading.
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 Chakra UI breakpoints in React with useBreakpoint and ThemeProvider, including responsive interface choices and custom breakpoint configuration.
