skuare.net

切り替えタイミングがわかる画像ギャラリーJavaScript「Presentation Cycle with a progressbar」

2010-03-18T02:09:17Z

画像ギャラリーのJavaScriptは結構ありますが、画像間の切り替えタイミングがわかりにくかったです。
jQueryプラグインのPresentation Cycle: Cycle with a progressbar - Gaya Designを利用すると、あとどれくらいで切り替わるかが明示されるので、非常にわかりやすいです。

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

入力したパスワードを表示するJavaScript「Password (un)Masking」

2010-03-17T02:54:00Z

確認などもあるとパスワードに何を入力したかわからなる場合があります。
入力したパスワードを表示させることでユーザーにとってわかりやすくなるかと思います。
jQueryを利用した「Password (un)Masking | VileWorks」を紹介します。

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

Twitterライクに、あと何文字？を表現するJavaScript

2010-03-16T10:53:41Z

Twitterの右上には入力できる数字が表示されています。
これと同じようなものをjQueryのプラグイン「jQuery plugin: Simplest Twitter-like dynamic character count for textareas and input fields | Css Globe」を利用して導入します。

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

tableで作った表組のどこを見ているかを明示するJavaScript「TargetTable jQuery Plugin」

2010-03-08T23:48:49Z

大きな表組みを作ると今どこを見ているのかわからなくなってしまいます。
どこを見ているのか明示できるとユーザーフレンドリーかもしれません。
今回はTargetTable jQuery Pluginを利用して実現します。

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

jQuery利用の軽量吹き出しJavaScript「tinyTips」

2010-03-08T13:09:35Z

画像やテキストの説明、またリンクの説明としてツールチップと呼ばれる吹き出しを表示させることがあります。
JavaScriptライブラリのjQueryを使用して、軽量かつデザイン性があるツールチップjQuery Plugin: TinyTips 1.1 | Mike Merritt | Digital Infernoを紹介します。

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

メガメニューを簡単に実現するJavaScript「jQuery Mega Menu」

2010-03-05T00:59:27Z

グローバルメニューにドロップダウンでサブカテゴリまで表示させることがあります。
でもECサイトなどではサブカテ多すぎて・・・なんて方にメガメニューをお勧めします。
JavaScriptを使用して簡単に導入できるjQuery Mega Menu | GeekTantraを紹介します。

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

メニューのマウスオーバーを効果的にするJavaScript「jQuery Sliding Menu (AKA Lavalamp)」

2010-03-02T01:33:49Z

一番目立つメニューを印象的にすることで、サイト内の回遊性向上が期待されるかもしれません。
jQuery Sliding Menu (AKA Lavalamp)を利用するとマウスオーバーを効果的にすることが可能です。

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

jQueryで誰がRetweetしたかアイコンでわかる「who-tweet-button」

2010-02-24T00:53:53Z

Retweet数がわかるTweetMemeを利用しているサイトが多く見られます。
今回はRetweetしたユーザーのサムネイルを表示するwho-tweet-button - Project Hosting on Google Codeを紹介します。

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

ソーシャルリンクをjQueryで手軽に表示「jSocial」

2010-02-19T01:09:30Z

ソーシャルな時代にはブックマークやrss、twitter、facebookなど使っているものが多くなります。
これらを手軽に表示するjSocial | Social Links Plugin By thatryanを表示することで、あなたのファンが増えていくことでしょう。

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

[メモ] Aptana Studio 2.0 日本語化とzen-coding

2010-02-17T10:49:02Z

じわっと浸透中のzen-codingやろうとAptana Studio 2.0を入れてみました。
今回はAptana Studio 2.0の日本語化手順とzen-coding利用までについてメモしておきます。

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

jQueryで年月カレンダーを一瞬でプルダウン化！「Facebook Like Datetime Picker」

2010-02-17T06:40:06Z

フォームで例えば誕生日を入力させたい時、1つ1つ年をoptionに入れるのは億劫ですし、年が変わった時に変更が面倒です。
それでJavaScriptライブラリ「jQuery」のプラグインJquery Facebook Like Date Time Pickerを利用します。

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

第1回勝手にユーザビリティ体験会@beBitに行ってきたよ

2010-02-16T13:20:46Z

twitterに流れているのに気づかず、facebookで知った「第1回勝手にユーザビリティ体験会」に行ってきました。
半分くらいbeBitへの興味だったりしますが・・・

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

さまざまな色のメニューを簡単に作成！「jQuery CSS Menu Style 06」

2010-02-10T01:08:53Z

