Webデザイン

あまり知られていないけれど、HTML5では正規表現が使えるようになる
(Publickey)

例として、入力された文字を、数字1文字と大文字のアルファベット3文字に制限するサンプルがワーキングドラフトに掲載されています。

<label> Part number:
<input pattern="[0-9][A-Z]{3}" name="part"
title="A part number is a digit followed by
three uppercase letters."/>
</label>

title属性に設定された文字列は、ツールチップ表示や正規表現に合致しない場合のアラートに使われるようです。

ほほぅ。これまでJavascriptなんかで行っていた入力制限がhtmlでできるようになるのかー。

JavaScriptで画像をズーム「Magic Zoom」
(MOONGIFT)

Magic Zoomは画像の上にマウスを乗せると、右側に拡大された画像を表示してくれる。マウスを動かせば、拡大される場所も変更される。複数画像を切り替える機能もあり、例えば色違いやパターンが違う商品の表示に使える。

なかなか面白いライブラリ。eコマースサイト作りなんかに使えるがフリーライセンスで使えるのは個人の非商用利用に限るので状況に応じてライセンスを購入しないとね；；

[>>JavaScript Image Zoomifier : Magic Zoom (previously LuckyZoom)]

カテゴリとタグを上手に使い分ける
(could)

ブログエントリーとひとことで言ってもエントリーによって様々なタイプ (形式) があります。徒然と文章が書かれていることもあれば、リストだけで終わっているものもあります。どういったブログエントリーを書くかによって、文章の構成は変わりますし、場合によっては文体も変わるでしょう。そこでカテゴリをエントリーのタイプと見なして考えてみました。

元はタグの無かったblogシステムから続けてるので、カテゴリとタグの使えるWordpressに移行してから悩んでます。
正直今のところカテゴリとタグの明確な境目がない状態なんだよね；；
記事を参考にちょっと考えてみようかな・・・。

プログラマでも出来るWebデザイン
(Blog.37to.net)

テスト用でもちょっとは見栄えが・・・ってときに役にたちそう。