CSS3教學與作品

及時教學動畫

時鐘

http://thecodeplayer.com/walkthrough/make-a-stopwatch-using-css3-without-images-or-javascript

雲

http://thecodeplayer.com/walkthrough/make-a-simple-cloud-in-css3

圓角標籤

http://thecodeplayer.com/walkthrough/navigation-tabs-with-rounded-out-borders-using-css3

作品分享

CG動畫

http://f23ko.com/mio/

海賊王教我們的事

夢想

魯夫的「我要成為海賊王」宣言給了我夢想，讓我知道要相信只要自己能夠堅持下去，自己也能夠完成偉大的事情

友情

 

魯夫視夥伴如己出，相信自己的夥伴，努力保護自己的夥伴，讓我學會要珍惜自己重視的每一段友誼，不只要知道如何珍惜它，也要讓自己能力變強到足夠去保護它

果決

魯夫對於事情都能果斷判斷的去執行，樂觀接受結果，讓我知道要果斷的把握每一次的機會，且不管結果好壞，都要有勇氣的去接受它

勇氣

魯夫到每個島嶼的每一段冒險給了我勇氣，讓我知道面對各種不同的困境，要試著努力去解決它，而不是逃避事情，沒有面對事情的勇氣，事情是不會被解決的。

樂觀

魯夫不管面對任何事情，即便是死亡，也能夠開心的去享受任何事情的結果，讓我知道面對任何不開心事情都要學會放下，否則自己會被後悔及自責吞噬，不要去想自己失去了什麼，而是要想自己擁有什麼。

自省

魯夫在頂上戰爭失敗後，與夥伴緩下腳步努力修練了兩年，讓我學會面對自己無法勝任的事情，就是要承認自己能力不足，才能知道自己要改善哪方面的能力，而不是不承認自己的失敗，活在自己的世界中，要跳高之前要學會如何蹲下，蹲得越低才能跳得越高

Nginx on Ubuntu教學資源

官方教學

http://wiki.ubuntu.org.cn/Nginx

Sublime - 跨平台的文字編輯器

官方資源

官方網站

http://www.sublimetext.com/

Sublime Text 2 documentation index

http://www.sublimetext.com/docs/2/

Sublime Text Unofficial Documentation

http://docs.sublimetext.info/en/latest/index.html

Sublime Text 手冊

http://docs.sublimetext.tw/

教學與介紹影片：

Perfect Workflow in Sublime Text 2

https://tutsplus.com/course/improve-workflow-in-sublime-text-2/

jQuery網頁特效整理

• Roundabout
• Carousel
• accordion
• Fisheye

Pad網頁事件設計

手指點選事件（原文）：touchstart

範例：

手指滑動事件：touchmove

範例：

手指結束滑動點選事件：touchend

範例：

綜合範例（手勢事件）：

免費圖片處理工具

轉換圖片成ico

http://www.convertico.com/