!important in CSS
Understand why !important in CSS creates cascade, specificity, consistency, and maintenance problems, plus when an override may still be defensible.
Articles
Front‑end Development, page 25 of 25
Front‑end development is where product intent becomes the interface people actually use. My writing approaches it as engineering rather than surface decoration, with attention to browser behaviour and code that remains accessible, fast, and safe for a team to change.
!important in CSS. Handling Click Events in JavaScript. Handling Click Events in JavaScript
Handle click events in JavaScript with onclick and addEventListener, including vanilla alternatives to jQuery, event targets, and common interaction patterns.
DOMContentLoaded vs. load in JavaScript. DOMContentLoadedvs.loadin JavaScriptCompare DOMContentLoaded and load in JavaScript, including parsing, asset loading, script timing, selector failures, and when each event is useful.
Why querySelector Returns null in JavaScript. Why
querySelectorReturnsnullin JavaScriptDebug querySelector returning null in JavaScript by checking selector syntax, DOM timing, missing elements, search scope, and querySelectorAll differences.
How to Check an Element Exists with and Without jQuery. How to Check an Element Exists with and Without jQuery
Check whether an element exists with jQuery or vanilla JavaScript before running DOM code, avoiding null errors and fragile client‑side behaviour.
A Simple Popup Window Using jQuery. A Simple Popup Window Using jQuery
Opening a new browser window programmatically on‑click is very simple to achieve with jQuery, and no more complex to achieve with vanilla JavaScript too!
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.
Button vs. Link: Native Semantics Before Custom Click Handlers. Button vs. Link: Native Semantics Before Custom Click Handlers
Use links for navigation and buttons for actions, preserving native focus and keyboard behaviour before adding custom click handlers or ARIA roles.
Safe DOM Insertion and Sanitisation. Safe DOM Insertion and Sanitisation
Choose between textContent and innerHTML safely, handle Internet Explorer's innerText fallback, and know exactly when untrusted HTML needs sanitisation.
Why removeeventlistener() Needs the Same Function Reference. Why
removeeventlistener()Needs the Same Function ReferenceUnderstand why removeEventListener needs the original callback reference, how anonymous functions differ, and what Internet Explorer required in 2010.
