hereticanthem co.,ltd.

最近、CSSやJavaScriptを利用したオシャレなテクニックが次々とWeb上に公開されいてます。そんな色々な技やサンプルが解説、配布しているサイトをメモ程度にですがズラスラとまとめてみました。

早速、ズラズラとまとめたいと思います。

主にCSSに関連したもの

• dynamicdrive.com

様々なCSSテクニック、小物デザインが集まってます。ちょっとしたときに使えるのではないでしょうか？

• findmotive.com

画像二枚を使ったロールオーバーをcssでやってしまう、最近ではスタンダード?

• blog.html.it

cssレイアウトのテンプレートを配布しています。数多くのテンプレートがあり、大半のサイトに適応できそうです。必見。

• hyper-text.org

外部リンクだけにアイコンを表示させることができるcssを解説。MTなどのツールを使用している方への解説もあります。Firefox等ｃｓｓセレクタに対応したブラウザのみ可能なようです。

• howtocreate.co.uk

CSSメニューが再現できます。沢山のブラウザに対応した解説もうれしいです。

• aplus.co.yu

各top,bottom,left,rightから表示されるシンプルなポップアップメニューです。

• dbfnetwork.info

cssのレイアウトサンプルが配布されているサイト。とっても使いやすい形でダウンロードできます。MozzilaやIEの両方に対応したソースがかかれてます。

主にJavaScriptを使っているもの

• inviz.ru

jsとcssを使ってスライド式角丸ボックスが作れます。mootoolsを使った動きでとてもCoolです。

• twinhelix.com

FreeStyle Menusというjsやcssを使ったメニューです。様々な方に変更できて一度は使ってみたいと思うほどクオリティーが高い。

• dxdec.com

Style Select Boxes (BETA)というjsとcssをつかった快適に使えるセレクトボックスがあります。

• glanzani.com.ar

jsとcssでCoolなセレクトボックスを再現しています。

• mikeomatic.net

Script.aculo.usを使ってdivをクロスフェード効果。

• applestooranges.com

バーグラフをcssで再現しています。画像背景を変えるだけで自分好みのものになると思います。

• dhtmlgoodies.com

膨大な数のライブラリを開発、配布しているdhtmlgoodies.comですが、そちらのタブメニューサンプル。

• niftycube

NiftyCornersのセカンドバージョン。これでもかというくらい角丸にこだわってます。ダウンロードすると、どれも使いたくなってしまうほど。ライセンスGNU GPL

• cssplay.co.uk

HoverLightboxを元にしたサムネイルギャラリー。Multi-Page Photograph GalleryやCSS slide showなど、こちらのサイトでは数多くのメニューサンプルやタブ、ボタン、Flickerメニューに至るまで、膨大なサンプルがあります。かなり必見のサイトです。

参考サイト

• Yahoo! UI Library
• Slidebox
• mooShow
• Prototype
• Scriptaculous
• MochiKit
• SAJAX
• Dojo
• DWR
• Xajax
• SACK
• jQuery
• Kawa.net
• ZK
• Enjoy×Study
• tinymce
• yvoschaap
• serennz
• Lightbox JS v2.0

なんか、ごちゃごちゃしてしまいましたが。。。
次回はライブラリだけでまとめてみたいと思います。