Trigonometric Functions in CSS
CSS trigonometric functions open up more expressive layout and animation patterns. This guide covers sin(), cos(), tan(), and practical examples.
Articles
Front‑end Development, page 9 of 24
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.
Trigonometric Functions in CSS. 
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.
Will AI Replace Front‑End Developers? Will AI Replace Front‑End Developers?
Will AI replace front‑end developers? This article separates routine automation from judgement, accessibility, browser knowledge, product context, and UX.
ParseInt in JavaScript: The Significance of Radix. parseIntin JavaScript: The Significance of RadixLearn why parseInt()'s radix argument matters in JavaScript, how numeric bases affect parsing and why specifying the base makes conversion predictable.
Build‑Time SEO Checks in Gatsby. Build‑Time SEO Checks in Gatsby
Run build‑time SEO checks in Gatsby across routes, metadata, canonicals, headings, sitemaps, schema, redirects, CMS content gaps, and release confidence.
Harnessing the Power of Function.prototype.bind(). Harnessing the Power of
Function.prototype.bind()Explore JavaScript's `Function.prototype.bind()` method to master function contexts and argument handling, enhancing your code's flexibility and reliability.
Harnessing JavaScript's defineProperty(). Harnessing JavaScript's
defineProperty()Unlock the capabilities of JavaScript's `Object.defineProperty()` for precise property control on objects, enhancing security and data integrity in your code.
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 clearer default‑value logic.
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.
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.
Manipulating Strings in JavaScript with split(). Manipulating Strings in JavaScript with
split()Use JavaScript split() for string manipulation, including delimiters, limits, regular expressions, edge cases, parsing, and practical data handling.
Check If Today is Between Two Dates in JavaScript. Check If Today is Between Two Dates in JavaScript
Using JavaScript we can use the Date() function to create Date objects, and then use less/more than comparisons to work out if the date falls in between.
Why We Use an Empty Dependency Array in React's useEffect Hook. Why We Use an Empty Dependency Array in React's
useEffectHookUnderstand React useEffect's empty dependency array, including run‑once behaviour, cleanup and how omitted or listed dependencies change when effects run.