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

Browse By

Tag Archives: Javascript

[Javascript] Best jQuery Slideshow (Gallery) Plugins – jQueryを使ったギャラリー向けスライドショーまとめ

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

jQueryを使ったギャラリー向きのスライドショープラグインがまとめられた記事。この手の記事でわりとよく紹介されるものから、あまり見たことないものまで色々あります。トランジションやサムネールの有無など、制作側的に写真の見せ方というのは様々な手法があります。結構多くのプラグインが紹介されてるので、ちょうどイイ感じのものが見つかるかもしれません。

[Javascript] LETTERING.JS – ウェブでタイポ表現をする際に便利なjQueryプラグイン

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

ウェブでタイポグラフィーを行う際に便利なjQueryプラグイン。ウェブでタイポする時に面倒だったコーディングの手間を省く事ができます。JavascriptとCSS3を組み合わせる事で、テキストを維持したまま(画像にはせずに)リッチなタイポを表現する事ができます。通常文節や文字ごとに異なる装飾を行いたい場合、個別にspanタグを入れてclass指定したりしますが、このプラグインを使う事で、ブラウザ内レンダー時にコードを追加してくれるため、元となるソースコードを汚さずに装飾を行う事ができます。なかなかややこしい話ですが、ページ下部の導入サイト例を見ると、だいたいどういうものか分かるかと。THE 10 MOST POWERFUL TWEETS of 2010とかMoon World’s Fairあたり有名ですね。今後Web上でのタイポグラフィーは、画像ではなくこうした手段に徐々に移行していくのかもしれません。なかなかホットです。

[Javascript] Top 10 Best Free jQuery Plugin – フリーのjQueryプラグインベスト10

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

フリーのjQueryプラグインベスト10。なかなかアレですよね、大きいくくりでベスト10やっちゃいますよね、という印象ではありますが、ここで紹介されてるプラグインどれもイイ感じです。機能性よりはどちらかというとデザイン面に関わるプラグインが多いんですが、トランジションなど凝ったものが多いです。数を絞ったからこそ良質なプラグインばかりになった、といったところでしょうか。

[Javascript] Slider Plugins and Tutorials – jQueryを使ったスライダーまとめ

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

最近ではすっかり一般的となった、jQueryを使ったスライダープラグインをまとめた記事。スライダーと一言で言っても、実際には遷移のさせかたやトランジションなど、様々な見せ方があります。この記事では結構な数のプラグインが紹介されてるので、制作者の意図に合ったスライド表現が見つかりそうです。

[Javascript] Website Tour with jQuery – 初見ビジター向けのJSを使ったサイトツアー

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

サイトを初めて訪れたユーザーに対して、サイト内の簡単な説明をツアー形式で提供するjQueryプラグイン。サイトロード時に「初めてですか?」のアラートを出して、ツアーを行うかどうかの選択肢が出ます。通常のウェブサイトやブログでは必要ないかもしれないけど、ウェブサービスやウェブアプリの場合にはとってもナイスな機能かも。まぁ理想なのはツアーを受けなくても使えるというUIだったり構成だったりするんですが、こういう親切心って大事ですよね。

[Javascript] 75 Most Useful jQuery Plugins of Year 2010 – 2010使えるjQueryプラグイン

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

2010年に公開された使えるjQueryプラグインをまとめた記事。スライダーやポップアップ表示などの定番プラグインだけでなく、RSSリーダーやフォーム装飾、Camvasを使った表現、画像加工、Twitterタイムライン表示などの、やや変化球気味なプラグインも多数紹介されています。75ものプラグインが紹介されていてなかなか見応えあります。

[Javascript] 21 Best And Useful jQuery Plugins For Your Website – November 2010 – 使えるjQueryプラグイン

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

jQueryを使った使える表現をまとめた記事。ジャンルを特に固定してないので、様々な用途・目的のプラグインが揃ってます。スライダーやRetina Displayっぽい表現、イベントごとのトランジション、フォトギャラリー、ホバーズーム、アニメーション、グラフ描画、ドロップダウンメニュー、イメージリサイザーなどがその内容。かっけープラグインを軸にサイト内でのコンテンツの見せ方を模索するって手法も、おじさんアリだと思うのよね。

[Javascript] 20 Useful jQuery Slider Tutorials – スライダー関連の使えるjQueryプラグイン

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

jQueryを使ったスライダーに関するプラグインを20例集めた記事。写真の見せ方を考える際に重宝しそうなまとめ記事。またサイトトップでよく使われる、トピック記事のスライド表現なんかに使えそうなプラグインも多数紹介されてます。Flashを使うのもアレだしナニだけど、動きを使った見せ方をしたい、って時なんかにもナイスです。今日jQueryガラみ多いっすねなんか。


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