Posts

HTML Refresher and Detailed Study - Part 6

Last updated on 5 May 2026 Post series: Part 1 ,     Prev Part (5) Contents WebSockets Basic Exposure MDN docs for WebSockets is too complex WS/WSS are protocols but use a hack to piggyback over HTTP protocol for initial handshake/setup After HTTP piggyback handshake, WebSocket connection is somewhat similar to BSD TCP socket connection WebSocket communication is called real-time by Web devs Technical precision wise, WebSockets are 'soft real-time' and not 'hard real-time' 'real-time' terminology drift between early 2000s and now Plain JS (soft) real-time data visualization app using Web Sockets, Canvas API and JSON data Performance aspects of Canvas API draw functions including specific case of Windows 11 Short overview of WebGL Implementation of 'high-performance live dashboard' WebSockets, Canvas and JSON plain JS app Server-Sent Events vs. WebSockets for Live Telemetry Dashboard app Using Two-wa...
Post a Comment
Read more

HTML Refresher and Detailed Study - Part 5

Last updated on 4 May 2026 Minor update on 5 May 2026 Post series: Part 1 ,     Prev Part (4) ,     Next Part (6) Contents Gemini Summary of the <noscript> Discussion Gemini Summary of aside element not being used for sidebar as nav element is enough for semantics and a11y Gemini Summary about <code> and <pre> Elements Used Together Can figure element be used with picture element? HTML entities, symbols and emojis URL ASCII limitation URL Encoding autocomplete is an enumerated attribute and not a boolean attribute HTML Select dropdown size cannot be specified React apps use custom combobox type components instead of input with datalist HTML elements Picture Element - Detailed Look Using thead, tbody and tfoot is good practice In Plain JS, using addEventListener() is best practice for wiring event handlers Inline JavaScript: Vulnerable to XSS in plain JS, but protected in React's event system Pl...
Post a Comment
Read more