SEO

Google 搜尋的運作方式
可讓 Google 識別的中繼標記

瞭解 Sitemap Googlebot
使用網站專用的 Google 模擬器
測試 robots.txt 檔案變得更簡單了

網站管理員指南

您需要 SEO 嗎？
搜尋引擎最佳化入門指南
Google 搜尋引擎最佳化 (SEO) 速記指南

Robots.txt 的使用方法與安全注意事項
從戰國策資訊外洩事件說明 robots.txt 定義檔與資安常識
個資保護、Google Hacking 與 robots.txt 的關係與設定技巧

A Comprehensive 4-Step Guide to How SEO Works (Fast)
The 2017 SEO Checklist
Powerful SEO Checker & Website Analysis Tool 2017 (Updated)
The 23 Best Free SEO Tools For 2017 (Updated & Complete)

SEO 基礎教學
SEO 進階
做 SEO少不了他，6個 SEOs 最常用的工具
三分鐘搞懂 SEO的《meta robots、robots.txt》

SEO優化
網站改版，你該注意的七個SEO優化要點！

Blogger SEO
決定未來 SEO 的 25 項標準與通訊協定系列

SEO第一步該做什麼? SEO的第一步
[SEO] Robots.txt 不為人知的設定，你不曉得的 Robots.txt 設定
2016 年做好 SEO 的 11 個方法！
怎麼知道 SEO (關鍵字) 成效如何?
實例網站解說什麼是 Landing Page ？

網站搜尋引擎優化-10個必檢查的SEO項目

Browser Debug

Essential web development testing tools for 2014

JavaScript Debugging Tips and Tricks

Understanding the Real-World Performance of your Web Application Across IE11 and Other Browsers

15个你不得不知道的Chorme dev tools的小技巧
DevTools extensions list
Debugging Asynchronous JavaScript with Chrome DevTools
Chrome Devtools Tips & Tricks

用 JavaScript 錯誤訊息協助 Web 開發者

---

Internet Explorer Developer Channel
宣布 Internet Explorer 开发人员渠道版
What's new in F12 with Windows 8.1 Update
Windows 8.1 更新中的 F12 新增功能

Announcing new F12 dev tools features in August update
保哥分享

---

好用到掉渣的IE8 Developer Tools--JS效能調校經驗
[IE8] 活用開發者工具的HTML/CSS解譯
[IE8] Internet Explorer 8 中的JavaScript
[IE8 修練] Internet Explorer 8 強大新工具 – Developer Tools
[IE8修練] HTTP 除錯與分析的好幫手 - Fiddler2
IE8 的 JavaScript Debug 工具(內建的開發者工具)
使用Fiddler竄改網頁內容進行測試

F12 Developer Tools
Debugging Script with the Developer Tools

---

What happened to console.log in IE8
在IE做js debug時,
console.log("msg")會出現:錯誤: 'console' 未經定義
window.console.log("msg")會出現:錯誤: 無法取得屬性 'log' 的值: 物件為 null 或未經定義
上面那篇提到console.log在F12開發者工具開啟時才有做用...
其中有很簡單的方式可以避免此問題

trace("msg");

function trace(s) {
     if (this.console) console.log(s);
};

All-in-one console.log wrapper 在IE7會載入firebug lite, 但實測失敗...
Simulating a Firebug, Safari or Opera debugging console in Microsoft Internet Explorer with Faux Console
Console - YUI Library


Firebug
Console API
Command Line API

Firefox 開發前端語言時的偵錯工具 Firebug 以及好用的套件
如何使用Firebug Lite來輔助偵錯網頁

重新介紹 Firefox 開發工具系列之一
重新介紹 Firefox 開發者工具之二

[Tool]使用Chrome的Web Developer Tool偵錯

Opera Dragonfly

JavaScript Eevent偵錯利器–Visual Event 2

使用虛擬機器測試不同版本的 IE 瀏覽器

5 Javascript debugging tips you’ll start using today


