Posts

HTML Refresher and Detailed Study - Part 4

Post series: Part 1 ,     Part 2 ,     Part 3 Contents Data attributes in HTML Some React libraries use data attributes W3Schools HTML tutorial has limited coverage of data attributes MDN guide page for data attributes is recommended by Gemini Dynamically generated HTML elements may be more easily targetted via data attributes Backend server populates elements with data attributes to identify them State tracking using data attributes Passing small bits of configuration using data attributes Some React libraries using data attributes to identify elements it interacts with React Styling libraries like Headless UI using data attributes to signal state to CSS React library using data attributes for metadata avoiding prop drilling Data attributes store data in DOM itself in contrast to JavaScript variables Data attributes are more easily visible in Chrome Inspector/DevTools as compared to JavaScript variables Small data...
Post a Comment
Read more

Markdown (incl. Gemini Chat Responses) to Blogger Blog Post HTML - Procedures and Tips

Last updated on 23 Apr 2026 Jump Links VS Code NBSP Find and Replace Removing id attribute from header tags using regex in VS Code Changing h3 tags to h2 excluding h3 tags followed by specific class using regex in VS Code SOP for Gemini chat markdown conversion to html for Blogger post Optimizing Table Layouts Increasing Table Column Spacing via border-spacing "One-Liner" for Table Grid Borders - Not Straightforward Search and Replace in Blogger Edit HTML window Stripping hljs-* Highlighting Classes from HTML VS Code NBSP Find and Replace # 20:59, 13 April 2026 From Gem chat: VS Code NBSP Find and Replace Me: When I copy pasted a message from one of our chats to VS Code, what seemed to me to be a space got copied over as NBSP character which showed as a space but was not being matched in a find with space. ... [After getting soln.] Me: That's it. Now it shows me a border around it. Hmm. I think this has changed in recent VS Code updates. Previously I would see i...
Post a Comment
Read more