The Power of text‑wrap: pretty
An exploration of the power of `text‑wrap: pretty` in CSS, a simple but very effective way to enhance web typography by preventing orphans in blocks of text.
Articles
Development, page 8 of 19
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 that I have worked with for many years, and have managed to write about quite a few times. There are three hundred thirty‑one collected together for you below.
The Power of text‑wrap: pretty. The Power of
JavaScript's hasOwnProperty() Method. JavaScript's
hasOwnProperty()MethodDiscover JavaScript's `hasOwnProperty()` for checking an object's own properties, an essential method for accurate and reliable object property iteration.
3Sum Closest in JavaScript: Sorting and Two Pointers. 3Sum Closest in JavaScript: Sorting and Two Pointers
Solve 3Sum Closest in JavaScript with sorting and two pointers, reducing brute‑force work while finding the nearest total efficiently in TypeScript.
Removing Duplicates from a JavaScript Array ('Deduping'). Removing Duplicates from a JavaScript Array ('Deduping')
Deduping an array involves removing duplicate values to ensure each item appears only once. Here, I explore different JavaScript techniques to achieve this.
Trigonometric Functions in CSS. Trigonometric Functions in CSS
CSS trigonometric functions open up more expressive layout and animation patterns. This guide covers sin(), cos(), tan(), and practical examples.
JavaScript's typeof Operator: Uses and Limitations. JavaScript's
typeofOperator: Uses and LimitationsExplore the usage and limitations of JavaScript's `typeof` operator, understand its quirks, and learn when and how to use it effectively in your code.
ParseInt in JavaScript: The Significance of Radix. parseIntin JavaScript: The Significance of RadixParseInt() can give surprising results if you ignore radix. This guide explains why the second argument matters and when Number() is a better fit.
Harnessing the Power of Prototype.bind(). Harnessing the Power of
Prototype.bind()Explore JavaScript's `Prototype.bind()` method to master function contexts and argument handling, enhancing your code's flexibility and reliability.
Automatically Generate Text Sitemaps in Gatsby. Automatically Generate Text Sitemaps in Gatsby
When it comes to text‑based sitemaps in Gatsby, gatsby‑plugin‑sitemap falls short. Fortunately, it is straightforward to implement using Node.js and GraphQL.
JavaScript Array Manipulation: slice() vs. splice(). JavaScript Array Manipulation:
slice()vs.splice()Compare JavaScript slice() and splice(), including copying versus mutation, return values, array edits, common confusion, and safer manipulation patterns.
Understanding the Nullish Coalescing (??) Operator in JavaScript. Understanding the Nullish Coalescing (
??) Operator in JavaScriptUnderstand JavaScript's nullish coalescing operator, comparing ?? with ||, preserving valid falsy values, and writing cleaner default fallbacks safely.
Understanding setTimeout() in JavaScript. Understanding
setTimeout()in JavaScriptAn exploration of JavaScript's `setTimeout` function. Understand its nuances in component lifecycles, and learn effective timing strategies using it.
The LeetCode Zigzag Conversion Problem in TypeScript. The LeetCode Zigzag Conversion Problem in TypeScript
An exploration of the Zigzag Conversion problem: solve using string manipulation in web development, from iterative approaches to direct mathematical solutions.
Common Accessibility Pitfalls in Web Development. Common Accessibility Pitfalls in Web Development
Accessibility issues often creep in through ordinary front‑end habits. This article covers common mistakes and the fixes that make sites easier to use.
Sorting Objects in JavaScript. Sorting Objects in JavaScript
Sort arrays of objects in JavaScript with comparator functions, numeric and string properties, return values, case sensitivity, and deeper sorting notes.
Commenting in Front‑End Languages. Commenting in Front‑End Languages
There are essentially two different types of commenting in development languages: single‑line, and multi‑line. Here, we discuss these, and how to use them.
Dynamic Array Manipulation with JavaScript's splice(). Dynamic Array Manipulation with JavaScript's
splice()Discover how to master array modifications with JavaScript's Array.prototype.splice(), your all‑in‑one method for removing, adding, and replacing elements.
Using the filter() Method in JavaScript. Using the
filter()Method in JavaScriptUse JavaScript filter() to create arrays of matching items, with callback syntax, object filtering examples, readable predicates, and practical tips.