キャメルケース・スネークケース・ケバブケースの違いと使い分けを徹底解説
プログラミングにおいて、変数や関数、ファイル名を命名する際には、統一された規則に従って名前を付けることが重要です。命名規則にはいくつかの種類があり、コードの可読…
プログラミングにおいて、変数や関数、ファイル名を命名する際には、統一された規則に従って名前を付けることが重要です。命名規則にはいくつかの種類があり、コードの可読…
ボタンを偶数回(奇数回)クリックすると、別の要素にclassが追加・削除されるサンプルコードを紹介します。 jQueryなどのライブラリなどは使わず、JavaS…
今回はWEBサイトを構築する時のフォルダ構造(ディレクトリ構造)のお話。 設計の段階でファイルの置き場所を意識しておかないと、ファイルを全て同じ階層に入れてしま…
WEBサイトのナビゲーションやアコーディオンメニューの開閉状態を維持したい場合、Cookieを使って制御する方法があります。Cookieは、訪問者がWEBサイト…
レスポンシブでホームページを作ることが常識となった今、スマホ表示の時にbrタグを削除した方が都合がいい場面がちょくちょく出てくると思います。 ググって調べてみる…
久しぶりの更新となりますが、今回はウェブ制作に役立つCSSのテクニックをシェアしたいと思います。 日々のコーディングで意外と忘れがちな、[position]を使…
WordPressの投稿ページや固定ページでビジュアルモードからテキストモードに切り替えた際、レイアウトが崩れることがあります。 これは、WordPressの自…
Adobe Photoshopで書き出したSVGファイルがブラウザで表示されないときの原因と対処法について。 SVGファイルは、ベクター形式の画像として非常に軽…
CSSのソースは少ないコードでシンプルにできると、管理が楽になるだけでなく、サイトの読み込み速度も向上し、容量も軽くなります。いわば「スマートなコーディング」が…
Bootstrapは12分割のグリッドを採用しているため、通常は5等分されたレイアウトを実現することができません。 Bootstrapのグリッドシステムは、直感…