Improve Page Performance with content-visibility
Using the CSS content‑visibility property, we can control when and how an element's content is rendered by the browser.
Articles, page 15 of 29
Articles from more than two decades of building, rebuilding, debugging, and leading web projects.
Improve Page Performance with content-visibility. Improve Page Performance with
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.
What is a Distributed Denial of Service (DDoS) Attack? What is a Distributed Denial of Service (DDoS) Attack?
Learn how DDoS attacks overwhelm services with distributed botnet traffic, why they are hard to block and which mitigations can reduce the risk.
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
useBreakpointValueandChakraProviderin Chakra UI 1.8 to respond to screen sizes in React, with custom breakpoints and server‑rendering caveats.
How to Improve Your Time to First Byte (TTFB). How to Improve Your Time to First Byte (TTFB)
Improve Time to First Byte by checking redirects, connections, cache hits, database queries and origin work before deciding whether to add server capacity.
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.