Tools for web basic

Chrome-inspector

Right-click webpage and choose “Inspect” for inspecting how others designed their webpages.

Brackets

Useful extensions

Open File > extension manager, and search "beautify" then install. Beautify can re-indent your code (including JS, HTML, and CSS).

Keyboard Short-cut

• Write comments for your code (cmd+/)

• Preview your webpage (option+cmd+p) 按最右邊panel的閃電符號使用Live Preview觀看結果，或從File>Live Preview來觀看結果。這時候你的電腦會啟動一個網頁伺服器，讓你可以在你的電腦上run這個網頁。

Web host

github.io

homepage.ntu.edu.tw

Stylebot

Stylebot - Chrome 線上應用程式商店chrome.google.com

to change and test styles of a webpage

Full page screen capture

GoFullPage - Full Page Screen Capture - Chrome Web Storechrome.google.com

Lookup Techs behind web

Technology lookup - Wappalyzerwww.wappalyzer.com

https://thetechgears.com/how-to-find-what-cms-platform-or-framework-a-website-is-using/thetechgears.com