派手なアクションや演出はありませんが、WEBサイト構築において、ちょっとした気の利いた所を押さえているjavascriptが今回紹介するJavaScript「yuga.js」です。

簡単に導入できる上に「jQuery」を使って様々な事が簡単なコードで実現可能です。優雅なWeb制作のためのJS サンプルと銘打っているだけあって実相もシンプルでわかりやすいJavaScriptになっています。

詳しくは以下

yuga.jsでできることは以下の通りです。

・画像のロールオーバーを簡単にする機能
・外部リンクは別ウィンドウを自動で設定
・画像のリンクをthickboxで開くよう簡単設定
・偶数、奇数行を自動で色分け
・ページ内リンクのアニメーション機能

詳しい動作や導入方法については「yuga.js 0.4.2 – 優雅なWeb制作のためのJS｜CSS HappyLife」で詳しく参照することができます。

サンプルページは0.4.2ですが、現在0.5.1がリリースされていて「inputlog – yuga.js 0.5.1 – 優雅なWeb制作のためのJavaScript」で差分の内容と最新版の「yuga.js 0.5.1」がダウンロード可能です。