CSSでマルチカラム
マルチカラム（段組み）レイアウトのサンプルを2つ紹介します。 1.floatで段組み ボックスをfloatで左右に振り分ける...
【jQuery】マウスオーバーで画像を切り替える
マウスオーバーはいくつか手法がありますが、ここではjQueryを使ったシンプルなマウスオーバーのサンプルを紹介します。 当然のことですがj...
jQueryでページトップへスクロール
jQueryを使ったシンプルなページトップリンクのサンプルです。 当然のことですがjQueryが必須になりますので、以下からダウン...
JavaScript（jQuery）でhtmlをインクルード
JavaScript（jQuery）を使って外部に設置したhtmlファイルをインクルードさせるサンプルです。 ヘッダーやフッターなどの共通...
IE6,7を切り捨てるとできる事
Windows XPのサポートが2014年4月に終了したことで、IE6を切り捨てる大きな理由ができ、Web制作関係者は歓喜に包まれたこと...
ボックスからあふれたテキストを「…」で省略表示
ページ送りの記事にもちょこっと書いていますが、1行分のボックスからあふれたテキストを省略表示する場合のサンプルです。 HTML ...
GoogleAnalyticsでPDFをページビューとしてカウントする
Googleアナリティクスを導入しているWebサイトは企業・個人ともとても多いと思いますが、サイト内にあるPDFもページビューにカウントした...
tableのborder-collapse
tableタグで表組みを作成するとき、border-collapse:collapse を使う場合が多いかと思いますが、separate...
段落先頭1字下げなどのテキストインデント
DTPではよく使われる「段落先頭1字下げ」など、テキストインデントのサンプルを紹介します。 HTML <p cla...
画像回り込み
写真などの画像の横にテキストを流して配置する方法2つ。 1.画像に直接floatを使う HTML <p>...