h2{menu}+ul>li*10>a[href="#"]{menu$}
上記をCtrl + E で展開すると
<h2>menu</h2>
<ul>
<li><a href="#">menu1</a></li>
h2{menu}+ul>li*10>a[href="#"]{menu$}
上記をCtrl + E で展開すると
<h2>menu</h2>
<ul>
<li><a href="#">menu1</a></li>
module.exports = function(grunt) { | |
grunt.initConfig({ | |
sass: { | |
dist: { | |
files: { | |
'css/style.css': // コンパイル後のフォルダとファイル | |
[ | |
'_scss/*.scss' // 元ファイル | |
] |
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 |
$ gem install jekyll
※ Ruby 1.9.1 が必要っぽい
Install
$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); |
module.exports = function (grunt) { | |
grunt.initConfig({ | |
watch:{ | |
sassmin:{ | |
files: 'src/scss/*.scss', | |
tasks: ['compass','cssmin'] | |
}, | |
js:{ | |
files: 'src/js/*.js', |
Google Chrome
Google Chrome canary
Firefox
evernote
Dropbox
Sublime Text 2
Google 日本語入力