<commit_before># <NAME> 's Personal Blog



>
> 博客地址：http://1025623017.github.io/blog
>
> 前端树图1：http://1025623017.github.io/blog/images/tree.jpg
>
> 图2：https://raw.githubusercontent.com/unruledboy/WebFrontEndStack/master/Web%20Front%20End%20Stack.png
>
> [Edit this page](https://github.com/1025623017/blog/edit/master/README.md)
>



## 知识分享



  - 工具
    - 浏览器
      - Chorme
      - Firefox
      - Safari
      - IE
    - Firebug
    - 翻墙工具：[Lantern](https://github.com/getlantern/lantern)
    - [Sublime Text 3](http://www.sublimetext.com)
      - Sublime Text有各种好用的[插件](http://www.oschina.net/translate/20-powerful-sublimetext-plugins)
      - [汉化版下载](http://haojian138.blog.163.com/blog/static/212643110201393010438357)
      - [汉化 / 破解 / 插件](http://jingyan.baidu.com/album/ff4116259b057c12e48237b8.html?picindex=1)
    - Photoshop
    - 取色量度：[Markman](http://www.getmarkman.com)
    - 雪碧图生成工具：[CSS Sprite Generator](http://www.cn.spritegen.website-performance.org)
    - Less/Sass/CoffeeScript的GUI编译器：[Koala](http://koala-app.com/index.html)
    - 兼容性查询：[Can I use?](http://caniuse.com)
    - 版本管理
      - [GitHub](https://github.com)
      - [GitHub客户端](https://desktop.github.com)
      - [Git](https://git-scm.com/)
        - 安装Git（windows: [TortoiseSVN](https://tortoisesvn.net/) | Mac: SourceTree）
    - 服务器端
      - [XAMPP](https://www.apachefriends.org/index.html)
      - [Navicat for MySQL](http://navicatformysql.en.softonic.com)
      - [WampServer](http://www.wampserver.com)



  - 规范
    - [代码规范](http://codeguide.bootcss.com)
    - [W3C中文网](http://www.chinaw3c.org/)
    - [HTTP权威指南](https://book.douban.com/subject/10746113)



  - html
    - [Bootstrap](http://v3.bootcss.com/)
    - [ACE](http://ace.jeka.by/)
    - [Foundation](http://www.runoob.com/foundation/foundation-tutorial.html)



  - css
    - [sass](http://www.ruanyifeng.com/blog/2012/06/sass.html)
      - [教程](http://www.tuicool.com/articles/NNbaM3)
      - 或许你不喜欢使用命令行执行sass编译，那么使用GUI工具[Koala](http://koala-app.com/index.html)更适合你。
      - [compass](http://www.ruanyifeng.com/blog/2012/11/compass.html)
      - [安装sass和compass](http://devework.com/sass-compass.html)
    - 特别推荐此书：[《CSS Secrets》](https://github.com/cssmagic/CSS-Secrets)
      - 以下是我的《CSS Secrets》笔记
      - 舍弃浏览器前缀
      - 代码要变得更DRY和可维护（如衍生只需覆盖某几小条代码）
      - 理性使用预编译器（生成SoureMap减轻维护负担）和代码缩写
      - _我的书签：P00_

<commit_msg>sass in gulp<commit_after># <NAME> 's Personal Blog



>
> 博客地址：http://1025623017.github.io/blog
>
> 前端树图1：http://1025623017.github.io/blog/images/tree.jpg
>
> 图2：https://raw.githubusercontent.com/unruledboy/WebFrontEndStack/master/Web%20Front%20End%20Stack.png
>
> [Edit this page](https://github.com/1025623017/blog/edit/master/README.md)
>



## 知识分享



  - 工具
    - 浏览器
      - Chorme
      - Firefox
      - Safari
      - IE
    - Firebug
    - 翻墙工具：[Lantern](https://github.com/getlantern/lantern)
    - [Sublime Text 3](http://www.sublimetext.com)
      - Sublime Text有各种好用的[插件](http://www.oschina.net/translate/20-powerful-sublimetext-plugins)
      - [汉化版下载](http://haojian138.blog.163.com/blog/static/212643110201393010438357)
      - [汉化 / 破解 / 插件](http://jingyan.baidu.com/album/ff4116259b057c12e48237b8.html?picindex=1)
    - Photoshop
    - 取色量度：[Markman](http://www.getmarkman.com)
    - 雪碧图生成工具：[CSS Sprite Generator](http://www.cn.spritegen.website-performance.org)
    - Less/Sass/CoffeeScript的GUI编译器：[Koala](http://koala-app.com/index.html)
    - 兼容性查询：[Can I use?](http://caniuse.com)
    - 版本管理
      - [GitHub](https://github.com)
      - [GitHub客户端](https://desktop.github.com)
      - [Git](https://git-scm.com/)
        - 安装Git（windows: [TortoiseSVN](https://tortoisesvn.net/) | Mac: SourceTree）
    - 服务器端
      - [XAMPP](https://www.apachefriends.org/index.html)
      - [Navicat for MySQL](http://navicatformysql.en.softonic.com)
      - [WampServer](http://www.wampserver.com)



  - 规范
    - [代码规范](http://codeguide.bootcss.com)
    - [W3C中文网](http://www.chinaw3c.org/)
    - [HTTP权威指南](https://book.douban.com/subject/10746113)



  - html
    - [Bootstrap](http://v3.bootcss.com/)
    - [ACE](http://ace.jeka.by/)
    - [Foundation](http://www.runoob.com/foundation/foundation-tutorial.html)



  - css
    - [sass](http://www.ruanyifeng.com/blog/2012/06/sass.html)
      - [教程](http://www.tuicool.com/articles/NNbaM3)
      - Sass安装(gulp with sass click [HERE](http://www.jianshu.com/p/f6ef362743eb))：
        - 安装[Ruby](http://www.ruby-lang.org/zh_cn/)
        - 启动art Command Prompt with Ruby，淘宝RubyGems镜像安装 sass
        - gem sources --remove https://rubygems.org/
        - gem sources -a https://ruby.taobao.org/ 【如果你系统不支持https，请将淘宝源更换成：gem sources -a http://gems.ruby-china.org】
        - gem sources -l
        - gem install sass
      - 或许你不喜欢使用命令行执行sass编译，那么使用GUI工具[Koala](http://koala-app.com/index.html)更适合你。
      - [compass](http://www.ruanyifeng.com/blog/2012/11/compass.html)
      - [安装sass和compass](http://devework.com/sass-compass.html)
    - 特别推荐此书：[《CSS Secrets》](https://github.com/cssmagic/CSS-Secrets)
      - 以下是我的《CSS Secrets》笔记
      - 舍弃浏览器前缀
      - 代码要变得更DRY和可维护（如衍生只需覆盖某几小条代码）
      - 理性使用预编译器（生成SoureMap减轻维护负担）和代码缩写
      - _我的书签：P00_


{'fraction_non_alphanumeric': 0.18016975308641975, 'fraction_numerical': 0.04610339506172839, 'mean_word_length': 2.7985347985347984, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 23, 'https://': 22, 'lorem ipsum': 0, 'www.': 24, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3330235', 'n_tokens_mistral': 2561, 'n_tokens_neox': 2510, 'n_words': 180}