大航道計畫筆記 - HTML & CSS (1) 工具相關

sublime text

安裝package control
https://packagecontrol.io/
以下是個人使用套件

AutoFileName

可以自動帶入資料夾檔案
https://packagecontrol.io/packages/AutoFileName

converttoUTF8

http://blog.developer.idv.tw/2015/07/sublime-text-3-package-converttoutf8.html

Bootstrap3 snippets

bs3快手
https://github.com/JasonMortonNZ/bs3-sublime-plugin
https://www.youtube.com/watch?v=VWp6J7Q59KE

BracketHighlighter

可以修改前後括號的highlight樣式
http://facelessuser.github.io/BracketHighlighter/

找到"bracket_styles": {這行
把裡面的"style": "underline"
改成"style": "hightlight"

color picker

可以在sublime text裡面叫出色盤
(如果sublime text使用全螢幕,叫出color picker似乎會當掉)
和converToUTF8 相衝的修改方式

color Highlighter

程式中的色碼可以帶出顏色來
https://packagecontrol.io/packages/Color Highlighter

Emmet

前端必備,其中可以使用css選擇器快速編寫html出來,很好用
http://abgne.tw/web/emmet-tutorial-series-basic.html
https://pjchender.blogspot.tw/2016/07/emmet.html
https://docs.emmet.io/cheat-sheet/

配色相關

http://www.palettable.io/
http://jxnblk.com/hello-color/
https://www.materialui.co/htmlcolors
大航道隊員張凱喬大大的網誌-網頁色彩知識匯集/學習

spreered

掙扎也要前進