Articles
This is a very broad category within my articles which encompasses any aspect of web development, from initial design and architecture to coding, testing, and deployment.
Below you will find a subset of articles from my blog specifically about Development. This is an area I have worked with for many years, and it has been a regular subject in my writing. There are four hundred eleven articles collected together for you below.
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.
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.
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.
Use Chakra UI breakpoints in React with useBreakpoint and ThemeProvider, including responsive interface choices and custom breakpoint configuration.
?.)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.
Understand CSS positioning with static, relative, absolute, fixed, and sticky values, including containing blocks, layout effects, and common front‑end bugs.
You can let Google know that your website (and the content within) has been updated by submitting an updated sitemap automatically via a simple Node.js script.
Understand CSS margin collapse, including vertical margins, parent‑child behaviour, margin transference, why it feels odd, and how to prevent it.
Change the mouse cursor with CSS using built‑in cursor values or custom assets, while keeping interaction cues useful and avoiding distracting effects.
vw and vhExplore CSS viewport units beyond vw and vh, including vmin, vmax, vi, vb, svh, lvh, and dvh for mobile browser chrome, writing modes, and sizing bugs.
!!) OperatorThe double bang operator turns values into explicit booleans, but it is not always the clearest option. Here's when it helps and when it does not.
Small Brighton websites can still be slow. Here are practical performance lessons on images, scripts, hosting, mobile UX, and maintainable fixes.