Improving Scroll Performance with Passive Event Listeners
Use passive event listeners safely: learn when touch and wheel handlers block scrolling, when preventDefault() is required, and why handler cost is separate.
Articles
Development, page 23 of 26
Development is the broadest category in my writing, so it works as the main archive rather than a narrow subject label. It brings together implementation notes and technical decisions, with delivery lessons from across the rest of the site.
Improving Scroll Performance with Passive Event Listeners. 
::Before and ::after Pseudo‑Elements in CSS. ::beforeand::afterPseudo‑Elements in CSSUsing the
:beforeand:afterpseudo‑elements in CSS for styling and content insertion. Here, I cover syntax, practical examples, and best practices.
Understanding the Critical Rendering Path. Understanding the Critical Rendering Path
Follow HTML, CSS, and JavaScript through the browser's critical rendering path, then find the resources delaying the first useful render.
Promise.all() vs. Promise.race() in JavaScript. Promise.all()vs.Promise.race()in JavaScriptPromise.all()vs.Promise.race()in JavaScript, with async examples, error behaviour, timeouts, practical use cases, and common mistakes in real code.
Building Polyfills for JavaScript Array and String Methods. Building Polyfills for JavaScript Array and String Methods
Polyfills replicate modern JavaScript methods for compatibility. Here, I explain polyfills and show how to build key examples in unsupported environments.
JavaScript Error Handling Patterns. JavaScript Error Handling Patterns
Error handling in JavaScript is vital for building robust applications. Here, I explore modern patterns like try‑catch, async/await, and global error handlers.
The CSS overflow Property. The CSS
overflowPropertyUnderstand the CSS overflow property, including visible, hidden, scroll, auto, x, and y control, scrollbars, accessibility, and mobile‑browser quirks.
The Difference Between JavaScript Callbacks and Promises. The Difference Between JavaScript Callbacks and Promises
JavaScript callbacks can run synchronously or later; promises represent one eventual result. I explain their differences, error handling and asynchronous flows.
Array.find(), Array.some(), and Array.every() in JavaScript. Array.find(),Array.some(), andArray.every()in JavaScriptArray.find(),Array.some(), andArray.every()in JavaScript explained clearly, including return values, use cases, and when each method fits best.
Understanding CSS Transitions. Understanding CSS Transitions
CSS transitions allow us to create smooth animations between states, enhancing user experience. Here, I discuss how to use transitions with practical examples.
Object.is() vs. Strict Equality in JavaScript. Object.is()vs. Strict Equality in JavaScriptCompare Object.is() and strict equality in JavaScript, including NaN, signed zero, loose equality contrast, and when precision matters in real code.
What is CORS and Why is My JavaScript fetch Blocked? What is CORS and Why is My JavaScript
fetchBlocked?CORS explained for JavaScript fetch errors, including same‑origin policy, server opt‑in, preflight requests, credentials, and what front‑end code can fix.
BEM and Sass for Component CSS. BEM and Sass for Component CSS
Use BEM and Sass together for component CSS with clear naming, shallow nesting, modifiers, reusable mixins, and less fragile front‑end styling over time.
Creating and Dispatching Custom Events in JavaScript. Creating and Dispatching Custom Events in JavaScript
Create and dispatch custom events in JavaScript with CustomEvent, detail payloads, bubbling, naming choices, cancellation, and component examples.
Mastering CSS for Freelance Web Development Projects. 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.
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?
Learn how Sass, Less and Stylus extend CSS with variables, nesting, mixins and modular files, alongside their build‑step and learning‑curve trade‑offs.
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.