情報・デジタルの部屋Webデザイン失敗の巻[新ページ]ボタンを押すと新しいページに戻ります。「こひつじの家」のトップページに戻ります。2000年ごろに作った「情報とコンピュータの部屋」です。画像をクリックするたびに拡大⇔縮小サムネイル見本用の小さい画像をクリックすると画像が大きくなり,大きくなった画像をクリックするとサムネイルに戻る部品(テクニック)を紹介します。HTMLとCSSだけを使用した方法としては,記述の簡単さも,動作も,最高のレベルにあると思います。〔こひつじの家〕の最新のページは,この方法で画像を表示しています。画像にマウスをのせると拡大サムネイルにマウスをのせると画像が大きくなり,大きくなった画像からマウスをのけるとサムネイルに戻る部品(テクニック)を紹介します。HTMLとCSSだけを使用。HTMLの記述は,これ以上は望めないというほど,超簡単です。行間を一定に保てるルビHTMLのruby要素を使ってルビを振ると,行間が微妙に変わります。ルビのデザインも,ブラウザまかせです。ここで紹介するルビ(独自ルビ)を使うと,一定の行間が保てます。ルビのデザインも,自分で決めることができます。これは何かくかくしかじかというようなところにマウスをのせると説明が表示されます。