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

LogoStylebot
to change and test styles of a webpage

Full page screen capture

LogoGoFullPage - Full Page Screen Capture

Lookup Techs behind web

LogoTechnology lookup - Wappalyzer
LogoHow to Find CMS, Platform or Technology used by a WebsiteThe TechGears

PreviousCourse MaterialsNextCodePen Examples

Last updated

Was this helpful?