| 推薦工具站 |

*網頁編程軟體
* codepen線上編輯器 > codepen.io/pen
1 Atom > atom.io
2 Notepad++ >  notepad-plus-plus.org/zh
3 Apatana > www.aptana.com
4 Sublime Text > www.sublimetext.com
5 VS Code > code.visualstudio.com

---

*PHP、MySQL 開發環境套件
1 XAMPP > www.apachefriends.org
2 AMPPS > www.ampps.com
3 AppServ > www.appserv.org
4 UwAmp > www.uwamp.com

---

*參考教學站 
1 w3schools > www.w3schools.com
2 RUNOOB > www.runoob.com
3 php.net > php.net/manual/zh
4 tutorialspoint > www.tutorialspoint.com
5 Mike Dane > www.mikedane.com
6 freecode > www.freecodecamp.org
7 phppot > phppot.com
8 1bestcsharp > 1bestcsharp.blogspot.com

---

*前端框架站 
1 Prismjs-讓網頁崁入原始碼 > prismjs.com

2 html-rwd純框架範本 > foundation.zurb.com

3 Boostrap-rwd純框架範本 > startbootstrap.com
4 Boostrap 框架範本官網 > bootstrap.hexschool.com

5 Materialize 框架範本官網 > materializecss.com
6 one page love 範本 > onepagelove.com/templates
7  tooplate 範本 > www.tooplate.com
8  templatemo 優質範本 > templatemo.com

---

*前端特效站 
[js]
1 AOS-區塊觸發突現 > michalsnik.github.io/aos
2 WOW-區塊觸發突現 > www.delac.io/wow
3 jQuery UI > jqueryui.com
4 Typed.js Tutorial打印特效 > redstapler.co/typed-js-tutorial


[css]
1 css clip-path區塊變形 > bennettfeely.com/clippy
2 css hover effect滑入特效 > ianlunn.github.io/Hover
3 css gradients 漸層色 > webgradients.com

---

*谷歌SEO指南 
1 google-SEO指南 > static.googleusercontent.com

---

*美編設計參考 
1 pinterest > www.pinterest.com

2 colorhunt > colorhunt.co
3 圖庫unsplash > unsplash.com
4 天天瘋後製 > www.crazy-tutorial.com
5 設計石代 > designshidai.com
6 flickr 圖庫 > www.flickr.com
7 free PNG圖庫 > www.sarfrance.net
8 pexel 免費影片+圖庫 > www.pexels.com
9 pixabay 免費圖庫 > pixabay.com

10 picjumbo 優質背景圖庫 > picjumbo.com
11 publicdomainarchive 圖庫 > www.publicdomainarchive.com
12 Meme 梗圖倉庫 > memes.tw