Creating a Complete HTML5 Drag and Drop File Uploader with jQuery
Today we’re going to be creating a file uploader using HTML5 drag and drop, along with the file reader API and some PHP. We’ll also be using local storage to remember which files were uploaded by the user. Getting Started For this tutorial I’m using jQuery and an icon font called symbolset. If you don’t want to get symbolset you could use an alternative or just not use a symbol font all together!
Saving canvas data to image file
This is a small library that lets you easily save a WHATWG canvas element as an imagefile. Files needed: canvas2image.js, base64.js Draw on the canvas with the pretty boxes below using the mouse, then click the "Convert" buttons to convert it to a downloadable image - or the "Save" buttons to download the image file directly. Using the WHATWG canvas element, you can create all sorts of cool gr
[CSS, HTML] スマートフォン(iPhone, Android)ブラウザのバグまとめ(2011年版)
[CSS, HTML] スマートフォン(iPhone, Android)ブラウザのバグまとめ(2011年版) Androidの所為で工数が増えてウザイとか、AndroidのWebkitはWebkitじゃねぇとか スマホのCSS3関係はどうしてもAndroidをdisる感じの内容になりますね！ 特に明記がないものはすべてWebkitについてです。 見つけ次第順次追加予定。 タイトル変更、増えてきたので目次追加しました。 この記事はiOS5、Android 3以前について記載したものです 【css】 タップ時にz-indexを無視して下の要素に枠がつく(Android) 【html, css】 マルチバイト文字にfont-weight:boldが効かない(Android) 【css】 border-radiusのコーナーがジャギる(Android) 【css】 box-shadow、text-
![[CSS, HTML] スマートフォン(iPhone, Android)ブラウザのバグまとめ(2011年版)](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
deferloader – 株式会社ウフル技術ブログ
LoRa 開発シールドのデータを enebular で受け取る By hrd_pk|5月 9, 2017|未分類, | 花粉がまだ名残惜しく思っているようで、鼻がまだむずむずしています。 ぽかぽか陽気が続いていますが、みなさんいかがお過ごし… Read More
HTML5とJavaScriptでネイティブPDFリーダを実装へ、Firefox | エンタープライズ | マイコミジャーナル
Firefox web browser - Faster, more secure & customizable FirefoxでPDFを閲覧する場合、Adobe Readerやそのほかサードパーティベンダが提供するプラグインまたはエクステンションを使うことになる。ブラウザ内にPDFを表示する場合でも、一旦ダウンロードして外部アプリケーションで閲覧する場合でも、ユーザ体験の面ではそれまでのWebブラウジングとの一貫性が消失するという問題がある。インタラクションはブラウザやWebのそれからアプリケーションのものに置き換わることになるし、ブラウザとの連動性も低い。 Firefoxにおいてこうした問題を解決しようという取り組み「pdf.js」が進められている。CanvasやSVGといったHTML5技術とJavaScriptのみでPDFリーダを実装し、FirefoxからネイティブにPDFを閲覧でき
Firefox4で、javascriptのconfirm()実行中にリロードできてしまう件 - あっきぃ日誌
Firefox4がリリースされたので早速使い始めていますが、早くもタイトルの様な不具合っぽいものにやられました(笑)。 会社で開発中のサービスのバグ報告にあがってきたのですが、これは……Firefoxのせいです！(｀ω´；) Mozillaへの報告は、社内にいるMozillaコミュニティなひとがしてくれるとのことです。よろしく頼みマッスル。 確認環境 不具合っぽいなにかは、Mac版のFirefoxで確認しました。他のOSのFirefox4は不明です。 (追記)Windows版でも確認しました。ただし、旧タイプのダイアログは出現しません。 再現手順 まずはこんなHTMLを用意します。 test1.html <!DOCTYPE html><html><head><title>test1</title></head> <body> <form action="test2.html"> <inpu
リンクをクリックさせる前にJavaScript:confirmで確認する時の注意 | colori
JavaScriptによるダイアログでユーザーの同意を得てリンク先に移動させるようなページを作成する場合にうっかり見落としがちなポイントを挙げておきたいと思います。 やりたいこと 「child.html」から「adult.html」にリンクで移動させたい。 18歳以上であるかどうかをJavaScriptのダイアログで確認する。 18歳以上に同意してもらえれば「adult.html」に移動させる。 危ない例 まず、危ない例を書きます。 どこがおかしいか分かりますか？ <noscript>JavaScriptをオンにしてください。 正常に動作しない場合があります。</noscript> <a href="adult.html" onclick="return confirm('あなたは18歳以上ですか？');">18歳以上の方はこちら</a> JavaScriptがOffにしてあったらどうなる
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ccchart