[B! html5] sleepy_yoshiのブックマーク

TM Life - HTML5 File API を使ってファイル読み込み

※ phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです. HTML5 で追加された File API. これを使えばローカルファイルの情報, 中身を取得して JavaScript でいじることができます. 今後, HTML5 の普及とクラウド化が進むにつれて重要な機能になることは間違いありません. サンプルを作ってみたのでよかったらぜひ. ドラッグ & ドロップにも対応しているよん♪♪ Chrome でローカル上で作業する場合, セキュリティ上ドラッグ & ドロップに反応しない場合があります. その場合, Chromeの起動オプションに –allow-file-access-from-files を指定することで読み込めるようになります. SAMPLE And D

sleepy_yoshi 2012/06/01

html5

リンク

HTML5とは何かを簡単にまとめてみた

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめにこんにちは。R＆D統括本部制作本部ウェブデベロップメント部に所属しております。岡部和昌（@kzms2）と申します。最近スマートフォンやタブレット向けのページを作成する機会が増えてきました。なので、今回はちまたで大人気のHTML5について書きます。若干今更な内容にも思えますが、あまりHTML5になじみがない方にもわかってもらえるような内容にしています。 HTML5の基本概念や思想・実際の組み方というよりも、 HTML5で組むと今までと比べて何が違うのかなどについて書いていきます。なぜこれからHTML5なのか HTML4との違いがわからない HTML5を使う利点がわからないなど疑問に思っている方はぜひ見ていた

sleepy_yoshi 2012/04/20

html5

リンク

"リアルタイム Web" に関するプラクティスのアウトプット - Block Rockin’ Codes

追記 11/12/26 MLのスレッドへのリンクが間違っていたので修正。 introduction WebSocket なんかをつかって、従来のステートレスな処理以外に、コネクションを継続するステートフルな処理が可能になりました。これを利用すると、これまで実装が難しかったリアルタイムな表現を Web に持ち込むことができます。そして、 WebSocket を用いたプログラムを作成する上で、Node.js と Socket.IO を用いる方法について、今年はこのブログでも何度か紹介してきました。今日は今年一年の集大成として、自分が色々試しながら得たリアルタイム Web に関する知識、技術などを、ここにまとめてアウトプットしたいと思います。今回お話しするのは、東京Node学園 3時限目 : ATND で発表した下記内容の抜粋です。 Node Academy | "About Sl

sleepy_yoshi 2011/12/28

html5

リンク

【HTML5 フォーム】formタグのinput要素に新たに追加された13のtype属性をまとめました！ | HTML5でサイトをつくろう

【HTML5 フォーム】formタグのinput要素に新たに追加された13のtype属性をまとめました！ウェブ・ページのフォームではテキスト入力フィールドやチェックボックスなどのユーザーインターフェースを使用しますが、HTML5ではユーザーインターフェースがさらに追加されたことで注目されています。特にinput要素ではさまざまなtype属性が追加されました。今回は新たに追加されたtype属性をソースをみながら表示を確認していきたいと思います。 HTML5でinput要素に追加されたtype属性下記に各属性ごとの特徴をピックアップし、現状で対応しているブラウザの画面キャプチャを掲載しました。だだし、現状(※2011年9月)の対応状況になります。 search 『type=”search”』の主な特徴 1行テキストの入力フィールドで表示され検索向けであることを表します。 input要素の

sleepy_yoshi 2011/09/25

html5

リンク

HTML5-メモ - やる記

http://www.html5.jp/ 「HTML5 は、WHATWG および W3C が HTML4 に代わる次世代の HTML として策定を進めている HTML 仕様です。」 http://doruby.kbmj.com/hal_on_rails/20100118/HTML5_ ■新しい要素や属性の追加（１）入力フォームの強化（２）canvas要素（３）文書構造を示す要素の追加（header要素、nav要素等）（４）その他（menu要素、command要素等） ■新しいAPI （１）簡易データベース（Web Storage）（２）マルチスレッド（Web Workers）（３）双方向通信（Web Sockets）（４）その他（アプリケーションキャッシュ、ドラッグ＆ドロップ等） HTML5で，個人的にうれしいことはCanvasの強化．それと同時にストレージ機能とマルチ