WordPressやCocoonのカスタマイズの最中に気が付いたことを忘れないように書き留めておく場所。
CSSとJavaScriptの話がメイン。
JavaScript マウスホイールで左右のスクロールを動かせるようにするJavaScriptの作り方
水平方向にスクロールする要素をスクロールバーを掴まずマウスのホイールで動かせるようにするJavaScriptの紹介です。横に並べてスクロールする要素を作ったけどスクロールバーで動かすのは面倒だと感じたる人におすすめのカスタマイズです。
CSS 「overflow: scroll」要素の内部の右側のmarginを空ける方法
overflowで表示するスクロール要素内部の最後のコンテンツの右側の間隔を空ける方法を紹介します。marginが効かず困っている人におすすめの記事です。また、正しく行っているはずなのにうまくいかないときの原因も説明しています。
CSS CSSのoverflowプロパティの値「auto」の使い方と使いどころ
CSSのoverflowプロパティの値のひとつであるautoについて紹介している記事です。使いかたと書きかた、そして使いどころについても説明しています。
CSS 「display: flex;」内の複数の要素を横にはみ出させる方法
「display: flex;」内に存在する複数の要素を横並びではみ出させる方法を紹介します。スクロール表示のブロックを作りたいのに親要素からコンテンツがあふれてくれない問題を手っ取り早く解決します。
CSS CSSの「calc()」が効いてないときに確認したいこと
CSSの関数「calc()」がうまく使えなくて困っているときに読んでほしい記事です。正しいはずなのにおかしい、利かないといったトラブルの解決方法を紹介しています。
CSS 【CSS】文章の折り返しを無効化する方法
要素内の文章の折り返しを無視するCSSプロパティの紹介です。どうしても1行で表示したいときなどに参考にしていただければと思います。
CSS 「overflow: scroll;」の下のスクロールバーを消す方法
CSSにて「overflow: scroll;」を設定した要素に表示されるスクロールバーを消す方法について、実例を交えて解説を行っています。一方の方向はスクロール化しつつ、そうでない方向のスクロール操作部分は消したいといったときに参考にしてほしい記事です。