Front-end Note Blog

A set of small, responsive CSS modules that you can use in every web project.

fullPage.js - fullPage plugin by Alvaro Trigo. Create full screen pages fast and simple

Ref:

http://w3ci.com/plugin/655.html

background-position: 25% 50%;      /* 水平 25% ，垂直 50% */

background-position: 50px 25px;    /* 水平 50px ，垂直 25px */

background-position: center;       /* 水平垂直都 50% */

background-position: bottom right; /* 水平 100% ，垂直 100% */

Ref:

ex. $(this).find("img") 

尋找當前元素下子元素

Ref:

http://raylee0616.blogspot.tw/2013/09/jquery-find-chidren-filter.html

http://www.seleniumhq.org/

Reference:

http://pulipuli.blogspot.tw/2011/07/selenium-ide.html#postcata1418279503814_anchor4

Grunt官網: http://gruntjs.com/

Grunt中文官網:http://www.gruntjs.net/

Available Grunt plugins http://gruntjs.com/plugins

◎ Development：

grunt-contrib-sass //sass編譯

grunt-contrib-coffee //coffee編譯

grunt-contrib-jshint //js語法檢查

grunt-contrib-watch //觀察檔案變更

◎ Release：

grunt-contrib-concat //JS合併

grunt-jsmin-sourcemap //JS壓縮、 最小化min

grunt-contrib-cssmin //CSS合併、 最小化min

grunt-contrib-htmlmin // html 壓縮

grunt-image // Image 壓縮

Test task

grunt.registerTask('test', ['jshint', 'qunit']);

Dev task

grunt.registerTask('dev', ['sass', 'coffee']);

Release task

grunt.registerTask('default', ['htmlmin', 'image', 'sass', 'cssmin', 'coffee', 'concat', 'jsmin-sourcemap']);

Reference:

http://www.gtwang.org/2013/12/grunt-javascript-task-runner.html

Koala is a GUI application for Less, Sass, Compass and CoffeeScript compilation, to help web developers to use them more efficiently. Koala can run in windows, linux and mac.