[B! JavaScript][JS][UI] ThailandMethodのブックマーク

App.js | Mobile webapps made easy

Mobile webapps made easy. Download Get Started App.js is a lightweight JavaScript UI library for creating mobile webapps that behave like native apps, sacrificing neither performance nor polish.

ThailandMethod 2014/05/27

リンク

[JS]パネルをフェードで切り替えるシンプルな国産のjQueryのプラグイン -ImageNavigation

デモページ：2（テキスト版）右側のパネルの切り替えは手動と自動に対応しており、スクリプトのオプションで設定が可能です。スクリプトのオプションでは次のものなどが設定できます。切り替えの自動と手動パネルの表示時間フェードの時間ラベルの画像とテキストラベルに画像を使用した際、ロールオーバー時の変更はスクリプトの機能に含まれているため、ロールオーバー用の画像を用意するだけで実装されます。

ThailandMethod 2010/10/09

リンク

アナログ時計風のUIで時刻の入力ができるユニークなjQueryプラグイン「cantipi」:phpspot開発日誌

cantipi | Look like clock, work like clock! アナログ時計風のUIで時刻の入力ができるユニークなjQueryプラグイン「cantipi」。インプットにフォーカスをあてると次のようなアナログ時計が現れ、内側をクリックで時刻の針を、外側をクリックで分数の針を変更することができます。こういう入力のさせ方もあるのかと感心しました。最初、一瞬使い方に戸惑う部分があるかもしれませんが、使い方によっては便利な使い方ができるかもしれません。関連エントリ時刻の入力に便利なJS入力補助ライブラリ「jquery.timepickr.js」アナログ時計から簡単に時刻を指定できるJavaScriptライブラリ「Time Picker」

ThailandMethod 2010/08/25

リンク

Googleマップ風のUIを実現できるJSライブラリ「Polymaps」:phpspot開発日誌

Polymaps Googleマップ風のUIを実現できるJSライブラリ「Polymaps」。マウスホイールによる拡大・縮小機能もついてます。サンプルも豊富です。他にも同様のライブラリは存在しますが、１つの選択肢として覚えておいても良いかも関連エントリ高解像度の画像のURLを入れるだけでGoogleマップみたいに拡大機能を付けられる「Zoom.it」「Google Static Maps API」を使い携帯でGoogleマップを表示 GoogleマップやFacebook風など、自由にカスタマイズできるツールチップ「BeautyTips」 PHPでGoogle MapのジオコーディングAPIを簡単に使えるサンプルコードとライブラリ Google Map風でクールな地図UIが作れるライブラリ「MapBox」

ThailandMethod 2010/08/24

リンク

ドラッグを必要とする様々なUI実装に使える「Dragdealer JS」:phpspot開発日誌

Dragdealer JS ドラッグを必要とする様々なUI実装に使える「Dragdealer JS」。マウスを使ったドラッグ＆ドロップ操作というのは、スクロールバーや、スライダー等色々と存在しますが、そういった処理を一手に引き受けてくれるライブラリのご紹介です。要素を動かした後のコールバック関数が指定できるので、ドラッグ＆ドロップ後の処理が自由に記述できてアイデア次第ではなかなか便利なUIが作れそうです。横スライダー縦スライダーで文字サイズを変更するサンプル横スライダーで文字サイズを変更するサンプルドラッグで移動させるスライドショー予め用意されているUI実装をするのもよいですが、ドラッグ＆ドロップに関する新しいUIを思いついた場合にも参考にしてみるとよさそう。関連エントリ IEにも対応！ブラウザ上でローカルにストレージを作るJavaScriptライブラリ「jStorage」