Course Materials
Tools for web basic
CodePen Examples
WEB1101
HTML and CSS
jquery
Design
- Works by sketching
- Movie Control
Case Studies
Web1091
- Student works 1091
- Rundown1091
Appendix
Data journalism
- Data-Driven News Reports

Powered by GitBook

On this page

Chrome-inspector
Brackets
Useful extensions
Keyboard Short-cut
Web host
github.io
homepage.ntu.edu.tw
Stylebot
Full page screen capture
Lookup Techs behind web

Was this helpful?

Tools for web basic

PreviousCourse Materials NextCodePen Examples

Last updated 4 years ago

Was this helpful?

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

Full page screen capture

Lookup Techs behind web

GoFullPage - Full Page Screen Capture

Technology lookup - Wappalyzer

How to Find CMS, Platform or Technology used by a WebsiteThe TechGears