CSSだけで画像をマウスオーバーで切り替える
マウスオーバーはいくつも手法がありますが、ここではCSSだけを使ってマウスオーバーで画像を切り替えるサンプルを紹介します。 基本的にすべて...
PENTAX Q7を衝動買い。
2014年9月某日。 買い物に行った横浜の某大手電気量販店で見つけた PENTAX Q7。 レンズ交換が可能なミラーレス一眼でありながら...
要素を天地中央に配置
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 ...