skuare.net

jQueryでウィザードを作れるプラグイン「jquery.wizard.js」

2010-08-27T01:08:20Z

フォームとかステップをおって見せたい内容とかウィザード形式で見せられるといいですよね。
Wizard - a jQuery plugin by Testbaudsonはそれを実現することが可能です。

]]> (続きはサイトで...)

画像ギャラリーの切り替えにjQueryでインパクトを！「Blockster transition effect 」

2010-08-25T07:57:33Z

画像ギャラリーのJavaScriptの切り替えってありきたりなものが多いですよね。
そんな時、jQueryプラグインのBlockster transition effectを使用するとインパクトのある切り替えが可能になります。

]]> (続きはサイトで...)

テキストを面白く表示するJavaScript「jQuery Text Effect Plugin」

2010-08-19T01:05:17Z

テキストが普通じゃつまらない。
そんなあなたには、こんなJavaScriptはいかがでしょうか？
テキストサイズを徐々に大きく（または小さく）してくれるjqIsoText: jQuery Text Effect Pluginです。

]]> (続きはサイトで...)

Twitterなどソーシャルなフィードを表示するJavaScript「So So Social Plug-In」

2010-08-13T01:21:36Z

ソーシャルメディアが浸透して、ブログなどに表示するケースが増えているかと思います。
そこで、jQuery - So So Socialを使用しまとめて表示させてみるのはいかがでしょうか？

]]> (続きはサイトで...)

サムネイルをドラッグさせ大きな画像を省スペースで表示するJavaScript「jQuery Image Scroller Plugin」

2010-08-12T01:09:20Z

ECで縦長の、特にモデルが着用した画像を見せたい場合はスペースをとりがちです。
一方で、多くの画像を一覧で見せたいという願望もあるかと思います。
そんな悩みを解消するのが、jQuery Image Scroller Pluginです。
大きな画像を指定の大きさで表示させ、隠れた部分はサムネイルのドラッグで表示させられます。

]]> (続きはサイトで...)

2.7kbの軽量画像ギャラリーJavaScript「Easy Gallery for jQuery」

2010-08-10T00:33:04Z

画像ギャラリーのJavaScriptも豊富に出回り、機能がますますリッチになっています。
でももっとシンプルで軽いものが良いという方もいるかと思います。
Easy Gallery for jQueryは2.7kbの軽量画像ギャラリーです。

]]> (続きはサイトで...)

ページや要素をマウス位置に応じて動かすJavaScript「Levitation jQuery plugin」

2010-08-08T23:52:51Z

画像やテキストなどの要素をマウスの位置に応じて動かすJavaScript「Levitation jQuery plugin」です。
これをうまく利用すると奥行き感などを表現でき、面白い効果を与えられそうです。

]]> (続きはサイトで...)

背景画像を動かすjQueryプラグイン「bgFlow」

2010-08-04T23:29:48Z

わりとこだわった背景のデザインの場合、それに一手間加えるとさらに印象的になります。
その手段のひとつしてjQueryプラグインの[jQuery] bgFlow plugin | Le blog d'Hezadを紹介します。
これを利用するとカーソル位置に合わせて画像を動かすことが可能になります。

]]> (続きはサイトで...)

通貨変換を行うJavaScript「Currency widget jQuery plugin」

2010-08-04T01:18:34Z

国際化が進む昨今、通貨の変換をさくっと行えると便利ですね。
Currency widget - jQuery pluginなら簡単に通貨変換をサイト上で行えるようになります。

]]> (続きはサイトで...)

bit.lyでのクリック数を表示するJavaScript「Showing Off bit.ly Clicks of Your Posts With jQuery」

2010-08-03T01:10:50Z

短縮URLを利用するとそのクリック数などを把握することが可能です。
この数値をリンクの隣に表示することで、訪問者がクリックをする動機づけにさせられるかもしれません。
今回はbit.lyとjQueryを利用してこれを実現する方法をShowing Off bit.ly Clicks of Your Posts With jQueryから紹介します。

]]> (続きはサイトで...)

