Circle Menu
A customizable jQuery plugin that emulates the menu in the Path application. Includes a selection animation and various animation options for opening and closing the menu. See it in action. Author Jason Hutchinson (zikes@zikes.me) How to Use Download and include the JS file in your page. Create a list, with the first list item representing the icon at the center of the menu. <ul> <li><a href="#">+
アナログ時計風のUIで時刻の入力ができるユニークなjQueryプラグイン「cantipi」:phpspot開発日誌
cantipi | Look like clock, work like clock! アナログ時計風のUIで時刻の入力ができるユニークなjQueryプラグイン「cantipi」。 インプットにフォーカスをあてると次のようなアナログ時計が現れ、内側をクリックで時刻の針を、外側をクリックで分数の針を変更することができます。 こういう入力のさせ方もあるのかと感心しました。 最初、一瞬使い方に戸惑う部分があるかもしれませんが、使い方によっては便利な使い方ができるかもしれません。 関連エントリ 時刻の入力に便利なJS入力補助ライブラリ「jquery.timepickr.js」 アナログ時計から簡単に時刻を指定できるJavaScriptライブラリ「Time Picker」
インターン講義5日目「ユーザインターフェース,HTML5」 - Hatena Developer Blog
インターン生は、連日の講義と課題で大変そうですが、今日も講義が続きます。 本日は、id:nanto_viによる「ユーザインターフェース,HTML5」です。仕様書を隅々まで読んだ講師によるディープな講義内容となっています。今日も2時間の長丁場ですが、頑張って着いていきましょう! ユーザーインターフェース、HTML5 ユーザーインターフェースで大切なこと、HTML5 及び関連 API で何ができるか 自己紹介 nanto_vi (外山真, TOYAMA Nao) ブックマークチーム アプリケーションエンジニア はてなブックマーク Firefox 拡張 はてなツールバー for Firefox はてなブックマーク Twitter 投稿機能 はてなサマーインターン 2008 なんとなく Emacs 富山県南砺市とはあまり関係なし 概略 UI の評価・設計・実装の概略 HTML についての概略、HT
IEやiPhoneでも問題なく動作・ドラッグやスクロール等、多方面で応用出来るjsライブラリ・Dragdealer JS - かちびと.net
なかなか使い勝手が良さそう だったのでメモ。スクロールバー や、コンテンツスライダーなど、 多方面で応用の効くjsライブラリ、 Dragdealer JSのご紹介。 IE6、7、8や、iPhoneでも動作を確認しましたが、何の問題も無く動いてくれますよ。 ↑ 上図はスクロールバーに使用した例です。動作も凄くスムーズです。Flashでよく見かけますね。 ↑ 文字の拡大をドラッグで実装。 ↑ 斜めに移動するコンテンツスライダーにも応用できる。 ↑ こちらではコメント送信に使っています。ユニークですね。 iPhoneでは全てフリックで動作します。 IE6とか7がだいたいネックになるのでどのブラウザでも実装できるjsはいくつ覚えておいても損なさそうですね。加えてiPhoneなどでもスムーズに動いてくれるのでなかなか使えそうです。以下で動作をご確認下さい。 Dragdealer JS
回転する円形のサイトメニューが実装できるjQueryプラグイン「jQuery Radmenu」:phpspot開発日誌
jQuery Radmenu Example 回転する円形のサイトメニューが実装できるjQueryプラグイン「jQuery Radmenu」。 UIとしては次のような円形のメニューで、回転させるとなかなか面白い動きをします。 具体的にどう使うか、というのはアイデア次第ということになってきそうですが、アイテムをシャッフルさせたり、動きがなかなか面白いメニューになっています。 デモページ 利用者にちょっとした驚きの効果を与える分には申し分ないですが、使い方には注意が必要かもしれませんね。 HTML的には、次のようなulを使ったリストです。 <div id='radial_container'> <ul class='list'> <li class='item'><div class='my_class'>0</div></li> <li class='item'><div class='my
ニコニコ動画のプレーヤーをキーボードで操作する vimperator script - やぬすさんとこの日記
NicoNicoPlaylist をキーボードで操作できるようになった ( http://d.hatena.ne.jp/janus_wel/20080711#1216145320 ) ので今度はプレーヤーを操作 ( 一時停止・シーク・コメント etc ) したときにフォーカスを取られてしまうのがもどかしくて何とかならないかと思っていろいろ試してみた結果なんか出来てしまった。 http://www012.upp.so-net.ne.jp/legio/distribute/nicontroller.js http://coderepos.org/share/browser/lang/javascript/vimperator-plugins/trunk/nicontroller.js 使い方 ~/vimperator/plugin 以下につっこんで Fx 再起動。以下のコマンドが使えるようにな
二度押し防止の onsubmit で disable にするやつ :: Drk7jp
もう２年ほど前に話題になったアレなんですけど、今更ながらあるサービスでこの仕組みの導入を検討しています。 onsubmit で submit ボタンを disable にしてユーザビリティを良くする - naoyaのはてなダイアリー submit ボタン disable 技の罠 - naoyaのはてなダイアリー onsubmit で submit ボタンを < disable にしてユーザビリティを悪くするのはやめてください - のヮの うんこ♥ onsubmit で disable にするやつ - 鷹の島 onsubmit の disable 化ですが既に議論が終わっているように、onsubmit disable の実装方法として、 onsubmit イベント発生時に submit 要素を disable にして値をサーバへ渡すための hidden 要素を生成する方法 setTimeou
マウスが上に来るとくるりんと文字の色を変えるスクリプト「Scrollovers」
リンクなどの文字列の上にマウスが来ると自動的にくるりんと回転する感じで文字の色が変化するというちょっと楽しいエフェクトを加えてくれるスクリプト、それが「scrollovers.js」です。 Firefox 2.0、Internet Explorer 7、Internet Explorer 6、Internet Explorer 5.5、Safari 3 (Windows)、Opera 9で動作確認されているとのことで、個人利用でも商用利用でも無料で使用できます。 論より証拠、デモを見た方が理解できます。 デモとダウンロードは以下から。 Scrollovers - A New Way of Linking http://www.scrollovers.com/ 「scrollovers.js」自体の中身がどうなっているかというのは以下からわかります。 http://www.scrollove
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Search
Ext JS Blog - Ext v1.1 Released
Ext JS - JavaScript Library