前端小资讯 第1期

前端工具

1. Bulma.io
   
   

   image.png

Bulma.io是一个css框架 ，使用flexbox布局的框架，适用性比较强，当下在github获星超过2w+了。 伯乐在线有篇入门教程 CSS 框架 Bulma 教程，可以快速浏览框架使用方式。

2. 在查阅Bulma资料时候，看到一篇 博文，是个国人做了一个shortcut的工具插件（一款自定义快捷键快速打开常用网页的插件），叫 anyshortcut。使用技术栈（bluma.css + Vue 2.x + Vue router）。工具没有使用，但浏览下推介页面，做得确实很不错。
3. 在阅读博文时，又get到几个工具名称：
   （1）spectre.css，国人做的CSS框架。看描述也是flexbox布局，比 pure.css 重，比 bootstrap 轻，控件也蛮实用。顺便引总结博文：总结2017CSS框架的博文 和 2018年十大轻量级的CSS框架为构建快速网站
   （2）Sketch，一款UI设计工具。一直看到，却没有机会试试手。在虎课网看到有个零基础学习Sketch软件的课程。
   （3）墨刀，一款原型设计&团队协作工具。我自己之前有个Chunk项目想法，就用墨刀画的原型。但还不够熟练。
   （4）一些SaaS网站（用来提高审美）：ProductHunt 上面有 SaaS 的类别，里面全是 SaaS 网站、SaaS1000、专门整理 SaaS 网站设计的站。这些估计都要翻墙2333。
4. 前端构建工具之gulp。最近才开始关注，有点落后。有篇博文教程还比较浅显易懂——前端构建工具gulpjs的使用介绍及技巧。
   还有两篇比较实践的文章：
   gulp实现打包js/css/img/html文件，并对js/css/img文件加上版本号
   gulp 构建前端项目（一） gulp基础应用

小物件

1.gridDiary 格志APP。公司新进高级前端，曾经在厦门酥米工作室工作过，刚好看到了曹舒旻（酥米CEO）推出的这款记日志的app。不同于OneDay的传统日记方式，格志是一种问答式日记（以佐藤传《晨间日记的奇迹》中的理念为本设计的）。不过只有ios没有andriod版本。有个云端输入，但还是得手机app扫描二维码。