指定文字数以上を隠して、もっと読むボタンで表示させるJavaScript「Jquery.readmore」

2010-07-29T23:50:39Z

ブログなどでは概要を一定の文字数で区切って「...read more」みたいのがあります。
これは1ページでより多くの情報を見せられるようにするためと考えられますが、jQueryプラグインの「Jquery.readmore Demo」を利用するとページ遷移することなく続きを見せられるようになります。
続きがあまり長くない場合には有効ではないでしょうか。

]]> (続きはサイトで...)

[チュートリアル]JavaScriptで画像などの要素を順番にフェードさせ表示する

2010-07-27T03:55:08Z

まずはフォトグラファー木村隆宏さんのサイトを御覧ください。
こちらのサイトでは、アクセス時にポートフォリオを順番にフェードさせることで非常に印象的となっています。
今回はこちらで使用しているJavaScriptをのぞきながら、どう実現しているのかを見ていきたいと思います。

]]> (続きはサイトで...)

CSS Nite LP, Disk 10（SEOの棚卸し）に行ってきたよ

2010-07-24T12:55:46Z

東京・飯田橋で行われたCSS Nite LP, Disk 10（SEOの棚卸し）に行ってきました。
350くらいの人がいたとか。
なので、誰かいいまとめをしてくれると思いますので、ここではメモ書き程度を。

]]> (続きはサイトで...)

ツールチップライクに最新Tweetsを表示させられるJavaScript「Latest Tweets Tooltip with jQuery」

2010-07-21T00:55:03Z

コンテンツ内に多ユーザーを表示させたい時@anywhereのhovercardじゃちょっと物足りない・・・またTwitter検索の結果も表示させたい。
そんなあなたには、Latest Tweets Tooltip with jQueryがオススメです。
検索されたワードの最新Tweetsをインラインで表示させてくれますので、ユーザー名やハッシュタグなどで検索させると便利です。

]]> (続きはサイトで...)

フッターにRSS内容をスライド表示させられるJavaScript「Jquery Constant Footer」

2010-07-14T09:45:12Z

フッターにwibiyaなどソーシャル要素を表示させるケースが増えています。
でもそんな高機能でなくてもいい。単純にRSSを表示させたいというかたにオススメです。
RSS内容をスライド表示させるJquery Constant Footerを紹介します。

]]> (続きはサイトで...)

スマートフォンでもドロップ＆ドラッグを簡単に実現：Jquery Mobile Drag And Drop

2010-07-13T00:56:04Z

iPhoneやAndoroidの登場により、サイトのUIが大きく変わってきています。
タップしてドラッグするといったものも通常のサイトでは使用されなかった動きではないでしょうか。
これをjQueryで実現するプラグイン「Jquery Mobile Drag And Drop」を紹介します。

]]> (続きはサイトで...)

リール式画像ギャラリーJavaScript「jReelGallery -- Cross browser fluid jQuery image gallery」

2010-07-12T01:02:24Z

画像ギャラリーといえば、画像のサムネイルがずらっとならんで・・・みたいのが多いと思います。
そんな中で、今回紹介するjReelGalleryは一風変わった表現が可能です。

]]> (続きはサイトで...)

フォームの入力内容をチェックするjQueryバリデーションプラグイン「JQuery Form Validation And Hints」

2010-07-07T01:07:49Z

フォームに入力された内容を送信前にチェックするバリデーションの紹介です。
これにより、ユーザーの入力間違いを簡易的に防ぐことが可能です。
JQuery Form Validation And Hints

]]> (続きはサイトで...)

要素に影を付けられるjQueryプラグイン「shadowOn」

2010-07-06T08:32:47Z

最近ではCSS3で、テキストとかボックスなどの要素に影を付けられるようになりましたよね。
参考）ボックスにドロップシャドウの効果をつける--Safari 3のCSS対応 - builder by ZDNet Japan
CSS3だとあれなので、JavaScriptでやりましょうか。というjQueryプラグイン「shadowOn」。

]]> (続きはサイトで...)

