- AutoFileName
- ConvertToUTF8
- emmet
- Goto CSS Declaration
- Image2Base64
- LESS
- SASS
- SCSS
- LiveReload
- Markdown Preview
-
Google Chrome
-
Google Chrome canary
-
Firefox
-
evernote
-
Dropbox
-
Sublime Text 2
-
Google 日本語入力
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
module.exports = function (grunt) { | |
grunt.initConfig({ | |
watch:{ | |
sassmin:{ | |
files: 'src/scss/*.scss', | |
tasks: ['compass','cssmin'] | |
}, | |
js:{ | |
files: 'src/js/*.js', |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
$spriteName: sprite-map("folder/*.png", $spacing: 5px); | |
@mixin sprite-hoge($name){ | |
background-image: $spriteName; | |
background-repeat: no-repeat; | |
width: image-width(sprite-file($spriteName, $name)) / 2; | |
height: image-height(sprite-file($spriteName, $name)) / 2; | |
$ypos: round(nth(sprite-position($spriteName, $name), 2) / 2); | |
background-position: 0 $ypos; | |
background-size: round(image-width(sprite-path($spriteName)) / 2) round(image-height(sprite-path($spriteName)) / 2); |
$ gem install jekyll
※ Ruby 1.9.1 が必要っぽい
Install
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
module.exports = function(grunt) { | |
grunt.initConfig({ | |
imagemin: { // Task | |
dist: { // Target | |
options: { // Target options | |
optimizationLevel: 3 | |
}, | |
files: { // Dictionary of files | |
'dist/': 'src/*.png' // dist is output directory name. src directory png file are optimization |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
module.exports = function(grunt) { | |
grunt.initConfig({ | |
sass: { | |
dist: { | |
files: { | |
'css/style.css': // コンパイル後のフォルダとファイル | |
[ | |
'_scss/*.scss' // 元ファイル | |
] |
h2{menu}+ul>li*10>a[href="#"]{menu$}
上記をCtrl + E で展開すると
<h2>menu</h2>
<ul>
<li><a href="#">menu1</a></li>
NewerOlder