キーワード検索「プログレスバー」
1081
愛用しているTwitter Bootstrap、次に「version 2」になりましたよ。今まで「version 1.4」だったのでメジャーバージョンアップ！ですよ。これは見逃せない、というか、感動した！ 個人的に「おぉ！」と感じたところをざっと紹介してみるよ！ ■ レスポンシブデザインに対応！ ↑ すごい！ ■ アイコン付きボタンが作れる！ ↑ すごい！ ■ ボタングループが作れる！ ↑ すごい...
219
スマートフォンなどのモバイル用サイトを簡単に制作できるようにするJavaScriptベースのフレームワークを紹介します。 先日リリースされたiOS5にも最適化されています。 ChocolateChip-UIで用意されているエレメント あらかじめ用意されているエレメントは数多くあります。 ツールバー ナビゲーションバー ボタン アイコン ナビゲーションリスト テーブルビューアー セレクションリスト ...
232
複数ファイルの一括選択OKなプログレスバー付きアップローダ実装jQueryプラグイン「jQuery File Upload」2011年01月25日-jQuery File Upload Demo 複数ファイルの一括選択OKなプログレスバー付きアップローダ実装jQueryプラグイン「jQuery File Upload」。 「Upload files」ボタンを選択するとダイアログが開き、複数ファイル...
123
![[JS]入力するのが楽しくなる、アニメーション機能を伴ったフォームを作成するチュートリアル | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-tutorial-a-multi-step-signup-form-with-css3.html)
jQueryとCSS3を使って、複数のステップをアニメーションで次々に表示するフォームを実装するチュートリアルを紹介します。2枚目のフォーム フォームの進捗状況は、下部のプログレスバーに表示されます。 ※個人的には%でなく、2/4が分かりやすいと思います。フォームの実装HTML：基本構造フォームの基本構造は、4つのステップをそれぞれdiv要素に格納します。<div id="container"><...
112
カスタマイズも柔軟にできそうなのでメモ的にエントリー。いつか使おうっと。jQueryプラグインの「Pines Notify」を使えば簡単にGrowl風のアラートメッセージを実現してくれますよ。↑ こういうヤツ。もちろん見た目や位置も変更可能です。ちょっとしたお知らせをこうして表示できればおしゃれかもですね。↑ プログレスバーを表示したりもできますな。↑ エラーメッセージは震えてお知らせ、なんてのも...
64
10 HTML5 File Upload with jQuery Example HTML5を使ったファイルアップロード用プログラム集 プログレスバー付きや、デスクトップ等からのドラッグ＆ドロップ対応等、HTML5やjQueryを活用したアップローダーの例が公開されています。 プログラムのダウンロードも可能。アップロードはWEBサービスの昨今において必須の技術ですが、こうしたサンプルを見つつ実装方...
67
Html5 File Upload with Progress On Matlus HTML5でプログレスバー付きファイルアップロードを実現する例 これまでの仕組みとは違う、HTML5のProgress Eventsを使って実装しています。 ブラウザのAPIで取れるようになるのでこれまでのハックっぽい実装法ではない方法で実装できます こういう機能が当たり前に使えたら楽だなと思いつつ、覚えることがど...
62
How to create a kick-ass CSS3 progress bar - CatsWhoCode.com イカしたデザインのプログレスバーをCSS3で作成する例 次のようなデザインのプログレスバーをCSS3とJSを使って実装する例です。 バーの背景がアニメーションする上に進捗によって滑らかにアニメーションしてくれます。 そのまま応用して使うことも出来ますし、解説を見て勉強することも...
47
プログレスバーをバリバリに自分好みにできるjQueryプラグイン「Extended Progress Bar」 2011年07月13日- Extended Progress Bar プログレスバーをバリバリに自分好みにできるjQueryプラグイン「Extended Progress Bar」。 プログレスバーは処理中に表示することでユーザのストレスを軽減することが出来ますがそんなプログレスバーを実...
29
CSS3 Progress Bars | CSS-Tricks CSS3で動くプログレスバー作成サンプルが公開されています。 JavaScriptに頼ることなく実現できています。 デモページはこちら 一本のバーの実現に必要なコードは次のようにシンプル。<div class="meter"> <span style="width: 25%"></span> </div>デザインが可愛いのでこうしたテ...
24
Gmail風にドラッグ&ドロップでファイルアップロードが出来るjQueryプラグイン「jQuery HTML5 Uploader」が良さそうだったのでご紹介。 HTML5対応ブラウザであれば、ローカルにあるファイルをドラッグするだけでアップロード出来るようになります。 ドラッグ時には複数ファイルを指定できるので、よく添付ファイルを送信するフォームにはおすすめの機能です。 ↑デモの様子。破れた穴の画...
20
ぱくたそのトップページでも利用しているjQueryスライドショー”Skitter”が新しくなりましたよ。30種類以上のアニメーションにプログレスバーまで実装され『もうFLASHやめてこれでいいんじゃね？』的な高機能っぷりです。今回は導入方法とアニメーションのサンプルを動画にてUPしておきました。参考になったらGrow！してね。ｗ Skitter - Slideshow for anytime!...
17
jQueryでスマートフォン向けのアプリケーションを作成する際に使えそうなライブラリ「Aristo」を見つけたのでご紹介。 設置もクロスブラウザ対応非常に簡単にできるようになっています。ボタン、アイコン、モーダルウインドウ、スライダー、アコーディオンメニュー、タブ、プログレスバーなどおよそ使いそうなデザインはひと通り用意されています。HTML5向けのサイトに良さそうですね。 ダウンロードは下のリン...
4
![[ScriptUI]垂直プログレスバー、スライダーはMac版でしか動作しない | diary NET. 1.2mg](http://capture.heartrails.com/200x130?http://www.milligramme.cc/wp/archives/2881)
以前にInDesign用のスクリプトのインターフェイスとして何度か使用していた、ScriptUIでの垂直プログレスバーとスライダーですが、これはMac版でしか動作しません、Windowsでは動作しないので注意が必要です。またプログレスバーに関してはMac版でもIllustratorとPhotoshopでは経過表示に問題があってうまく動作しません。サンプルvar win = new Window('...
4
deferred.progressには、途中経過として実行したい関数を渡す。この関数はdeferred.notifyが呼ばれたときに実行される。途中経過resolveみたいな感じ。一連のステップを踏む処理を作る時、途中経過を示したいときに使えそう。プログレスバーとかなんかそんなやつに。 http://jsfiddle.net/Takazudo/SqL9k/
2
![[ScriptUI]Progress Slider, CheckBox and RadioButton Test | diary NET. 1.2mg](http://capture.heartrails.com/200x130?http://www.milligramme.cc/wp/archives/2982)
[ScriptUI]Progress Slider, CheckBox and RadioButton Testプログレスバーのかわりにスライダーやチェックボックス、ラジオボタンで経過表現ができるかという試み。 チェックボックスとラジオボタンはアナログシーケンサーのインジケーターのようにカクカクと、意外にスライダーはそれなりにスムーズに進行していきます。ただしフローティングウィンドウにカーソルを近...
2
![IE6から使える便利な「jQuery-File-Upload」 - [モ]Modern Syntax](http://capture.heartrails.com/200x130?http://www.aivy.co.jp/BLOG_TEST/nagasawa/c/2012/04/ie6jquery-file-upload.html)
File Upload widget with multiple file selection, drag&drop support, progress bars and preview images for jQuery. blueimp/jQuery-File-Upload · GitHub ということで、jQueryで使えるFile Uploadプラグインですが、これがなかなか便利そう。 上...
2
最近色々なところで見かける、ファイルをアップロードする際にプログレスバーを表示する方法を色々調べてみました。以前調べていた時には、インラインフレームへのサブミットとCommons FileUploadを組み合わせて行う方法しか見つからなかったのですが、今はJavaScript側での仕組みが整って来ました。ちなみにChromeとFirefoxの最新版でしか確認していません。IEは動きません。とりあえ...
11
2004年9月2日 ... キーボードの入力との区別をつけるために、最初にバーコード入力から来てるという何かしらの判断基準があれば良いのですが・・・ ... もうしわけありません。 システムの全般が既にASP.NETでできてしまっているので・・・ ... q.hatena.ne.jp/1094088561 - キャッシュ - 類似ページ2010年1月14日 ... ファイルを非同期にアップロードす...
1
サイトの上部にコンテンツバナーだったりポートフォリオバナーだったりを、タイマーでローディングさせているサイトってあるじゃないですか。 まぁ、Kruz-graphixでもポートフォリオをトップページでローディングさせていますが、あんな感じのヤツ。です。 おまけにプログレスバーも一緒にやっちゃう。jQueryのライブラリ“Cycle“を使っているんですが、結構スマートに導入できそう・・・ってことで、P...