メニューはサイトを構成する重要な要素の一つです。
そんなメニューを手軽にかつさまざまな色で作成できるjQuery CSS Menu Style 06 を紹介します。
※非商用のみ選択色をダウンロード可能。バックリンク付き。

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

リリース：「かなこん」フォローにひらがなアイコンを並べて楽しもう！

2010-02-04T14:50:23Z

twitterのフォロー欄に平仮名のアイコンを並べアピールできる「かなこん」をリリースしました。
twitterネタとしてホロヨッターに続く第2弾ネタの「かなこん」は、簡単に言えば平仮名ごとにtwitterアカウントを取得しただけです・・・。
うまくフォローしていくと以下のようにメッセージを表示することが可能です。

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

パスワード強度を明示するJavaScript「Password Strength」

2010-02-04T00:51:03Z

パスワードに名前だったり、1111などを登録するユーザーもいます。
そんな時にパスワード強度を明示してあげると良いかも知れません。
Password Strength | jQuery Pluginsを利用すれば簡単に導入可能です。

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

画像を拡大表示させるJavaScript「jQuery zoom plugin」

2010-02-02T11:13:20Z

ECサイトなどでは、商品画像を拡大させることがあるのではないでしょうか？
そんな時、jQuery zoom pluginを使用すると、簡単にJavaScriptで実現できます。

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

フォームの入力補助を行うJavaScript「AutoSuggest jQuery Plugin」

2010-01-28T01:06:51Z

Googleなどの検索では1文字いれると候補が出てきます。
ユーザビリティ向上のため、このようにフォームにも入力補助があると好ましくなります。
JavaScriptのAutoSuggest jQuery Pluginを利用することで簡単に導入できます。

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

要素を切り替えるJavaScript「jShowOff: a jQuery Content Rotator」

2010-01-27T04:22:15Z

要素を切り替えるJavaScriptは多くありますが、自分の好みが見つからないかもしれません。
今回紹介するjShowOff: a jQuery Content Rotator Pluginも選択肢のひとつにしていただければと思います。

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

気楽に要素を回転させられるJavaScript「jQuery Roundabout」

2010-01-22T07:18:44Z

画像などの要素を回して印象的に見せたい。
そんな時にはJavaScriptのjQuery Roundaboutを使用すると良いかもしれません。
手軽に導入できます。

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

ハイクオリティのグラフ生成JavaScript「Highcharts」

2010-01-21T01:36:54Z

JavaScriptライブラリのjQueryを利用してハイクオリティのグラフを生成できる「Highcharts - Interactive JavaScript charts for your webpage」を紹介します。
※非商用にて無償です。

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

軽量JavaScriptライブラリでグラフを描画「Bluff」

2010-01-19T01:01:30Z

グラフをイラレとかで作るのはめんどくさい・・・
そんなあなたにJavaScriptでグラフを描画できるBluff: Beautiful graphs in JavaScriptを紹介します。
サイズも小さいので使いやすいのではないでしょうか。

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

べらぼうに簡単にストリートビューを表示できるJavaScript「stview.js」

2010-01-15T00:48:53Z

ストリートビューを表示させたいという思いがあるかもしれません。
そんな時はstview.jsを利用すると3行追加するだけで表示することが可能です。

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

自動でページネーションを付与できるJavaScript「JQuery Pagination Plugin 」

2010-01-13T01:19:45Z

ページが長くなる時に分割表示できるとユーザーフレンドリーになります。
また同時にページネーションとかページングと呼ばれるものを付るとより一層好ましいです。
これらすべてを自動で行ってくれる「Jquery Paginator」を紹介します。

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

Google Mapsを簡単に表示するJavaScript「gMap」

2010-01-12T06:04:26Z

Google Mapって便利ですよね。
でも細かい設定をするのは少し面倒とお思いの方にjQueryプラグインの「gMap - Google Maps Plugin For jQuery」を紹介します。
マーカー位置やzoomレベル、コントローラー設置など設定が簡単に可能です。

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

画像のキャプションを画像から飛び出るように表示するJavaScript「jQuery Drop Captions Plugin」

2010-01-08T07:21:20Z

画像にキャプションを付けることでユーザーに配慮することが可能です。
JavaScriptライブラリのjQueryプラグインのjQuery Drop Captions Pluginを使用すると、画像から飛び出すようにキャプションを表示できます。

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

twitterのリストを使って、サイトのファンを表示するJavaScript「A Twitter List Powered Fan Page」

2010-01-05T11:50:19Z

