前端工具
-
Bulma.io
image.png
Bulma.io是一個css框架 荷并，使用flexbox布局的框架豹障，適用性比較強巧涧，當(dāng)下在github獲星超過2w+了膊存。 伯樂在線有篇入門教程 CSS 框架 Bulma 教程嚼蚀，可以快速瀏覽框架使用方式禁灼。
- 在查閱Bulma資料時候，看到一篇 博文轿曙，是個國人做了一個shortcut的工具插件（一款自定義快捷鍵快速打開常用網(wǎng)頁的插件）弄捕，叫 anyshortcut。使用技術(shù)棧（bluma.css + Vue 2.x + Vue router）导帝。工具沒有使用守谓，但瀏覽下推介頁面，做得確實很不錯您单。
- 在閱讀博文時斋荞，又get到幾個工具名稱：
（1）spectre.css，國人做的CSS框架虐秦∑侥穑看描述也是flexbox布局，比 pure.css 重悦陋，比 bootstrap 輕蜈彼，控件也蠻實用。順便引總結(jié)博文：總結(jié)2017CSS框架的博文 和 2018年十大輕量級的CSS框架為構(gòu)建快速網(wǎng)站
（2）Sketch俺驶，一款UI設(shè)計工具柳刮。一直看到，卻沒有機會試試手痒钝。在虎課網(wǎng)看到有個零基礎(chǔ)學(xué)習(xí)Sketch軟件的課程秉颗。
（3）墨刀，一款原型設(shè)計&團隊協(xié)作工具送矩。我自己之前有個Chunk項目想法蚕甥，就用墨刀畫的原型。但還不夠熟練栋荸。
（4）一些SaaS網(wǎng)站（用來提高審美）：ProductHunt 上面有 SaaS 的類別菇怀，里面全是 SaaS 網(wǎng)站、SaaS1000晌块、專門整理 SaaS 網(wǎng)站設(shè)計的站爱沟。這些估計都要翻墻2333。 - 前端構(gòu)建工具之gulp匆背。最近才開始關(guān)注呼伸，有點落后。有篇博文教程還比較淺顯易懂——前端構(gòu)建工具gulpjs的使用介紹及技巧钝尸。
還有兩篇比較實踐的文章：
gulp實現(xiàn)打包js/css/img/html文件括享，并對js/css/img文件加上版本號
gulp 構(gòu)建前端項目（一） gulp基礎(chǔ)應(yīng)用
小物件
1.gridDiary 格志APP搂根。公司新進高級前端，曾經(jīng)在廈門酥米工作室工作過铃辖，剛好看到了曹舒旻（酥米CEO）推出的這款記日志的app剩愧。不同于OneDay的傳統(tǒng)日記方式，格志是一種問答式日記（以佐藤傳《晨間日記的奇跡》中的理念為本設(shè)計的）娇斩。不過只有ios沒有andriod版本仁卷。有個云端輸入，但還是得手機app掃描二維碼犬第。
