[B! JavaScript][ui] teracy_junkのブックマーク

スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」:phpspot開発日誌

QUOjs - Micro JavaScript Library スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」タップ、ダブルタップ、ホールド、スワイプ、スワイプ上下左右、ドラッグといったイベントを実装するのに使えそうモバイルということで3G回線にも配慮した13KBは嬉しい。今後はローテートやピンチイン・アウトにも対応予定だそう実装はjQueryライクで超簡単。関連エントリたった2KBで動作するスマホ用マルチタッチジェスチャーライブラリ「Hammer.js」スマートフォンでの指ジェスチャの説明に使えるアイコンセット「Cue」

teracy_junk 2012/06/11

リンク

JavaScriptで作られた、見たことないUIデザインのWebサイト

株式会社サイゾー（Cyzo inc.） / Raffael Stüken / La Moulade - Creative St...他...全11件

teracy_junk 2011/12/01

リンク

簡単なコードでアイコン付きの分かりやすい通知を実装できる「Notifier.js」:phpspot開発日誌

Notifier.js ? Elegant Javascript notifications | Srirangan 簡単なコードでアイコン付きの分かりやすい通知を実装できる「Notifier.js」。次のようなオシャレなアイコン付きの通知を表示できます。一定期間が終われば１個のアイテムはそれぞれ消えていく流行りのインタフェースです。 Notifier.success('User registration successful') のように関数を呼び出すだけで簡単に使うことができるので、使いやすそうです。アイコンを変えるには、success の代わりに info や　warning, error, notify といったメソッドを使えばOKです。後から出てきただけあって、ポップアップなんかよりも邪魔にならないというところがいいですね関連エントリピュアCSSでページ上に通知を出すチ

teracy_junk 2011/11/08

リンク

jQuery でブラウザの表示領域に対するサイズや位置情報を取得してみる - Cyokodog :: Diary

更新履歴 2010-01-21 本エントリの内容も含めた最新の情報は下記エントリをご参照ください。 jQuery の位置・サイズ関連メソッドまとめ - Cyokodog::Diary 前回、前々回のエントリではボックス要素を例にサイズや位置、スクロール量などの求め方について書きましたが、実際のプラグインの実装においてこれらの情報が必要になるのは、ブラウザの表示領域に対してということが多いかと思います。具体的にはツールチップなどの機能で、画面の端の要素を hover した時、ポップアップがブラウザの表示領域内に収まるように表示位置を調整するような場合に、ブラウザの表示領域のサイズやスクロール量などが必要になります。 jQuery でブラウザの表示領域をつかむ方法ブラウザの表示領域を jQuery でつかむには、以下のような記述でできそうです。 $('html') $(window) $(