Performance Lessons from Small Brighton Websites
Small Brighton websites can still be slow. Here are practical performance lessons on images, scripts, hosting, mobile UX, and maintainable fixes.
Articles, page 16 of 28
Articles from more than two decades of building, rebuilding, debugging, and leading web projects.
Performance Lessons from Small Brighton Websites. Web Development and the Environment. Web Development and the Environment
Web development has an environmental cost, from heavy pages to inefficient infrastructure. This article looks at where teams can reduce the damage.
Understanding and Using Flexbox in CSS. Understanding and Using Flexbox in CSS
Flexbox in CSS allows for flexible, dynamic and responsive layouts. Learn how to use its properties to create efficient interfaces and avoid potential issues.
React vs. Vue vs. Angular. React vs. Vue vs. Angular
Compare React, Vue, and Angular across ecosystem, learning curve, state, templates, team fit, SEO concerns, and how to choose a front‑end framework.
Specificity in CSS. Specificity in CSS
CSS specificity explains why some selectors win and others stubbornly do not. This guide breaks down the rules without making them feel mystical.
Static Site Generators. Static Site Generators
Static site generators trade runtime complexity for build‑time output. This article looks at the benefits, the drawbacks, and where they fit best.
Use Chrome's Developer Tools to Track Element Focus. Use Chrome's Developer Tools to Track Element Focus
Use Chrome Developer Tools to track focused elements, debug phantom keyboard focus, improve accessibility testing, and create a useful live expression.
10 Essential SEO Tips for Front‑End Developers. 10 Essential SEO Tips for Front‑End Developers
Ten practical SEO areas front‑end developers can influence, from site speed and semantics to metadata, mobile UX, internal links, and structured data.
All About Headless CMSes. All About Headless CMSes
What headless CMSes are, how API‑first content supports multiple front ends, who benefits, and the trade‑offs between several popular platforms.
How to Amend Git Commits. How to Amend Git Commits
Amend Git commits safely with git commit ‑‑amend, message fixes, forgotten files, reset alternatives, tidy history, and remote‑branch cautions.
A Beginner's Guide to Web Hosting. A Beginner's Guide to Web Hosting
A beginner's guide to how web hosting works, the differences between shared, VPS, dedicated and cloud hosting, and how to choose a suitable provider.
Planning Content Models for a Headless CMS. Planning Content Models for a Headless CMS
How to plan headless CMS content models around reusable content, editor workflows, front‑end rendering, SEO fields, references, and migration risk.
What Makes a Great JavaScript Developer? What Makes a Great JavaScript Developer?
What makes a great JavaScript developer goes well beyond syntax. This article looks at judgement, fundamentals, debugging, and day‑to‑day habits.
Do Websites Need to Look the Same in Every Browser? Do Websites Need to Look the Same in Every Browser?
Progressive enhancement in web development is often misunderstood: it allows us to take advantage of more modern browsers, without penalising the older ones.
Adaptive vs. Responsive Design & Development. Adaptive vs. Responsive Design & Development
Now used as almost trivial marketing buzz words, there really are significant differences between responsive and adaptive design and development techniques.
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.
