2012/11/25

跨平台/瀏覽器整合CSS設計流程課程 課後心得

今天去聽了廖洧杰工程師的跨平台/瀏覽器整合CSS設計流程課程
在這場課程中,有聽到一些比較好得套件,就分別介紹一下。

編輯:Sublime text2
工具:FastStone Screen CaptureCaptureColor
插件:zen-codingLiveReload
其他:freego


Sublime text2基本上就是套動態的Notepad++,想知道原因的話可以去看一下Installation and Base Settings這個影片,裡面有很詳述的介紹Sublime text2





FastStone Screen Capture是一套非常適合美術人員以及網頁工程師用的一套輔助工具,它可以測量一個物件與另一個物件的pixel差異,也可以用於截圖啦!

CaptureColor這個工具的官網找不到,所以我就沒有做連結了!
這套工具適合去擷取到網頁上的顏色,有可能看到喜歡的顏色,
但是卻不知道色碼為多少的話,可以利用這套工具去擷取。

zen-coding是一個插件,在Notepad++以及Sublime text2可以使用,對於開發CSS、HTML非常的快速,堪稱是HTML開發的一大利器

LiveReload則是一套可以少按F5的好用工具,這句話是根據我同學所講得,因為我本人並不太會寫網頁Orz…

freego則是另我最為驚訝的一個套件,它可以幫忙檢測是否為無障礙網站之外,最重要的一點還可以去檢查是否有無效的連結,最重要得他似乎是國人寫得啦!!!!!!還支援Linux!!!

今天在聽完這堂課,其實收穫非常多,而且本人也非常的親切,事後加入FB還會關心我這晚輩在高軟的工作狀態!

非常感謝廖洧杰前輩的演講,讓我也吸收不少的網頁知識XD

參考資料:
http://kevintsengtw.blogspot.tw/p/sublime-text-2.html#.ULIs14fFWzE
http://net.tutsplus.com/articles/news/perfect-workflow-in-sublime-text-free-course/
http://kewang.pixnet.net/blog/post/25418325