Articles from more than two decades of building, rebuilding, debugging, and leading web projects.
mini-css-extract-plugin Warnings 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.
Today marks a linchpin moment in web development, and especially front‑end development. Microsoft has formally retired their long‑standing, divisive browser.
Technical debt describes the cost of future change, not just code someone dislikes. Its origins, accidental debt, and how to make a useful case for improvement.
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 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!
:has Pseudo‑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.
...)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.
NaN in JavaScriptWhy equality, typeof and global isNaN() are unreliable JavaScript NaN checks, and when Number.isNaN() provides a safer modern alternative in practice.
var or let or constCompare 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, covering crawlable content, structured pages, performance, metadata, internal links, and reliable local signals.
Learn how DDoS attacks overwhelm services with distributed botnet traffic, why they are hard to block and which mitigations can reduce the risk.
Gatsby and GraphQL nodes versus edges explained through graph theory, query shape, pagination, and why Gatsby data often exposes both structures.
preload AttributeUnderstand the HTML video preload attribute, including auto, metadata, none, browser behaviour, bandwidth cost, playback expectations, and trade‑offs.
Avoid protocol‑relative URLs on modern sites, with reasons around HTTPS, security, performance, browser expectations, and clearer absolute resource loading.
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.
Find web development jobs through job boards, aggregators, social networking, cold outreach, freelance routes, contract listings, and better search habits.
localStorage in 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.
Use useBreakpointValue and ChakraProvider in Chakra UI 1.8 to respond to screen sizes in React, with custom breakpoints and server‑rendering caveats.
Improve Time to First Byte by checking redirects, connections, cache hits, database queries, and origin work before deciding whether to add server capacity.
?.)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 explained through meaningful elements, HTML5 structure, header, nav, footer, section, figure, accessibility, and more understandable markup.