Web Programming
Front-end vs Back-end web Architecture 101 CGI WSGI Web Framework, Internet, Web Browser, DNS how browser rendering works behind the scenes
Chrome DevTools Extensions
WhatFont, Pesticide, Colorzilla, CSS Peeper, Wappalyzer, React Dev Tools, Redux Dev Tools, JSON Formatter, Vimeo Repeat and Speed
Web Design Effects
Scroll to Zoom through 3D SVG Landscape
Slide: FHM footer example
Spot Light Effect jQuery implement
Full Screen Videos, Page Introduction Animations: Tool
Web Components
透過 shadow DOM 可以創建 sub DOM tree, 引入第三方組件時, 不用擔心影響舊有功能: example