HTML5 の Drag and Drop API と File API を使ってファイルアップロードを実装する - しばやん雑記
HTML5 の Drag and Drop API を使うことで、ブラウザにドロップされたファイルの情報を扱うことが出来ます。そして File API を組み合わせることで、ファイルの中身まで扱うことが出来るようになります。 そして FormData オブジェクトと XHR を組み合わせることでアップロード処理までを実装することが出来ます。完成図はこんな感じです。 今回は JavaScript の処理が中心です。jQuery を使っているので追加してくださいね。 $(function () { var uploadFiles = function (files) { // FormData オブジェクトを用意 var fd = new FormData(); // ファイル情報を追加する for (var i = 0; i < files.length; i++) { fd.append(
【ハウツー】HTML5 Canvas×jQuery、グレースケールの画像を自動生成する方法 (1) 自動生成プログラムの作成手順 | エンタープライズ | マイコミジャーナル
HTML5 Canvasでグレースケール画像を自動生成 WebDesignerWallにて、HTML5 CanvasとjQueryでグレースケールを実現するチュートリアルが公開されている。画像にマウスを乗せると、グレースケールの画像がカラーになるというものだ。 HTML5 & jQuery Grayscale Demoより。グレースケールの画像にマウスを乗せると、カラーで表示される これまでこのようなユーザインタフェースを実現するには「カラーの画像」と「グレースケールの画像」の2種類を用意する必要があった。このチュートリアルではHTML5のCanvasを活用し、オリジナルの画像からグレースケールの画像を自動生成する方法を紹介している。ポートフォリオやWebアルバムなど、さまざまな場面で活用できそうだ。 本稿では、その方法を簡単に紹介していこう。 使い方 グレースケールの画像を自動生成したい
WebSQL DatabaseをjQueryで操作するプラグイン、jQuery.websqldatabase.jsを公開。 - デジタル料理人
html5本格的な勧告がそろそろみえてきたHTML5。色々な機能がありすぎて、覚えることも色々増えそうな予感ですねぇ。色々見てると面白そうな機能があるじゃないですか・・・「WebSQL Database」どうやらSQLite位の機能をブラウザ側が提供できるようになるみたいですねー。実際にどの位のブラウザが実装されているのかはこんな感じ。Web Design Checklist, Web Design Tools & Support ~ FindMeByIP ~ まだChromeとSafariだけでしか実装できてない模様で。といっても面白そうなので、とりあえずjQueryで操作させるためのプラグインを作ってみました。全く需要がないと思いますが・・・（ぇjQuery.websqldatabase.jsプラグインバージョン履歴現在のバージョンは1.0.0です。1.0.0 まずリリース機能HTML
inline-block を使ってプレースホルダ付き入力欄を実装する - Cyokodog :: Diary
更新履歴 2010-01-22 jQuery.exPlaceHolder.js を Ver 0.1.1 に更新 title 属性（あるいは任意の属性）で、表示するメッセージを指定できるようにしました 専用の css ファイルの読み込みを不要にしました jQuery.exInlineBlock.js ファイルの読み込みを不要にしました 初期値があった場合もメッセージが表示されてしまう不具合を修正しました 記事に使い方を追記しました まずプレースホルダ付き入力欄のおさらいですが、 こういうやつの事をいいます。入力欄にカーソルがあたるとナビゲーションメッセージが消え、カーソルがはずれるとまた表示されるやつです。 HTML5 では <input placeholder="google"> と記述すると自動的にこういう制御をしてくれるそうです。ですが HTML5 の普及はまだ先の話なので JavaS
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]グリッドなど四つのアルゴリズムでレイアウトできるスクリプト -jLayout
