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

Browse By

Tag Archives: Javascript

[Javascript] 75+ Awe-Inspiring jQuery Plugins To Ramp-Up Your Skills – サイトに動きやエフェクトを追加できるjQueryプラグイン

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

ウェブサイトにアニメーションによる動きや効果などを追加できる、jQueryプラグインのまとめ記事。タイトル通りわりと派手めのものが多いです。スライドショー、イメージ装飾、フォーム補完、サムネール機能追加、グラフ描画、ドロップダウンメニュー、テーブルハイライト、メディアプレーヤー、RSSフィード表示、Flickr読み込み、スライダー、マウスオーバー効果などが紹介されてます。サイト内でちょっと凝った表現をしたい時に役立ちそうな記事。

[Javascript] 10 Useful jQuery Plugins – 使えるjQueryプラグイン

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

使えるjQuery Plugin10選。紹介されてる数は少ないですが、あまり見たことのないプラグインが紹介されてました。内容はグラフビジュアライザ、スライダー、アコーディオン、画像ズーム、スクローラー、Modal表示(Lightbox)、マップ描画、iPhoneっぽいインジケータ(待ち受けクルクル)など。動きや見た目で魅せる系のプラグインが多い印象。

[Javascript] 30 Fantastic New jQuery Plugins – 最近のjQueryプラグイン

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

最近公開されたファンタスティックなjQueryプラグインまとめ。30個紹介されてます。レイアウト、イメージ関連、ドロップダウンメニュー、スライダー、フォトギャラリー、Modal表示、アコーディオン、ズーム、フォーム入力補助、ポップアップなどが紹介されてます。新しもの好きの人に是非。

[Web Design] 100 Awesome CSS/Javascript Plugins and Coding Techniques – CSSやJSを使った、コーディングのテクニック100選

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

CSSやJavascriptを使ったコーディングのテクニックが100例紹介された記事。質よりも量、特にカテゴリ分けもされておらず雑多な印象ではあるんですが、やっぱりこれだけの数紹介されてるってのは他にあまり例がなく、なかなかアツい記事です。ダラダラ見てるだけでも、今度使ってみよう的な感じになります。コーダーだけでなくデザイナーやディレクターにとっても興味深い内容。

[Javascript] Superb Collection of jQuery CSS Animated Navigation Tutorials – アニメーションするナビゲーションまとめ

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

アニメーションを使ったナビゲーション演出をまとめた記事。どの作例もjQueryを使用しているようで、各作例のDemoとDLページへのリンクが用意されてます。数はそれほど多くありませんが、ちょっと凝ったナビゲーションを作りたい時に便利なまとめ記事。

[Javascript] 17 Useful jQuery Plugins to Improve the Look and Feel of Your Website – サイトを印象的にするjQueryプラグイン

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

サイトを印象的にするjQueryプラグインまとめ記事。特別ジャンルを固定せず、いろんな種類のプラグインが紹介されてます。スライドショー、フォーム装飾、ドロップダウンメニュー、引き出し式のフォーム、マウスオーバーアニメーション、画像ズームなど。動きによる装飾をしたい場合にイイかもしれません。

[Javascript] jQuery and CSS single page portfolio, a vertical parallax navigation experiment – jQueryを使った多重スクロール

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

jQueryを使って、サイトのスクロールを多重にして奥行きのある表現をするというプラグイン。いやこれなかなかスゴいっす。デモはこちら。上下にスクロールすると、手前の物ほど早く、奥にある物ほどゆっくりとスクロールします。奥のオブジェクトをボカしてあるのもポイントですな。昔はシューティングゲームで多重スクロールするってだけで喜んでいたもんです。多重スクロールと聞いてファンタジーゾーンあたりを思い出した人は、きっと俺と同世代のオッチャン世代ですね。

[Web Design] 30 High Quality Charts And Graphs For Webdevelopers To Download – 汎用的に使えるグラフツール

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

サイト上で汎用的に使えるグラフツール。多くはjQueryやmootoolsなどのJavascriptで描画するタイプのものですが、中にはFlashで作られたグラフもあります。サイト内でグラフ描画を行う際、通常は画像で制作しますが、この手のツールを使えば数値を変更するだけで更新ができるので、汎用性やメンテナンス性を考えるととっても便利。動きを使った見せ方が出来る点もナイス。


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