Mastering CSS for Freelance Web Development Projects
CSS is key to delivering responsive, accessible, and visually appealing freelance projects. Here, I explore essential techniques and practices to master CSS.
Articles
Guides, page 20 of 22
The guides are the practical part of this archive: working explanations for a specific web development problem, written to show the decision as well as the answer. The subject varies, but the aim is consistent: enough context to use the technique sensibly rather than copy it blindly.
Mastering CSS for Freelance Web Development Projects. 
What are CSS Preprocessors, and Why Should You Use Them? What are CSS Preprocessors, and Why Should You Use Them?
Learn how Sass, Less and Stylus extend CSS with variables, nesting, mixins and modular files, alongside their build‑step and learning‑curve trade‑offs.
Fundamentals of HTML: A Guide. Fundamentals of HTML: A Guide
HTML fundamentals explained through semantic structure, browser parsing, accessibility, and how markup choices affect modern front‑end work in practice.
Object.freeze(), Object.seal(), and preventExtensions(). Object.freeze(),Object.seal(), andpreventExtensions()Object.freeze(),Object.seal(), andpreventExtensions()explained clearly, including what each allows, what they block, and why shallow locking matters.
CSS visibility: Hiding Elements Without Affecting Layout. CSS
visibility: Hiding Elements Without Affecting LayoutCSS
visibilityhides elements without altering layout. Here, I explain its use cases, differences from opacity, and how it maintains document flow.
Controlling Element Transparency with CSS opacity. Controlling Element Transparency with CSS
opacityCSS
opacitycontrols transparency, from fully opaque to invisible. Here, I explain how it works, its interaction with layout and practical examples.
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, andfixedpositioning 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.
For...in vs. for...of in JavaScript. for...invs.for...ofin JavaScriptCompare for...in and for...of in JavaScript, including keys, values, arrays, objects, iterables, inherited properties, and choosing the clearest loop.
JSON.parse() and JSON.stringify() Explained for Beginners. JSON.parse()andJSON.stringify()Explained for BeginnersJSON.parse()andJSON.stringify()explained clearly, including when to convert data, common mistakes, localStorage use, and why functions disappear.
Live and Static DOM Collections in JavaScript. Live and Static DOM Collections in JavaScript
Understand live HTMLCollection views, static NodeList snapshots, mutation‑skipping bugs, Array.from() conversion, and safe DOM iteration in 2016.
Array.from() and Array.of() in JavaScript. Array.from()andArray.of()in JavaScriptArray.from()andArray.of()in JavaScript explained with NodeLists, array‑like objects, generated arrays, and whynew Array()can still catch people out.
The arguments Object vs. Rest Parameters in JavaScript. The
argumentsObject vs. Rest Parameters in JavaScriptThe
argumentsobject vs. rest parameters in JavaScript, including readability, array behaviour, arrow function differences, and modern best practices.
Why input.value Returns a String in JavaScript. Why
input.valueReturns a String in JavaScriptUnderstand why
input.valuereturns a string, howvalueAsNumberandcheckeddiffer, and how to handle strings, files and missingFormDataentries.