15th June 2011 81tYr4Or · HTML5, Upload · Comments Off on Droparea – HTML5 Drag & Drop Image File Uploader Droparea – HTML5 Drag & Drop Image File Uploader Droparea is a HTML5 drag and drop image file uploader jQuery plug-in and a php script for server-side. Simply drag the image file into the specified area, the image will be automatically uploaded to your server. You can also see the progress of
こんばんは、国民的スポーツのアニメGIFについてのニュースをお届けします。 今回はクライアントサイドのJavaScriptだけでアニメーションGIFを作る方法を共有させて頂きます。 ふつうアニメGIFを作ろうと思うとimagemagickなどを使ってサーバーサイドで処理させると思いますが、今回紹介するのはブラウザだけでアニメGIFを作る方法です。 jsgif antimatter15/jsgif · GitHub jsgifというJavaScriptでCanvasをアニメGIFに変換してくれる超絶便利ライブラリがあるのでこれを使います。 同名でアニメGIFをCanvasで制御再生できるライブラリがあって、そっちのほうが有名ですがそれとは別です。 どうやらAS3のライブラリをJSに移植したものみたいでソースコードを読もうとしても全然分からないけど、便利すぎるので全面の信頼をおいて使います。
Smashing Magazineで、写真が綺麗なサイトがまとまっています。 ざっといくつかご紹介。 » Jonathan Glynn Smith クールなスプラッシュスクリーンと美しくミニマルなデザイン » Rankin UKのフォトグラファーによる大きい写真とカラフルなデザイン » Lara Jade 美しくデザインされたFlashベースのサイト » Burn Magazine 新しいコンテンツを保つためブログライクなデザインにしたBurn Magazine » Chase Jarvis フォトグラファーの中で有名なブログ。シンプルなメニューとアニメーションで大胆に切り替わる写真。↑のキャプチャはこちら その他のリストは以下からどうぞ。 » 35 Beautiful Photography Websites 休日出勤が終わって外苑前で作業中ーっと。うーんまだまだだ。
html初心者です。テキストフォームと検索ボタンがずれる。 htmlで検索フォームを作りたいのですが、テキストフォームの横の検索ボタンは画像で 作りたいと思っています。以下のようにしたのですが、テキストフォームよりも画像が 少し上に上がってしまいます。キレイに揃えるにはどうしたらいいのでしょうか? わかる方がおられたら教えてください。 <form action="" method="post"> <input type="text" name="name" value="" maxlength="30"> <input type="image" src="search_button.gif" width="50" height="24" alt="検索"> </form>
jQueryメモ。 ちょっとはまってしまったので、備忘録。 以下のような動作をjQueryで実装しようとしました。 (「>」「<」は実際はbackground-image画像) 【HTML】 <div id="togglebar"> ><br>> </div> <div id="tdmenu"> メニュー </div> 【表示(イメージ)】 「>」をクリックするとメニューが非表示、表示が切り替わった後「<」をクリックするとメニューが表示されるようにする。 >│メニュー│ >│メニュー│ ↓↑ < < (「メニュー」非表示、「>」を「<」に変更) 上記を実現するために、以下の処理をjQueryで記述しました。 (1)togglebar をクリックすればtdmenuは非表示・表示切替 (2)togglebar をマウスオーバーで表示を変える >の時は≫ <の時は≪ 【(1)の表示切替処理】 以
inputボタンに type="image" を使って送信ボタンを作成することがあると思いますが、こうするとそのボタンのx,y座標がGET値で送信されます。GET値で送りたいけど、x,y座標は表示したくない場合はスタイルシートを使ってinputボタンの背景に画像を指定します。 type="image"だとURLの後に座標の値がくっつく。 <form> <input type="image" alt="Sample" width="100" height="30" src="http://www.webbibo.com/assets/images/tips/image_btn.png" /> </form> このボタンを押してみてください。アドレス欄のURLが座標の値がついたURLになります。 CSSで解決 <form> <input type="submit" value="" id="i
修復するために、まずは正常ファイルの解析例を確認しておいて下さい。 一般に存在するJPEGファイルはベースラインとプログレッシブの2つの形式に分かれます。 以下がその2つの形式を解析した結果です。 ベースライン形式 Address Length Message 00000000 ****** SOI :Start Of Image ****** 00000002 [0010] APP0 :JPEG File Interchange Format Ver 1.1 (JFIF) density 240:240 dots/inch 00000014 [0084] DQT :Define Quantization Table 00000018 QT0-8bit CRC-00647E2F 00000059 QT1-8bit CRC-B5B2E384 0000009A [0011] SOF0 :Sta
はじめに ファイルアップロードフォーム(input type="file")で「参照...」ボタンを押したときに、特定の拡張子のファイルだけ(たとえば*.csvファイル)を表示するようにしたいと思い、その方法を調べてみました。 input type="file"でaccept属性を指定する 以下のサイトによると、HTMLの仕様ではaccept属性を指定すると、特定の拡張子を持つファイルだけを許可するという意味になるようです。 input要素に type="file" を指定すると、ファイルアップロードコントロールになります。基本的には、このコントロールはあらゆる種類のファイルをアップロードすることができます。 しかし、たとえば写真をアップロードするシステムでは、画像以外のファイルをアップロードしても意味がありません。そのような場合、「画像だけアップロードできる」という指定をしたくなります。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く