Advanced Debugging Techniques in JavaScript – Part 1
Advanced Debugging Techniques in JavaScript – Part 2
Advanced Debugging Techniques in JavaScript – Part 3


ASP.NET MVC, Bootstrap, and Internet Explorer Compatibility View

Web Developer Checklist

Web Developer Checklist
Web Developer Checklist
Screenshot of any website on mobile devices - Mobilito, check your website on mobile devices

Chrome Web Developer Checklist

ASP.NET Release Checklist

Performance Optimization in ASP.NET Web Sites

網頁測試工具
Asp.net发布的CheckList

10 free web UI testing tools

FOUJUI

因JS UI載入，造成的畫面閃爍問題

FOUJUI: Flash of Uninitialized JavaScript UI
Fixing FOUJUI: Another Practical Example
Guru Tip: Avoid the HTML5 FOUJUI Experience

Bootstrap

Pinegrow Web Designer


網頁工程師必知：9 個超好用的 CSS 框架

Twitter Bootstrap
Introduction to Bootstrap
Bootstrap V2中文教學- KKBruce

Responsive Web 響應式設計及ASP.NET版面魔法師 – Bootstrap

基础CSS · Twitter Bootstrap中文版/中文翻译
Bootstrap中文網 ***
Twitter Bootstrap 框架簡化網頁開發、兼容不同裝置，讓網頁工程師兼設計師!

30 Days of Bootstrap with the MVC Framework

Bootstrap & kendo UI


Font Awesome

Twitter-Bootstrap-Cheat-Sheet
bootstrap_cheatsheet

9lessons Bootstrap Tutorial
Twitter Bootstrap tutorial
sample

使用Bootstrap与ShieldUI创建销售业绩仪表板

BootMetro
Metro UI CSS


10 Popular Metro Bootstraps
40 Bootstrap Tools and Generators for Web Developers

THE BIG BADASS LIST OF 219 USEFUL TWITTER BOOTSTRAP RESOURCES
15 Great Twitter Bootstrap Resources
 

Bootstrap Modal v2.0

jQuery UI Bootstrap
bootstrap-datepicker
jQuery Bootstrap


20+ Beautiful Resources That Complement Twitter Bootstrap
Initializr an HTML5 templates generator


Bootstro.js

bootstrap-wysiwyg
Bootbox
Bootstrap-Prompts
Bootstrap Image Gallery

w2ui

---

HOW TO ROCK YOUR NEXT BOOTSTRAP PROJECT
318 USEFUL TWITTER BOOTSTRAP RESOURCES #1
318 USEFUL TWITTER BOOTSTRAP RESOURCES #2
318 USEFUL TWITTER BOOTSTRAP RESOURCES #3
318 USEFUL TWITTER BOOTSTRAP RESOURCES #4


7 cool bootstrap 3 themes builders for faster bootstrap 3 theme development
11 Flat UI bootstrap themes and templates
8 useful bootstrap 3 examples and tutorials
10 best bootstrap design tools for 2014

Bootstrap tutorial – A responsive design tutorial with Twitter Bootstrap 3

Amaze ~ 妹子 UI 中国首个开源 HTML5 跨屏前端框架

jQuery Upload File

因為要用 web api 做檔案上傳，找了幾篇教學：
Uploading Files Asynchronously using ASP.NET Web API
How can I upload files asynchronously with jQuery?
jQuery Ajax File Upload

發現要直接用jQuery post上傳檔案，它的data是個FormData物件，然而IE在10之後才有支援此功能。。。

How to handle image uploads with jquery post submit
Send multipart/formdata with jQuery.ajax in IE
JQuery - File attributes

Simple File Uploads Using jQuery & AJAX FormData object
FormData
Using FormData Objects

解法：jQuery Form Plugin
Uploading a file with JQuery
ASP.NET MVC - 使用 jQuery Form Plugin 做檔案上傳
ASP.NET MVC - 使用 jQuery Form Plugin 做檔案上傳之加點東西

---

其他參考：
Sending HTML Form Data: File Upload and Multipart MIME
ASP.NET Web API samples
File Upload Sample
Asynchronous File Upload using ASP.NET Web API