携帯サイト年鑑2010に掲載されました

2010-07-03T12:05:21Z

2010年7月1日に発売された「携帯サイト年鑑2010」に携わった3サービスが掲載されました。
載せていただいたサービスは、遅延なう、ホロヨッター、ピーチクといずれもtwitter関連サイトとなります。

]]> (続きはサイトで...)

七夕twitter企画「TANZAKU」リリース

2010-07-02T00:30:03Z

仕事で、twitter関連サイト「TANZAKU」をリリースしました。
クライアントから掲載許可をいただいたので、ちょっと紹介。
願い事を短冊に書き込めるのと、その願いに対して、コメントができるという、七夕企画です。
大人の事情で割とシンプルな仕様になりました。

]]> (続きはサイトで...)

自動で目次化してくれるJavaScript「Indexer」

2010-06-28T01:39:54Z

ページが長くなると目次化してページ内リンクを付けて・・・
といった作業が必要になりますが、jQueryプラグインの「Indexer」なら、この作業を自動化してくれます。

]]> (続きはサイトで...)

tableの内容を簡単にグラフ化するjQueryプラグイン「gvChart」

2010-06-23T00:53:48Z

tableで表組みにしたものをグラフ化するのは面倒な作業だったりします。
そこでjQueryプラグイン「gvChart」で簡単にグラフ化しましょう。
通常通りtableを記載し、JavaScriptを記述すれば完成です。

]]> (続きはサイトで...)

[メモ]乱立する日本のグルーポン系サイト

2010-06-20T00:53:40Z

日本で続々と登場するグルーポン系サイトについてのメモ
こんな記事もあるほど、現時点で成功を収めるサービスが出てきています。
[jp] ローンチから1カ月。KAUPONは「ほぼ」Twitter経由で600万円分のチケットを販売した！

]]> (続きはサイトで...)

●や▲の形にテキストを流し込めるjQueryプラグイン「TextMorph」

2010-06-16T00:08:14Z

●や▲の形に、おしゃれにテキストを流しこんで見たいときはありませんか？
jQueryプラグインTextmorphなら簡単に実現可能です。

（追記：2010/6/16）FF3.6、IE8以外だと適用されないようです。

]]> (続きはサイトで...)

ワールドカップ×Twitterなサイト10

2010-06-12T04:06:44Z

いよいよ始まったサッカーワールドカップ2010南アフリカ大会
Twitterが広まってから最大級のイベントではないでしょうか。
そこでワールドカップに絡めたTwitter利用サイトを適当にピックアップしてみました。

]]> (続きはサイトで...)

選択した項目を明示させられるjQueryプラグイン「lister」

2010-06-11T01:25:36Z

あるリストの中から選択させて申し込ませたい場合、少なければcheckboxなどでも耐えられるかもしれませんが、多くなってくると何がなんだかわかりにくくなります。
そこでjQueryプラグインのlisterを利用し選択項目を明示してあげましょう。

]]> (続きはサイトで...)

2つ1組の要素を同時にスライドさせられるjQueryプラグイン「dualSlider」

2010-06-08T01:06:03Z

画像などメディア部分と説明するテキスト部分を分割したいという人もいるかと思います。
jQueryプラグインの「dualSlider」では、これを実現してくれます。
これにより画像にテキストを乗せたり、解説テキストを十分に記述することができます。

]]> (続きはサイトで...)

[メモ]リニューアル。主にhtml5とiPhoneについて

2010-06-05T06:31:39Z

気が向いたので、html5を使ってリニューアルをしてました。
いつしたのかも覚えてませんが、備忘録的に、つらつらと・・・。

]]> (続きはサイトで...)

jQueryと@anywhereでさくっとTwitterを表示「jTweetsAnywhere」

2010-06-04T03:09:39Z

Twitterからリリースされた@anywhereを、もっとわかりやすく利用するjQueryプラグインを紹介。
jTweetsAnywhere - jQuery Twitter Widget with @Anywhere supportで簡単にサイトに導入しましょう。

]]> (続きはサイトで...)