Exploring CSS Viewport Units Beyond vw and vh
Explore 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.
Articles
Development, page 13 of 23
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 fourteen articles collected together for you below.
Exploring CSS Viewport Units Beyond vw and vh. Exploring CSS Viewport Units Beyond
Cleaning up Your JavaScript Code: The Double Bang (!!) Operator. Cleaning up Your JavaScript Code: The Double Bang (
!!) 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.
Performance Lessons from Small Brighton Websites. 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.
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.
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.
All About Headless CMSes. All About Headless CMSes
Websites have not been set‑and‑forget for a long time now, and without the technical know‑how to update a static site, CMSes are a key part of web development.
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.
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.
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 again.
