Adding Myers Diff To Share Link Snapshots In Big Sexy Poems
Explains enhancing a poetry app's share links with Myers Diff algorithm to show granular differences between poem snapshots and live edits.
BenNadel.com is a personal blog by Ben Nadel, a web development expert, covering a wide range of topics including JavaScript, ColdFusion, Angular, and various modern web technologies. The blog features deep-dive tutorials, practical coding tips, and insights on web development best practices. With a focus on real-world problem-solving, Ben shares his extensive experience as a full-stack developer, making the site a valuable resource for developers at all levels.
57 articles from this blog
Explains enhancing a poetry app's share links with Myers Diff algorithm to show granular differences between poem snapshots and live edits.
A developer explores using the GitHub Markdown API for syntax highlighting in ColdFusion, moving away from GitHub Gists.
Explores the Broadcast Channel API for cross-document communication in JavaScript, comparing it to window.postMessage() and providing a demo.
A developer enhances the GildedRose kata test output in ColdFusion by implementing the Myers Diff algorithm for better error visualization.
A developer explores implementing the Myers Diff algorithm in ColdFusion to create detailed text comparisons for debugging code kata results.
A walk-through of manually refactoring the complex GildedRose kata code in ColdFusion, focusing on improving the updateQuality method.
A developer creates a ColdFusion/CFML version of the GildedRose refactoring kata, sharing the initial complex code for others to practice refactoring.
A developer explores creating an animated focus ring using DOM elements and JavaScript, moving beyond CSS :focus-visible for custom animations.
Explores techniques to link to and auto-expand HTML <details> elements, focusing on browser behavior and JavaScript solutions for better UX.
A technical exploration of styling the native HTML <dialog> element to function as a fly-out sidebar, overriding default browser styles.
A technical exploration of the native HTML <dialog> element, covering its modal and non-modal states, accessibility benefits, and usage.
Explains how to store and access custom metadata on HTML <option> elements using data-* attributes in JavaScript.
A web developer's list of widely available CSS, JavaScript, and DOM API features to learn, based on Google's Baseline project and W3C resources.
A developer reflects on a difficult 2025 and plans for 2026, focusing on 'Just in Case' vs. 'Just in Time' learning strategies for professional growth.
Explains how to order required and optional arguments in ColdFusion functions for better semantic clarity, using named parameters.
A ColdFusion code kata exploring methods for conditionally formatting compound strings like names and addresses, comparing brute-force logic with list functions.
Explains how to use Lambda functions and IIFEs for short-circuiting control flow in ColdFusion to improve code readability while managing post-processing logic.
Explains how to configure ColdFusion to process non-CFML files (like .html, .txt) as executable CFML code when using the cfinclude tag.
Explores a workaround for ColdFusion's lack of a native function to render images directly to binary, proposing custom UDFs for better workflow.
Explains how to convert HTTP header values from ISO-8859-1 to UTF-8 encoding in a ColdFusion application, specifically for Cloudflare geo-headers.