Adaptive vs. Responsive Design & Development
How responsive layouts, adaptive experiences, dynamic serving, and separate mobile URLs differ, and what each choice means for design and maintenance.
Articles, page 18 of 30
Articles from more than two decades of building, rebuilding, debugging, and leading web projects.
Adaptive vs. Responsive Design & Development. 
What Skills are Required for a Front‑End Developer? What Skills are Required for a Front‑End Developer?
Front‑end developer skills explained, from HTML, CSS, JavaScript, accessibility, debugging, Git, APIs, frameworks, responsive design, and communication.
CSS Visual Order is Not Document Order. CSS Visual Order is Not Document Order
See why CSS visual order can differ from document, reading, and focus order, with Flexbox and Grid examples plus a safer responsive structure to test.
What is an HTML Entity? What is an HTML Entity?
HTML entities explained through reserved characters, invisible spaces, ampersands, symbols, punctuation, browser rendering, and when entities are useful.
Flexbox vs. grid. Flexbox vs.
gridAt first glance, 'flexbox' and 'grid' in CSS appear to solve similar problems in different ways. They are both suited to very different layouts however.
Renaming and Destructuring Variables in ES6. Renaming and Destructuring Variables in ES6
Perhaps one of the most‑used but misunderstood features of ES6, destructuring data is easy to use and leads to cleaner, simpler code and happier developers!
How to Choose a React Developer. How to Choose a React Developer
Hiring a React developer is about more than matching keywords. This guide looks at fundamentals, judgement, and what good front‑end signals look like.
Create Arrays of Any Size with Placeholder Content in JavaScript. Create Arrays of Any Size with Placeholder Content in JavaScript
There are many different ways of creating placeholder arrays in JavaScript ‑ whether the array itself is a placeholder, or simply the content within it.
The Quirks of z-index. The Quirks of
z-indexDebug z‑index quirks in CSS by understanding positioning, stacking contexts, opacity, transforms, huge values, and why layers still misbehave.
How to Rename Local and Remote Git Branches. How to Rename Local and Remote Git Branches
Rename local and remote Git branches cleanly, including branch switching, pushing the new name, deleting the old remote, and avoiding typo fallout.
How to Hire a JavaScript Developer. How to Hire a JavaScript Developer
Hire a JavaScript developer by assessing responsibilities, core front‑end skills, framework knowledge, problem solving, collaboration, and hiring sources.
ReferenceError: window is Not Defined in Gatsby. ReferenceError:windowis Not Defined in GatsbyFix window is not defined in Gatsby or Next.js by understanding SSR, guarding browser globals, lifecycle timing, dynamic imports, and third‑party modules.
Life as a Freelance Developer in Brighton. Life as a Freelance Developer in Brighton
Freelance development in Brighton examined honestly, covering seaside appeal, local community, high costs, commuting, limited local work, and trade‑offs.
Has Google Killed AMP? Has Google Killed AMP?
AMP has long split opinion: Google's preferential treatment of sites using AMP has long been a contentious point. Is it worth implementing AMP any longer?
Announcing Dynamic Updates with ARIA Live Regions. Announcing Dynamic Updates with ARIA Live Regions
Use ARIA live regions for dynamic status updates, choose polite or assertive announcements, handle repeated messages, and know when focus should move.
Ethical Web Development II: Accessibility and Inclusivity. Ethical Web Development II: Accessibility and Inclusivity
Ethical web development part two covers accessibility, inclusivity, WCAG, open source responsibility, and how developers can make safer web experiences.
How to Hire a Freelance Front‑End Developer. How to Hire a Freelance Front‑End Developer
Hire a freelance front‑end developer by clarifying scope, HTML, CSS, JavaScript, Git, testing, performance, debugging, frameworks, and collaboration needs.
Changing the Colour of Placeholder Text. Changing the Colour of Placeholder Text
Change placeholder text colour with CSS ::placeholder, including browser defaults, form styling, input states, and accessible use of placeholder copy.
Ethical Web Development I: Privacy, Consent, and Security. Ethical Web Development I: Privacy, Consent, and Security
Why web developers are responsible for protecting user privacy, rejecting manipulative consent patterns, and building secure, maintainable websites.
Git is a Little Bit Like a Diary. Git is a Little Bit Like a Diary
Git is version control, but it also gives you a running record of how work evolved. This article uses that diary analogy to make Git less abstract.
UK Freelance Front‑End Developer Rates in 2021. UK Freelance Front‑End Developer Rates in 2021
A 2021 guide to UK freelance front‑end developer day rates and how skills, experience, location and project type affected pricing and demand.