要素を天地中央に配置
2014年4月にXPのサポートが終了したことにより、思う存分使えるようになったdisplayプロパティ。このサンプルもその恩恵にあずかってお...
a要素に target=”_blank” を使わないで別窓表示する
xhtml1.0 strict や xhtml1.1 では target属性がありません。 でも、リンクを別窓で表示させたい場合もあり...
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...