CODE

jQueryを使ったドロップダウンメニューの実装方法を解説します。

クリックして質問に対する応えを表示させるアコーディオンメニューの実装方法を解説しました。CSSとjQueryをコードを見ながら説明していきます。

JavaScriptを使った、タブの表示切り替えについて解説します。カテゴリーによって見せたい情報をコンパクトにまとめることができるようになります。コードを分解して丁寧に解説します。

特定の子要素を指定する方法をまとめました。子要素指定の方法は色々あるので、その中の一部となりますがよく使うであろうものを紹介しています。

セクションの間を斜めに区切るテクニックを解説します。斜めにするコードを図形を踏まえたうで解説するので、どういった仕組みで斜め区切りにしているのかが理解しやすくしています。

flexで横並びにしたのはいいけど、子要素の高さが揃わず統一感が無くなってしまっている。そんな時に子要素の高さを揃える方法を解説しています。

CSSで画面幅を狭くしても、画像の比率を維持して表示する方法を解説します。好きな形にトリミングした上で画像の比率を固定して表示することができます。

CSSのBEM設計について簡単に説明しています。図と見比べながら一緒にクラス名の書き方を解説してますのですぐに理解できます。

CSSでのマーカーの引き方を解説します。改行した際の表示崩れの対応をしてますので、こちらの記事をご覧いただければ解決できます。コピペしてすぐに活用することができます。

WordPressで投稿する際にサムネなどの画像サイズがばらばらで、表示崩れが起きることありますよね。画像サイズを気にせず自動でトリミングしてくれるように実装する方法を紹介します。