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
CSS, page 5 of 5
Almost as old as front‑end development itself, CSS is a stylesheet language that describes the presentation of an HTML or XML document. We write CSS to describe how elements should be rendered and animated on‑screen, when printed, in speech, or in other media. In web development, writing CSS is an underappreciated skill that not many fully master.
Below you will find a subset of articles from my blog specifically about CSS. This is an area I have worked with for many years, and it has been a regular subject in my writing. There are eighty‑one articles collected together for you below.
Mastering CSS for Freelance Web Development Projects. 
Organising Sass with Partials and Mixins. Organising Sass with Partials and Mixins
Organise Sass with partials and mixins so stylesheets stay readable, reusable, easier to change, and less likely to hide component‑level side effects.
What are CSS Preprocessors, and Why Should You Use Them? What are CSS Preprocessors, and Why Should You Use Them?
CSS preprocessors like Sass and Less enhance standard CSS with features like variables and nesting. Here, I explore their benefits and why they're essential.
Fundamentals of HTML: A Guide. Fundamentals of HTML: A Guide
A deep dive into the fundamentals of HTML, the foundation of the web. Here I cover its history, usage, evolution, and integration with other web technologies.
CSS visibility: Hiding Elements Without Affecting Layout. CSS
visibility: Hiding Elements Without Affecting LayoutCSS `visibility` hides 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 `opacity` controls transparency, from fully opaque to invisible. Here, I explain how it works, its interaction with layout, with practical examples.
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.
!important in CSS. !importantin CSSUnderstand why !important in CSS creates cascade, specificity, consistency, and maintenance problems, plus when an override may still be defensible.
Setting CSS Blur Filter to Zero on a Retina Screen. Setting CSS Blur Filter to Zero on a Retina Screen
A bug in the WebKit engine that only affects website Retina screen devices means that setting a zero‑blur filter in CSS isn't as easy as it should be.
