XHTMLのCSSデザインテンプレート ライブラリ (Open Designs)
2007年2月14日(水) 10:00
Webコンテンツを作成する上で、デザインの要素は重要になる。印象、ナビゲーションなど様々な要素を考える必要がある。Open DesignsではXHTML(HTML)、CSSで構成されたWebデザインのテンプレートをダウンロードできる。
季節物限定のページデザインや、汎用的に利用できるものなど、ジャンルは豊富。サムネイル画像から気に入ったデザインが見つかれば、それをダウンロードすることが可能。シンプルなものから、2カラム、3カラムレイアウトなど豊富にあるため、HTMLとCSSの勉強にも良い。
季節物のテンプレート

バレンタインの時期に向けたデザインも見つかる
簡単な情報はマウスを重ねると表示

HTMLのバージョンとライセンス情報が表示される
ライセンスについて
- Public Domain - ライセンス制限を強制しない、事実上フリーで利用できる
- GNU GPL - 修正して再配布を行う場合、フリーでの再配布に限定されます
- Creative Commons - 別途ライセンスの範囲が定義されている
テンプレートの利用範囲に関するライセンスは、幾つかに分類されているので、十分注意してください。
テンプレートのデザインはサイト上からプレビューが可能なので、細かなナビゲーション位置なども確認できる。Open Designsのサイトは応答が遅いこともあるので、その場合は時間をおいてアクセスしてください。
関連する記事
- マウス操作で写真にズームするギャラリーswf(PostcardViewer)
- CSSとCanvasで描写するWeb用のUIフレームワーク(Mocha UI)
- 透明感のあるデザインをJavaScriptで実装する(glassbox.js)
- MP4、FLVなど再生するFlashプレーヤーswf (JW FLV MEDIA PLAYER)
- FlashやFLV、MediaPlayerに対応したスライドショーJavaScript(shadowbox)
- デザインが魅力的なスライドショーJavaScript (Lightview)
- 楽にフォーム入力チェックを実装するJavaScript (JSValidate)
- CSSデザインレイアウトをオンラインで簡単に作成する (YAML)
- ユーザーが再配置可能なWedgetを実装するJavaScript (Prototype Portal Class)
- フォームボタンCSSデザインするテクニック (Rediscovering Button Element)
- 半透明の角まるツールチップを表示するJavaScript (CoolTips)
- JavaScriptでプログレスバーを簡単に実装する (jsProgressBarHandler)
- JavaScriptコード圧縮して盗用から守る (packer)
- iTuneのようにカバーアートを表示するFlash (iTunes Coverflow)
- 画像をサムネイルのサイズで表示するJavaScript (jQuery Thumbs)
- Ajaxでサクサク動くWebファイルマネージャ (Relay)
- アンカータグを利用してスムーススクロールを実装する (df Smooth Scroll)
- MacでもFlashでホイール操作が出来るようにする (SWFMacMouseWheel)
- HTMLなどタグ編集を楽にするエディタ機能JavaScript (jTagEditor)
- 使いやすいYUIライブラリのWYSIWYGエディタ (Rich Text Editor)

