An introduction to htmx and the hypermedia and HATEOAS concepts behind it, followed by a conversion of a simple todo app from a Node/Express setup that serves JSON and renders client-side in JavaScript to an htmx version where the server returns HTML fragments instead. I compare the two implementations and discuss when htmx makes sense, particularly for server-side developers who want to avoid writing frontend JavaScript...
A failed attempt to replace my React component’s inline-styled div with plain HTML and CSS leads to the realization that JSX is JavaScript code that mutates the virtual DOM, not HTML. I question why React uses the faux-HTML syntax instead of a pure JavaScript DOM API. An update notes that a video revealed the HTML-like syntax was an intentional selling point of React, and that similar ideas have already been tried and abandoned...
After a podcast episode on JavaScript features to avoid piqued my interest in eval(), I built a browser-based calculator that passes button presses as a string directly to eval(). The app mimics the iPhone calculator’s design, with most of the effort going into CSS that displays correctly across different devices. I also cover browser responsive-mode tooling and a touch-action fix for iOS Safari’s double-tap zoom, with links to the source and live version...
I give a beginner-level introduction to HTML covering what markup tags are, paired versus unpaired tags, and why HTML is semantic rather than about display. I explain the basic document structure with html, head, and body tags, how tags nest, and how to add an image with the img tag, building up a simple example page along the way...
Emmet is a Visual Studio Code feature that expands short abbreviations into full HTML, using CSS selector syntax. I describe how I discovered it and demonstrate the basics: creating elements with classes and ids, nesting child elements, inserting text, and repeating items such as list entries...
I compare ways of displaying Swift code snippets in WordPress posts, including the default code block, the paid SyntaxHighlighter block, screenshots, pasted rich text, and raw HTML, aiming for Xcode-style syntax highlighting. Citing Paul Hudson’s site as the ideal, I conclude that a proper solution would require better HTML and CSS skills than I currently have...
My HTML experience ends in 1996, before CSS existed, so I am catching up on the basics. I share and recommend a Tech With Tim video introducing CSS for non-web developers, embedded in the post...
