Web Programming

template | framework

• HTML5 UP HTML5 template
  

• TEMPLATED CSS, HTML5 and Responsive Site Templates

• Foundation
  
• Inoic
  

• Skeleton Responsive CSS Boilerplate

Bootstrap

• http://startbootstrap.com/ Bootstrap template
  
• Bootswatch Free themes for Bootstrap
  
• http://bootsnipp.com/ 別人寫好的小功能
  
• http://www.microsoftvirtualacademy.com/colleges/MVA-Edx-Bootstrap 微軟bootstrape 教學
  
• Bootply　Bootstrap Editor and Builder

CDN

• http://cdnjs.com/
  
• 开放静态文件 CDN 對岸七牛的CDN

虛擬假文產生器

• http://www.lipsum.com/ 產生英文
  
• http://www.richyli.com/tool/loremipsum/ 產生中文
  
• http://technology.chtsai.org/pseudotext/ 產生中文

HTML

• W3C Recommendation of HTML

CSS

• CSS Selector Reference
  
• CSS3 Patterns Gallery

JavaScript

• http://javascript.com js資源匯整
  
• 竹取ＪＳ　網頁文字轉直書
  
• Node.js
  
• npm

jQuery

• documentation
  
• jQuery Cookie

RSS

• RSS 2.0 sepcification

online RSS reader

• FeedBucket
  
• 　德文介面的reader

其他

• HTML reference
  
• W3Schools
  
• 102-2 台大資工網路及平台服務程式設計
  
• http://software.hixie.ch/utilities/js/live-dom-viewer/ online DOM viewer
  
• RGB-Hex Color Code Converter
  
• Facebook Open Graph protocol
  
• 　用來測試不同連線狀況反應的工具server

對岸封鎖檢測工具

• 中国的网络审查
  
• http://www.greatfirewallofchina.org/
  
• Website Test behind the Great Firewall of China

---

Markdown建站

靜態網站產生器

• JBake Java based open source static site/blog generator
  
• StaticGen 蒐集、分類各式靜態網站產生器

flat-file CMS

依照我個人覺得好用的程度由上往下遞減

• Phile
  
• Grav
  
• Justwriting
  
• Dropplets

---

網站小工具

• Wolfram|Alpha Widgets

流量統計|計數器

• W3Counter
  可免登入看統計圖表（自己要記圖表網址，不是點counter就能看到），後台美觀，有多種風格可選
  
• StatCounter
  很寬鬆的計數器，似乎是每刷一次就加一
  
• GoStats
  嚴格的計數器，似乎是以不重複的ip來算？
  
• trendcounter
  要付費方案才能免登入看統計圖表，可以自訂外觀，有一般counter和flag counter二種風格
  
• Web-Stat
  因無法註冊（註冊表單的送出鈕按了沒反應）而不能測試

純流量統計，無計數器

• Google Analytics

翻譯工具

• Bing 翻譯 Widget
  
• Google網站翻譯工具
  
• Yandex.Translate widget

留言系統

• Widget Pack　可匿名，匿名可不填e-mail
  
• IntenseDebate
  跟MathJax不太合
  
• Disqus
  跟MathJax不太合
  
• muut
  除了用$ ... $外都可以快樂的用MathJax
  
• DiscussIT™
  跟MathJax不太合
  
• spetools.de
  快速，支援中文，但跟MathJax不太合
  
• HyperComments
  非常快速，跟MathJax不太合
  
• Spot.IM
  
• Remarkbox　快速，支援markdown，免費版似乎不能設管理員？
  
• GraphComment　一定要登入才能留言，留言可設簡易樣式（粗體、斜／底線、連結）
  
• HTML Comment Box
  
• EasyComment jQuery Plugin　可能需要php？
  
• 友言
  
• 暢言
  
• Livefyre
  快速，除了用$ ... $外都可以快樂的用MathJax
  被Adobe收購後無免費版了
  
• 多說　似乎於2017年中旬停止營運

open source方案（要有server）

• Isso
  只在$$ ... $$可以用MathJax
  
• HashOver
  
• Commento

GitHub issue based（要有GitHub帳號）

• Staticman
  
• Gitment　對岸網友製作，因此有中文說明文件，似乎一定要登入GitHub才能留言

自訂搜尋

• DuckDuckGo搜尋框
  
• Google自訂搜尋引擎
  
• Yandex.Site Search
  
• Swiftype　只有付費方案

網站管理員

• Yandex.Webmaster
  
• Bing 網站管理員工具
  
• Google網站管理員

公益404頁

• 　失蹤人口協尋，歐洲為主
  
• 　台灣協尋失蹤兒少

RSS feed訂閱小工具

在網站上嵌入訂閱的RSS feed

• 　可以訂閱多個
  
• 　可以訂閱多個
  
• 　只能訂閱一個
  
• 　只能訂閱一個
  
• https://feedity.com/tools.aspx

素材

字型

• https://fonts.google.com/
  
• 　Google fonts的協助選擇工具

圖庫

• 　public domain圖庫
  
• 　Creative Commons CC0（公眾領域貢獻宣告）圖庫
  
• 無料イラスト 【イラストわんパグ】
  
• getty images embed　只能使用embed的方式，否則侵權

圖示（icon）

• 　 icon協助搜尋工具
  
• Material icons - Google Design GitHub
  
• Font Awesome
  
• GLYPHICONS
  
• Octicons
  
• ICONY
  
• Foundation Icon Fonts
  
• Ionicons)
  
• IcoMoon

音樂|音效

• 　可自由下載及使用的歌曲，皆為該站站長自製作品