カテゴリー:CSS

CSS

position: sticky; を使ってスクロールに追随する固定要素を作る

CSSでスクロールに追随して位置を固定させたい スクロールしてもある位置で固定され続けるような要素を実現するためのCSS、position: sticky; の使い方についてまとめます。 例えば画面上部で固定表示されるヘッダーや、画面をスクロールして画面上部まで来た時点で固定されるようなサイドメニューなどです。jQueryなどを使って実現できますが、新しいCSSの position: sticky […]

CSS

node-sassでSASS入門

SASSとは Sass(サース、英: Syntactically Awesome Stylesheets)とは、CSSのメタ言語です。CSSには、ループ処理や関数、変数等が基本的にはありませんが、これらのプログラムっぽい記法を使えるようにし、効率的でいい感じのCSSを掛けるようにしてくれます。 SASSで書かれたスタイルシートは、そのままではブラウザで読めないため、コンパイルしてCSSに変換します […]