サイトのファンをtwitterのリスト機能を使って表示してみます。
A Twitter List Powered Fan Page -- TutorialzineからjQueryを利用して実現します。

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

ほろ酔い支援ツール「ホロヨッター」リリース

2010-01-03T15:30:34Z

twitterを利用したサービス「ホロヨッター」をリリースしました。
※ちょっと雑ですが・・・。
本サービスは、新年会、懇親会、追いコンや歓送迎会をはじめとする飲み会において、自分が何杯飲んで、どんな「ほろ酔い度」かを把握できるツールです。

また一人で飲んでいても「ほろ酔いおじさん」が返事をしてくれるので、寂しいことはありません！バーの一人飲みデビューも完全サポートしちゃいます。
ん、酔っ払ったらtwitterどころじゃない？
いえいえ、飲みすぎは体に悪いですよ。ほろ酔い程度にしておきましょう！

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

Facebook風のツールチップを実現するJavaScript「tipsy」

2009-12-28T03:12:00Z

jQueryを使用してFacebookスタイルのツールチップを実現する「tipsy - Facebook-style tooltip plugin for jQuery」です。
ツールチップとは吹き出しのようなもので、リンクや画像などの説明をわかりやすく表示してくれます。

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

jQueryで簡単かつビジュアルに長けたLightBox「Visual LightBox JS」

2009-12-27T06:14:11Z

jQueryを使用してFacebook風、Vista風、Mac風のLightBoxを簡単に作れる「Visual Lightbox JS: Free Visual Generator for Lightbox 2 Script for jQuery or Prototype. jQuery Lightbox.」です。
これ、何がすごいってローカルで動くプログラムで必要なファイルをすべて生成しちゃうってとこ。
手間がかかる画像加工もhtmlの記述もいりません。
唯一残念なのは、商用利用は有償ってとこ。

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

雪が舞い散るJavaScript「Snowfall」

2009-12-21T04:00:06Z

冬ですね。サイトにも雪をふらせたくなってきましたね。
JavaScriptライブラリのjQueryプラグインSnowfall Pluginを使用すると、雪を舞い散らせることが可能です。

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

skuare.net

切り替えタイミングがわかる画像ギャラリーJavaScript「Presentation Cycle with a progressbar」

入力したパスワードを表示するJavaScript「Password (un)Masking」

Twitterライクに、あと何文字？を表現するJavaScript

tableで作った表組のどこを見ているかを明示するJavaScript「TargetTable jQuery Plugin」

jQuery利用の軽量吹き出しJavaScript「tinyTips」

メガメニューを簡単に実現するJavaScript「jQuery Mega Menu」

メニューのマウスオーバーを効果的にするJavaScript「jQuery Sliding Menu (AKA Lavalamp)」

jQueryで誰がRetweetしたかアイコンでわかる「who-tweet-button」

ソーシャルリンクをjQueryで手軽に表示「jSocial」

[メモ] Aptana Studio 2.0 日本語化とzen-coding

jQueryで年月カレンダーを一瞬でプルダウン化！「Facebook Like Datetime Picker」

第1回勝手にユーザビリティ体験会@beBitに行ってきたよ

さまざまな色のメニューを簡単に作成！「jQuery CSS Menu Style 06」

リリース：「かなこん」 フォローにひらがなアイコンを並べて楽しもう！

パスワード強度を明示するJavaScript「Password Strength」

画像を拡大表示させるJavaScript「jQuery zoom plugin」

フォームの入力補助を行うJavaScript「AutoSuggest jQuery Plugin」

要素を切り替えるJavaScript「jShowOff: a jQuery Content Rotator」

気楽に要素を回転させられるJavaScript「jQuery Roundabout」

ハイクオリティのグラフ生成JavaScript「Highcharts」

軽量JavaScriptライブラリでグラフを描画「Bluff」

べらぼうに簡単にストリートビューを表示できるJavaScript「stview.js」

自動でページネーションを付与できるJavaScript「JQuery Pagination Plugin 」

Google Mapsを簡単に表示するJavaScript「gMap」

画像のキャプションを画像から飛び出るように表示するJavaScript「jQuery Drop Captions Plugin」

twitterのリストを使って、サイトのファンを表示するJavaScript「A Twitter List Powered Fan Page」

ほろ酔い支援ツール「ホロヨッター」リリース

Facebook風のツールチップを実現するJavaScript「tipsy」

jQueryで簡単かつビジュアルに長けたLightBox「Visual LightBox JS」

雪が舞い散るJavaScript「Snowfall」

リリース：「かなこん」フォローにひらがなアイコンを並べて楽しもう！