「Sass」の記事一覧

開発環境

2019年1月31日

このようなgulp-sassでsassをコンパイルし、gulp-autoprefixerでベンダープレフィックスを自動付与する設定があり gulp-sourcemapsを追加してcssのsourceMapファイルを書き出 …

技術情報

2018年12月30日

dataURLは通常は外部ファイルを読み込む画像などを、画像ファイルを設置せずコードとして埋め込める仕組みです。このようなコードになります。HTMLコードだけで1pxの透過GIFから引用しました。以前、画像ファイルな …

技術情報

2018年3月29日

レスポンシブデザインのCSSmediaqueryの設定サンプルです。サンプルを別窓表示するリンク

技術情報

2016年12月31日

Sassの@functionでサイズをコンバートする関数を自作すると、マークアップで少し手抜きできます。値を1/2に変換レティーナディスプレイ対策もすっかり定番となり Photoshopのデザインデータは大概×2サイ …

開発環境

2016年9月10日

webpackというタスクランナーが良いと教えてもらったので、さわりだけ試してみました。挑戦はしましたが、私の中ではこのようなふんわりした認識しかないので、解説は省略！環境構築がシンプル WebAppを作るのに向いて …

技術情報

2016年8月28日

カテゴリごとのテーマカラーとアイコンを一括指定する方法です。 classとアイコンのimgファイルで命名規則を揃えておけばこのように、Sassのリストとeachを利用して短いコードでスタイリングできます。

開発環境

2016年8月27日

2016年から、エディターをSublimeTextからAtomへ変えているのですがその中でもすばらしいのが、プラグインのpigmentsです。 pigments Atomで初期インストールするプラグインの記事をみても、 …

開発環境

2016年2月4日

MacのOSをEl Capitan(10.11)にアップデートすると、sassをコンパイルできなくなっていました。原因と、再インストールした手順をメモ。