Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

Tag Archives: Javascript

[JAVASCRIPT] 35 Useful jQuery Plugins for Slideshows, Graphs and Text Effects – jQueryを使ったスライドショー、グラフ表現、テキストエフェクト

  • Pocket
  • このエントリーをはてなブックマークに追加

jQueryを使ったスライドショー、グラフ表現、テキストエフェクトのプラグインを集めた記事。それぞれカテゴリ分けされていて、スライドショーはいわゆるフォトギャラリーものが、グラフではデータをグラフ化するプラグインが、テキストエフェクトではレイアウトやsIFR関連のものが紹介されてます。JSを使ってちょっと凝った表現をしたい時にナイスな記事。

[WEB DESIGN] 5 Fantastic Free Tools to Showcase Your Portfolio – フォトギャラリーサイトを制作する時に便利なツール

  • Pocket
  • このエントリーをはてなブックマークに追加

フォトポートフォリオサイトを制作する際に役立ちそうな、JavascriptやFlashが紹介された記事。件数こそそれほど多くないけど、フォトギャラリーを設置する際に参考になりそうです。Javascript全盛の今、Flashでこれ系のものを作る機会ってあまりなさそうですが、コピーや2次利用を抑制したい場合などにはいいですね。

[JAVASCRIPT] 13 Useful JavaScript Solutions for Charts and Graphs – JSを使って描画するグラフ

  • Pocket
  • このエントリーをはてなブックマークに追加

Javascriptを使ってウェブブラウザ上でグラフを描画するツールが13例集められた記事。JSライブラリにはjQueryやMootoolsなどが使われています。棒グラフや円グラフ、分布グラフまで色々あります。中には3Dで描画するものもあります。こうしたJSグラフは画像とは違いデータを汎用的に使う事ができるので、サイト内でグラフ表示が必要な際の生産性を高められますね。

[JAVASCRIPT] jQuery MagicLine Navigation – jQueryを使った動くナビゲーション装飾

  • Pocket
  • このエントリーをはてなブックマークに追加

jQueryを使って行う、動きによるナビゲーション装飾。メニューにオンマウスする事で、ラインや背景色が動くというもの。デモページはこちら。しっかりと仕様を読んだわけではないですが、ラインについてはCSSで描画している感じ。画像ではないため汎用性も高そうです。実装も難しくなさそうなので、ちょっとした装飾にイイですね。

[CSS3] 50 Brilliant CSS3/JavaScript Coding Techniques – CSS3とJavascriptを使ったクールな表現

  • Pocket
  • このエントリーをはてなブックマークに追加

欧米が今最もアツいと感じているのがCSS3とJavascriptなんだけど、いやぁこれらの作例にはホントまいったよ。エクセレーント! という感じのまとめ記事。ぼちぼちCSS3ガラみのこうした作例紹介も本格的になってきましたね。AppleのiPad & iPhone向けコンテンツを視野に入れた場合必須となるスキルだけに、そろそろこれ系もちゃんと勉強しなきゃな、という感じであります。しかしウェブでできる表現の幅が広がる事は素直に歓迎したいですね。

[JAVASCRIPT] 45 jQuery Navigation Plugins and Tutorials – jQueryを使ったナビゲーション装飾のチュートリアルまとめ

  • Pocket
  • このエントリーをはてなブックマークに追加

jQueryを使ったナビゲーションの装飾や、機能追加に関するチュートリアルがまとめられた記事。作例(デモ)と、その実装方法や概念について解説されてます。この記事なかなか素晴らしい。ドロップダウン、フェードイン&アウト、アコーディオン、Tips表示、ページ遷移なしのタブ切り替え、マックOSX風のドック表現など、jQueryの機能を使った様々な表現が多く紹介されてます。ちょっと変わったナビゲーションを制作したい時にイイですね。

[JAVASCRIPT] 25 jQuery Plugins for Working with Forms – フォームに関するjQueryプラグイン

  • Pocket
  • このエントリーをはてなブックマークに追加

フォームに関するjQueryプラグインが25個紹介された記事。インプットエリア装飾、入力補助、ページ遷移なしのアラート表示、iPhoneライクなスイッチへのデザイン置き換え、カレンダー関連ツール、入力内容のセーブといった内容。サーバと非同期通信をするAjaxモノも多く含まれています。サイトにおけるフォームの役割って以前に比べるとかなり大きくなっているような気がするので、機能性に配慮したい時に是非。

[JAVASCRIPT] 30 Stylish jQuery Tooltip Plugins For Catchy Designs – jQueryを使ったTooltipまとめ

  • Pocket
  • このエントリーをはてなブックマークに追加

jQueryを使ったTooltip(オンマウスでバルーンヘルプみたいに出てくるアレ)ばかりをまとめた記事。30もあります。Tooltipってものによって動きを含めた演出方法に結構違いがあるので、これだけあれば求めているものが見つかりそうです。アイコンだけで表現しなきゃいけないボタンなんかにこれ付いてると、機能的で分かりやすいですね。


Warning: Trying to access array offset on false in /home/users/0/mantid2/web/mantiddesign/wp-content/themes/mStyle8/footer.php on line 8