SCSSで繰り返しランダム数値を設定する【css】
cssでランダム関数が使えないから、SCSSを使用する時用。 @for $i f... Read moreSCSSで繰り返しランダム数値を設定する【css】
Category: CSS
【Seamless Layout】複数画像をシームレスに表示したい【CSS】
こういうやつ。↓ 複数画像をシームレスに表示するデザインを作ったので、 テンプレ... Read more【Seamless Layout】複数画像をシームレスに表示したい【CSS】
【GravityMenu.js】Matter.jsを使ってサイトのメニューボタンを重力化する【JSライブラリ】
Matter.jsの物理エンジンを使ってインタラクティブな遊べるWEBサイトを作... Read more【GravityMenu.js】Matter.jsを使ってサイトのメニューボタンを重力化する【JSライブラリ】
【javascriptのみ】スルスルスクロールで、ページトップと最下部に一発で行けるライブラリを作った【jQuery不要】
最近はペライチのロングページが増えていて、そうするとページの最上部や最下部に行く... Read more【javascriptのみ】スルスルスクロールで、ページトップと最下部に一発で行けるライブラリを作った【jQuery不要】
CSSで円の内側に沿って文字を書く方法
shape-outsideを使ってshape-insideっぽいことをする
CSSのshape-outsideは、アウトラインに沿って外側に文字を書ける。 ... Read moreCSSで円の内側に沿って文字を書く方法<br>shape-outsideを使ってshape-insideっぽいことをする
CSSのscroll-snapが効かない場合の対処法
scroll-snapでスルスルスライドショーを実装しようと思ったら、動作しない... Read moreCSSのscroll-snapが効かない場合の対処法
各種ブラウザ対応【IE】
IE対策とか、edge対策が地味にめんどくさい。 そんな時は、 polyfill... Read more各種ブラウザ対応【IE】
ブラウザの画面が横長か縦長かを判定する【css】
ブラウザの画面で、横長か縦長かを判定して、画像を横長か縦長に設定したいと思った。... Read moreブラウザの画面が横長か縦長かを判定する【css】
CSSのtransitionで、transformにscaleを設定した時に画像や文字がぼやける現象の対策
CSSの先頭にこれを追記で解決 *{ backface-visibility: ... Read moreCSSのtransitionで、transformにscaleを設定した時に画像や文字がぼやける現象の対策
【ios】iPhoneのSafariでブラウザキャッシュをクリアする方法（Cookieは残す）
たまーに、ブラウザキャッシュが残ってしまって、スマホ用に画像やCSSを変更したの... Read more【ios】iPhoneのSafariでブラウザキャッシュをクリアする方法（Cookieは残す）