非常に使い勝手が良いjavascriptライブラリ「jQuery」。様々なエフェクトを実現したり、ちょっとした問題を解決したり本当に様々な使い方がありますが、今回紹介するのはそんなjQueryを使った、デザインテクニックを集めたエントリー「10 Easy jQuery Tricks for Designers」を紹介したいと思います。
Equal-Height Columns
例えば上記のようなカラムを揃えるテクニック等、CSSでWEBを組んでいて気になる部分を解消してくれるテクニックが収録されています。
詳しくは以下
・Rounded corners without the HTML mess(角丸を簡単に作る)
・Scrolling Content(スクロールで見せるコンテンツ)
・CSS Style Switcher(スタイルシート切り替え)
・Resizing text dynamically(テキストのリサイズボタン)
・Animated accordions for interactive content displays(アコーディオン表示)
・Tooltips to convey contextual messages on an element of interest(ツールチップ表示)
・Modal windows to replace pop-up windows(POPアップウィンドウの制御)
・Tabbed interfaces for displaying content(タブコンテンツ表示)
・Using jQuery UI for easy widget implementation(jQueryを使ったwidget)
基本的には英語のドキュメントになりますが、ソースコードやライブラリへのリンクもあり、英語が苦手な方でも何とかなると思います。
今までものすごく手間がかかっていた事が解決できるものも含まれていると思います。全部で10のテクニックが紹介されていますので、WEBデザインに携わっている方は原文を是非ご覧ください。