TOP  >  WebDesign  >  デザイナーのためのjQueryテクニック「10 Easy jQuery Tricks for Designers」
2009年10月03日

デザイナーのためのjQueryテクニック「10 Easy jQuery Tricks for Designers」

非常に使い勝手が良いjavascriptライブラリ「jQuery」。様々なエフェクトを実現したり、ちょっとした問題を解決したり本当に様々な使い方がありますが、今回紹介するのはそんなjQueryを使った、デザインテクニックを集めたエントリー「10 Easy jQuery Tricks for Designers」を紹介したいと思います。

13-01_unequalcolumns-1
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デザインに携わっている方は原文を是非ご覧ください。

10 Easy jQuery Tricks for Designers

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。即刻削除いたします。
posted 08:03  |  
Category: WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る