2列のリンクリストで最後が1つの場合は幅100%にする
スマートフォンサイトでよくある2列のリンクリストで、最後が1つの場合は自動で幅100%にする方法が少し悩んだので実装方法...
配列の値の中からランダムで選択する
配列の値の中からランダムで選択する方法をメモ。...
WordPressのプラグイン「Category Order and Taxonomy Terms Order」で並び替える対象を絞り込む
Category Order and Taxonomy Terms Orderで親カテゴリーのみ並び替えられるようにする...
jQueryのスムーズスクロールでブラウザバックに対応する
ページ内リンクのスムーズスクロールは色々なサイトで見かけるのですが、ブラウザバック時に元の位置ではなく前のページに戻って...
overflow: auto;を設定した要素内にある要素の位置を取得する
overflow:auto;を設定した要素内に配置している要素の位置を取得する際に少し詰まったので、取得方法などをメモし...
JavaScriptでランダムに偏りを持たせる
JavaScriptでランダムに偏りを持たせる方法について調べてみたのでメモ。...
JavaScriptで配列内の最大値と最小値を調べる
配列内の数値の最小値と最大値を取得する方法を調べてみたのでメモ。...
Frow CSSを使ってみる
display: flex;を使ったグリッドなどが特長のCSSフレームワーク「Frow CSS」を使ってみます。...
iOSでスクロールできないようにする
iOSでモーダルやハンバーガーメニューを開いている時に、スクロールで背景のコンテンツがスクロールされないようにする方法を...
プラグインのスライダーの動きをカスタマイズする
プラグインのスライダーの動きをCSSで変更する機会がありましたので、やり方をメモしておきます。 今回使用するプラグインは...
matchMediaを変数に入れて複数箇所で使用する
matchMediaを変数に入れて複数箇所で使用としたときに少し詰まったので、やり方をメモしておきます。...
CSSフレームワークのMilligramを使ってみる
CSSフレームワークのMilligramを使ってみます。...
JavaScriptで親や兄弟要素を取得する
JavaScriptで指定した要素から親・子・兄弟に当たる要素を取得する方法をメモ。...
iframe内のリンクで親ページのURLを変更する
iframe内のリンクで親ページのURLを変更したい時にちょっと詰まったので、やり方をメモしておきます。...
構造化データの記述方法
構造化データについて少し調べる機会があったのでメモ。...
指定範囲でのパララックスを実装する
指定範囲内でパララックスさせることがたまにあるので、実装方法をメモしておきます。...
CSSで指定した縦横比を維持する
要素をpositionで絶対配置にした場合、その要素は親要素の高さに含まれなくなります。 親要素の高さを固定値で指定して...
CSSで背景ループのアニメーションを実装する
背景画像を横方向にループで移動させたいという要望がたまにあるので、CSSのkeyframesで実装する方法をメモしておき...
Photoshopのアセットを使ってみる
Photoshopのアセット生成を使ってみます。...
テキストを大文字や小文字で表示する
CSSのtext-transformプロパティを使って、半角英字を大文字・小文字に変更してみます。...