Sass
色彩デザインは学ばなくてもなんとかなる
エンジニアこそ色彩デザインを学ぼう こちらの記事はとても良い内容でまったくその通りですが、抑えるべきポイントはあるもののの色彩もひとつの学問で奥が深いものです。まともに学ぼうとすると険しい道なので、エンジニアであれば知識…
「!global」でローカル変数をグローバル変数にする
普段はSassを使っているので、パッケージのテンプレートでもない限りは使わないLessですが、Sassと変数の有効範囲に違いがあります。 a{ $black:#000; color:$black; } この場合、Les…Grunt：Compass、CoffeeScript、CSS圧縮を実行するGruntfile設定
module.exports = function (grunt) { var pkg = grunt.file.readJSON('package.json'); grunt.initConfig(…Sass：extendでtransition設定を共用
Sassのextendを使って、transition設定を使いまわしましょう。 Sass .transition3 { @include transition(.3s); } a { @extend .transitio…Sass：extendでCSSグラデーションを共用
Sassのextendを使って、グラデーション設定を使いまわしましょう。 Sass $experimental-support-for-svg: true; .gradient { @include background…Sass：extendでellipsisを共用
Sassのextendを使って、サイト内でellipsisを使いまわしましょう。 Sass .ellipsis { @include ellipsis; } .box1 { @extend .ellipsis; widt…Sass：extendでborder-radiusを共用
Sassのextendを使って、サイト内でborder-radiusを統一してしまいましょう。 Sass .border-radius-s { @include border-radius(3px); } .border…