Controlling Element Transparency with CSS opacity
CSS `opacity` controls transparency, from fully opaque to invisible. Here, I explain how it works, its interaction with layout, with practical examples.
Articles
Development, page 21 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 seven articles collected together for you below.
Controlling Element Transparency with CSS opacity. Controlling Element Transparency with CSS
Optimising HTML Markup for SEO. Optimising HTML Markup for SEO
Optimise HTML markup for SEO and accessibility with semantic elements, heading structure, alt text, clean code, anchor text, and crawler‑friendly structure.
Number.isNaN(), Number.isFinite(), and Number.isInteger() in JavaScript. Number.isNaN(),Number.isFinite(), andNumber.isInteger()in JavaScriptNumber.isNaN(), Number.isFinite(), and Number.isInteger() explained through strict numeric checks, coercion traps, parsing boundaries, and validation.
Browser vs. Node.js in JavaScript: Why Code Works in One and Fails in the Other. Browser vs. Node.js in JavaScript: Why Code Works in One and Fails in the Other
Browser and Node.js JavaScript compared through host APIs, globals, modules, async behaviour, DOM access, server APIs, and environment mix‑ups cleanly.
Understanding CSS Positioning. Understanding CSS Positioning
A fairly entry‑level overview of the basics of CSS positioning. Learn how to use `static`, `relative`, `absolute`, and `fixed` positioning with examples.
Function Declarations vs. Function Expressions vs. Arrow Functions. Function Declarations vs. Function Expressions vs. Arrow Functions
Function declarations vs. function expressions vs. arrow functions in JavaScript, including hoisting, `this`, readability, and when each style fits best.
String.startsWith(), endsWith(), and includes() in JavaScript. String.startsWith(),endsWith(), andincludes()in JavaScriptUse startsWith(), endsWith(), and includes() in JavaScript for clearer string checks, case‑sensitive matching, position arguments, and readable intent.
Understanding Phantom window.resize Events in iOS. Understanding Phantom
window.resizeEvents in iOSUnderstand phantom window.resize events in iOS Safari, including dynamic browser UI, viewport changes, orientation, user interaction, and mitigation patterns.
For...in vs. for...of in JavaScript. for...invs.for...ofin JavaScriptCompare for...in and for...of in JavaScript, including keys versus values, arrays, plain objects, iterables, inherited properties, and intent cleanly.
JSON.parse() and JSON.stringify() Explained for Beginners. JSON.parse()andJSON.stringify()Explained for Beginners`JSON.parse()` and `JSON.stringify()` explained clearly, including when to convert data, common mistakes, localStorage use, and why functions disappear.
Array.from() and Array.of() in JavaScript. Array.from()andArray.of()in JavaScript`Array.from()` and `Array.of()` in JavaScript explained with NodeLists, array‑like objects, generated arrays, and why `new Array()` can still catch people out.
The arguments Object vs. Rest Parameters in JavaScript. The
argumentsObject vs. Rest Parameters in JavaScriptThe `arguments` object vs. rest parameters in JavaScript, including readability, array behaviour, arrow function differences, and modern best practices.
Why HTML Form Values are Always Strings in JavaScript. Why HTML Form Values are Always Strings in JavaScript
Understand why HTML form values are always strings in JavaScript, plus safe conversion for numbers, booleans, checkboxes, radio buttons, and FormData.
Object Property Shorthand and Computed Property Names in JavaScript. Object Property Shorthand and Computed Property Names in JavaScript
Use object property shorthand and computed property names in JavaScript for cleaner literals, derived keys, method shorthand, and overwrite cautions.
Object.assign() in JavaScript: Merging and Shallow Copies. Object.assign()in JavaScript: Merging and Shallow CopiesUse Object.assign() in JavaScript for merging and shallow copies, with target mutation, overwrite rules, nested‑object cautions, and newer alternatives.
Using Feature Detection in Front‑End Development. Using Feature Detection in Front‑End Development
Use feature detection in front‑end work by checking browser capability, choosing enhancement or fallback paths, and avoiding fragile user‑agent assumptions.
Rendering Lists in React and Why Keys Matter. Rendering Lists in React and Why Keys Matter
Render lists in React with stable keys, avoiding index and random‑key bugs, preserving component state correctly through filtering, sorting, and reordering.
Writing Safer JavaScript for Older Browsers. Writing Safer JavaScript for Older Browsers
Write safer JavaScript for older browsers by checking support, avoiding fragile assumptions, containing failures, and keeping core interactions usable.