LooseKnot Blog

ページ送り（ページネーション）

2014/11/29 CSS, HTML

CSSだけを使って複数ページにまたがる記事や、連載ものの記事に利用できる、ページ送り（ページネーション）のサンプルを紹介します。 disp...

2014/10/28 CSS, HTML

マウスオーバーはいくつも手法がありますが、ここではCSSだけを使ってマウスオーバーで画像を切り替えるサンプルを紹介します。基本的にすべて...

2014/10/2 Hobby, Misc

2014年9月某日。買い物に行った横浜の某大手電気量販店で見つけた PENTAX Q7。レンズ交換が可能なミラーレス一眼でありながら...

2014/9/18 CSS, HTML

2014年4月にXPのサポートが終了したことにより、思う存分使えるようになったdisplayプロパティ。このサンプルもその恩恵にあずかってお...

xhtml1.0 strict や xhtml1.1 では target属性がありません。でも、リンクを別窓で表示させたい場合もあり...

2014/8/30 CSS, HTML

マルチカラム（段組み）レイアウトのサンプルを2つ紹介します。 1.floatで段組みボックスをfloatで左右に振り分ける...

マウスオーバーはいくつか手法がありますが、ここではjQueryを使ったシンプルなマウスオーバーのサンプルを紹介します。当然のことですがj...

jQueryを使ったシンプルなページトップリンクのサンプルです。当然のことですがjQueryが必須になりますので、以下からダウン...

JavaScript（jQuery）を使って外部に設置したhtmlファイルをインクルードさせるサンプルです。ヘッダーやフッターなどの共通...

2014/6/15 CSS, HTML

Windows XPのサポートが2014年4月に終了したことで、IE6を切り捨てる大きな理由ができ、Web制作関係者は歓喜に包まれたこと...