レイアウト・パーツ
【スマホサイズでも見やすい】tableを横スライドで見せる方法

料金表やサービス比較表など横方向にボリュームが大きい表をtable要素で設置することがあるかと思いますが、スマホサイズで表示する場合、そのままでは、非常に見にくくなってしまいます。 今回は、table要素を横スライドで見 […]

続きを読む
コード
「HTML」・「CSS」・「JavaScript(jQuery)」の書き出し

テンプレートや、フレームワークを使用することが多くなり、一から書くことは少なくなった「HTML」・「CSS」・「Javascript(jQuery)」などのコードですが、書き出し部分を毎回、調べている自分のための備忘録で […]

続きを読む
ナビメニュー
【コードサンプル】パネル形式・イメージ画像表示の「メガメニュー」

ドロップダウン形式のグローバルナビメニューをカスタマイズして、パネル形式&イメージ画像を表示できるメガメニューのコードサンプルを作ってみました。 リンクごとに画像を表示するので、商品カテゴリーなど、ユーザーに訴えかけたい […]

続きを読む
ボタン
「jQuery」を使用してページトップへ戻るボタンを制御する

前回は基本編として、ページトップへ戻るボタンをHTMLとCSSで設置する手順をお伝えしましたが、今回は、ボタンの表示やスクロールスピードの制御を、jQueryで行う実用的な方法をご紹介します。 HTML・CSSのコーディ […]

続きを読む
Javascriptライブラリ
「jQuery」の導入方法

jQueryは、Webページの構築において非常に便利なJavaScriptライブラリの一つです。 JavaScriptライブラリとは、JavaScriptのプログラムを書きやすくするために、使用頻度の高いコードや効果など […]

続きを読む