Smooth Font Size Scaling Between Two Viewport Widths
It's common to want fluid scaling of a font size on medium screens where a page is facing reduced width but not enough to switch to the mobile layout. For [...]
WordPress – Add CSS/JS to Plugin/Theme (with cache-busting & variable-passing)
This demonstrates how to add JavaScript and CSS files to the functions.php file for a WordPress plugin, theme, or child theme, with a few convenience features added in. Which Hooks [...]
Testing Updated Markdown Parser
Simple code fence console.log('4'); Simple code fence within HTML tags ```js console.log('5'); ``` console.log('5'); Testing code blocks in HTML tags Testing Markdown inside a details/summary block Hidden Code Sample ```js [...]
Center Flexbox Column Between Two Variable-Width Columns (Common Toolbar Scenario)
The Issue I often run into the scenario where I'm building a toolbar with items on the left, in the middle, and on the right. The items on the left [...]
Testing Markdown Parser
Testing code blocks in HTML tags Testing Markdown inside a details/summary block Hidden Code Sample ```js console.log('5'); ``` console.log('5'); Testing markdown wrapped in a DIV Test H2 Code sample: [...]
Testing Highlight.js
Testing command line code hint (cmd): rem This is a test netsh delete ipport=0.0.0.0:44369 Code fence with no lang hint will have language auto-detected by highlight.js: ``` console.log("this is a [...]
Post Guidelines
Background This site uses Markdown for simplified input. Specifically, it adheres to the CommonMark spec. Code is highlighted using highlight.js. Adding Code to a Post There are two ways to [...]
Memoize React Components to Prevent Unnecessary Renders
When the state of a React component changes, the component and all of its children will re-render. While this is fine for most cases, you may have a child component [...]
Styled Component Properties in React
By default, properties passed to a styled component are passed on as attributes to the native HTML element created. A regular property must be a valid HTML element attribute, or [...]
Updating Input and Triggering onChange Event Programmatically in React
While it's easy to update an input's value using a ref, that doesn't trigger the input's onChange event, which may be an issue if you're relying on onChange to fire [...]