CSSやJavaScriptを使ったオシャレな技やサンプルが解説&配布しているサイトのまとめ

Posted: Nov 9, 2006, 12:05 pm | Author: yutaro | Category: Old

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

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

    主にCSSに関連したもの

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

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

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

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

  • 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 GalleryCSS 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

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