レスポンシブデザイン実装のブレークポイント
レスポンシブデザインのCSSmediaqueryの設定サンプルです。 サンプルを別窓表示するリンク
「Sass」の記事一覧
Sassの関数でサイズ指定を簡単に
Sassの@functionでサイズをコンバートする関数を自作すると、マークアップで少し手抜きできます。 値を1/2に変換 レティーナディスプレイ対策もすっかり定番となり Photoshopのデザインデータは大概×2サイ …
webpackでSassのコンパイル
webpackというタスクランナーが良いと教えてもらったので、さわりだけ試してみました。 挑戦はしましたが、私の中ではこのようなふんわりした認識しかないので、解説は省略！ 環境構築がシンプル WebAppを作るのに向いて …
Sassの@eachで色とアイコンを一括指定
カテゴリごとのテーマカラーとアイコンを一括指定する方法です。 classとアイコンのimgファイルで命名規則を揃えておけば このように、Sassのリストとeachを利用して短いコードでスタイリングできます。
カラーコードの色を表示してくれるAtomのpigmentsが便利
2016年から、エディターをSublimeTextからAtomへ変えているのですが その中でもすばらしいのが、プラグインのpigmentsです。 pigments Atomで初期インストールするプラグインの記事をみても、 …
Mac OS X El Capitan にしたらSassとCompassがなくなっていた
MacのOSをEl Capitan(10.11)にアップデートすると、sassをコンパイルできなくなっていました。 原因と、再インストールした手順をメモ。