Quick Tip: You Might Not Need Calc()
A CSS tip explaining that the calc() function is often unnecessary when using min(), max(), and clamp() for calculations.
A CSS tip explaining that the calc() function is often unnecessary when using min(), max(), and clamp() for calculations.
A technical guide explaining CSS Subgrid, its use cases, and how it solves layout alignment problems in modern web design.
A detailed guide explaining the differences between CSS position properties: static, relative, absolute, fixed, and sticky.
Explains how to update React state via a component, using a custom heading component as an example, instead of a state updater function.
A web developer's strategy for using modern CSS features while ensuring compatibility with older browsers through progressive enhancement and fallbacks.
Exploring the hidden 'event' variable in HTML onclick attributes and how to access it for form submission handling.
A guide to naming colors in app development for better code readability, team communication, and enforcing a consistent design palette.
Explains why JSX expressions in React must have a single parent element, detailing the underlying JavaScript translation and React.createElement method.
A tutorial on creating a reusable modal dialog component using Bootstrap in a Blazor application.
Introducing localStore, a JavaScript library that simplifies localStorage usage by automatically handling JSON conversion and adding features like automatic expiry.
A tutorial on building a Chrome extension using Next.js and the Notion API to save and tag web links.
Overview of new CSS, HTML, and JavaScript features recently implemented in Safari and other browsers, including :has(), trigonometric functions, and viewport units.
A developer reflects on their technical contributions at Forem, including implementing pre-commit hooks, upgrading Preact, and advocating for accessibility.
Explains the Web Storage API, focusing on synchronous key/value storage using localStorage and sessionStorage for browser-based data.
Explains how Core Web Vitals apply to Single-Page Applications (SPAs), highlighting measurement gaps and optimization strategies like SSR.
A tutorial on implementing a fixed (sticky) column in a React table using the React Table Library.
A developer explains why they continue to use Sass for CSS, highlighting its benefits for organization, variables, and loops in team projects.
A comprehensive cheatsheet for JavaScript DOM manipulation and jQuery, comparing vanilla JS and jQuery syntax for common web development tasks.
A developer shares their personal approach to structuring and writing React components, including import order and styling conventions.
A CSS technique using keyframes to animate newly added DOM elements without needing JavaScript setTimeout or class juggling.