作業風景の写真、pixabayより
rawpixel / Pixabay

 ランディングページでスライダーをCSSのみで実装することにしました。
 で、スライダーを並べるために、flexboxを使うことにしました(IE9という障壁はもう考えないことにしています)。
 ただ色々とプレフィックスとか面倒くさかったので、scss(sass)のmixinを使って実装することに。
 そのとき参考にしたmixinへのリンクと、その前についでにflexboxの学習用のリンクを書き留めておきます。

広告

日本語対応!CSS Flexboxのチートシートを作ったので配布します | Webクリエイターボックス

 チートシートの配布だけかと思いきや、色々解説をWebページでそのまま見れます。個人的にとてもわかりやすく、参考になります。
 このサイト(Webクリエイターボックス)はいい感じですので、ニュースレターの登録をして、チートシートをDL&印刷しました。

15 ESSENTIAL SASS MIXINS

日本語訳がcolissさんにあり、そこからたどって見つけました。
 これと次に紹介するGistのを組み合わせて参考にしつつ記述しようと思います。

CSS Flexbox – Sass Mixins


 あまりこだわらない人はたぶんここをコピペで行けるのではないかな。
 わかりやすく、かつ、新しい感じです。

その他コメントなど

 色々探してみましたが、サクッと書いてあるものは意外と少なかった印象です。日本語ドキュメントは特に少なかったような。
 登場した時期が微妙に古く、かつ微妙に新しいので、そんな現状になったのかもしれないです。

広告

関連コンテンツと広告

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA