I compare approaches to styling React components, including global stylesheets, inline style objects, CSS and component libraries, per-component CSS files, CSS modules, and styled-components. I demonstrate each on a simple card component, noting trade-offs such as name clashes, hover effects, and unused CSS accumulating over time. I find styled-components the most elegant but lean toward per-component CSS files to avoid extra dependencies...
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 compare my solution to the first CSS assignment in the Complete Web Developer course with the instructor’s, covering differences in semantic HTML choices, the use of classes versus selectors, and layout techniques like flexbox. I also note new concepts introduced in the solution, including vh units, media queries, and a fixed-position sticky navbar, along with a centering issue that arose when applying it...
I write up the first practical challenge in the Zero To Mastery Complete Web Developer course: building a responsive page layout with CSS. Instead of mixing flexbox and grid as the challenge suggested, I used only CSS grid, then walk through the code for each section — nav bar, cover image, project grid, and footer — noting the nav link alignment was the trickiest part...
I found the ZTM webdev course was skipping ahead too quickly and decided it needed supplementing. For CSS, I’ve chosen a YouTube series by Dave Gray as the additional material...
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...