How To Accept a File POST - ASP.Net MVC 4 WebAPI
How can I upload image and post some datas to MVC4 wep api method?

ASP.NET WEBAPI file upload, issues with IE9
Sending HTML Form Data: File Upload and Multipart MIME 发送HTML表单数据：文件上传与多部分MIME"
ASP.NET WebApi upload image with custom MediaTypeFormatter

定制jQuery File Upload为微博式单文件上传

[jQuery] AjaxFileUpload : Multiple File Upload plugin

File upload with JQuery and ASP.NET Generic Handler - Is it possible?
ASP.Net Asynchronous HTTP File Upload Handler
Large file uploads in ASP.NET

ASP.NET MVC 檔案上傳下載是很方便的

Upload files to the server using Javascript and MVC WebAPI
Upload files in ASP.NET MVC with JavaScript and C#
Importing CSV files using jQuery and HTML5

---

IE9 JSON Data “do you want to open or save this file”
如果用ajaxForm()呼叫WebApi要回傳json，但IE會一直跳出下載，要多加一段

var response = Request.CreateResponse(HttpStatusCode.OK, json); //, new JsonMediaTypeFormatter()
response.Content.Headers.ContentType = new System.Net.Http.Headers.MediaTypeHeaderValue("text/html");
return response;

[ASP.net WebForm] 利用jQuery blockUI 簡單實現上傳讀取中的效果

Web Template and UI Framework

HTML5 Boilerplate
HTML5 UP

Initializr
humans.txt

瞭解 HTML5 Boilerplate 的 default HTML
使用 HTML5 Boilerplate 开始您的 web 开发


datavisualization
VISUALIZE YOUR DATA: 25 JAVASCRIPT VISUALIZATION LIBRARIES


Windows8 Metro Icon 超過600張Metro UI圖示免費下載，社群、軟體、工具圖示通通有
dAKirby309

Metro Studio

Open Source Web Design - Download free web design templates
Free CSS/HTML Templates
Website Templates, CSS Templates, Dreamweaver Templates - Template World

45+ Useful PSD to HTML/CSS Conversion Tutorials

ui.LIVETOOLS

ImageMapster

Sencha Fastbook

Plupload
Allows you to upload files using HTML5 Gears, Silverlight, Flash, BrowserPlus or normal forms, providing some unique features such as upload progress, image resizing and chunked uploads.

HOW TO CREATE A METRO UI-STYLED WEBSITE 20 FREE FLAT DESIGN RESOURCES FOR WEB DESIGNERS

ARIA

WAI-ARIA 介紹
MDN ARIA
Using ARIA in HTML
ARIA Examples

HTML開發參考

webplatform
Web Standards Curriculum
Internet Explorer 開發

為了 Web 學寫程式碼吧！ Mozilla 開發者社群
Opera Web Standards Curriculum
Google HTML/CSS Style Guide

MDN HTML
W3Schools HTML4 and HTML5 Tutorial

前端工程開發實務
The Front-end Tooling Book

網站建置不是件簡單的事 @ 跨瀏覽器網頁設計密技 (1)

幾個 HTML 秘訣 打造網站風格樣式的基礎

改善網頁下載時間的最佳做法

E BISUCOM TECH LAB エ・ビスコム・テック・ラボ
XHTML/HTML+CSSスーパーレシピブック

HTML Dog
完全W3C手冊

wowbox

Cut the Rope | Behind the Scenes

好站 - 查看網頁使用的顏色色系

Adding Personality with CSS3 Transitions and Animations

Responsive Web Design 響應式網頁設計
自适应网页设计（Responsive Web Design）

Government Digital Service Design Principles

Learn HTTP

HTML Made Really Easy
HTTP Made Really Easy

How To Improve Your Website Load Time
度量Web性能的关键指标
Web前端优化最佳实践及工具集锦

作個網站吧！

Using bower in ASP.NET MVC

用 JavaScript 錯誤訊息協助 Web 開發者