タグ

html5に関するraysatoのブックマーク (9)

  • Webkit に最適化されたサイトを IE10 に適応させるためのガイド

    スラッシュドットで 「Microsoft、「WebKitはWeb標準を破壊している」と主張」 なんてストーリーが上がってて、なんぞやと思って大の記事を見に行ったんですけど、そしたらそれが 「Webkit しか対象にしてない Web サイトを IE10 でもきちんと動作させるためにやっといた方がいいことガイド」 っていうお役立ちコンテンツだったってことで、がんばって最後まで読んだ手前、ついでなので翻訳して掲載してみようかなと思います。 Microsoft、「WebKitはWeb標準を破壊している」と主張 : スラッシュドット・ジャパン ちなみに翻訳元の記事は 「Windows Phone Developer Blog」 で書かれた内容なので、「Windows Phone 8 で動作する IE10」 っていう書き方になっている部分や、すべて Webkit と対比して書かれているなど、モバイル

    Webkit に最適化されたサイトを IE10 に適応させるためのガイド
  • HTML5関連のセキュリティ情報 - 葉っぱ日記

    HTML5に関連したセキュリティの話題で、とりあえずこれまでに話した資料の一覧や、考察した記事。今後もっと増える予定です。「このAPI使う上で気を付けることないの?」みたいなリクエストもあればぜひ言って下さいませ。 JavaScript Security beyond HTML5 (2013-09-20 Developers Summit Kansai 2013) HTML5セキュリティ その1:基礎編、XSS編 (2013-06-13 OWASP Night 6th) Web::Security beyond HTML5 (2012-09-28 YAPC::Asia 2012) HTML5時代のWebセキュリティ (2012-09-15 第5回愛媛情報セキュリティ勉強会) Same-Origin Policy とは何なのか。 - 葉っぱ日記 XMLHttpRequestを使ったCSRF対

    HTML5関連のセキュリティ情報 - 葉っぱ日記
  • 手動SVG組版機

    手動SVG組版機 Ver0.1 幅: 行数: 行高: 級数:文字間隔: フォント: text:愛のあるユニークで豊かな文字SET

  • can I use... Support tables for HTML5, CSS3, etc

    Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and

  • [HTML5] FileSystem APIの概要と活用 #2 | DevelopersIO

    画像ファイルの読込みと書込み 前回、FileSystem APIの読込と書込みの概要について説明をしました。今回はそれの活用方法について考えてみたいと思います。良くあるサムネイル画像一覧から画像をクリックすると大きな画像が表示されるページを作成します。表示する大きな画像は画面表示時に全てサーバから取得し、ローカルに保存します。そして保存したファイルを画面に表示するようにします。ローカルにファイルが既に保存されている場合はサーバから画像は取得せず、ローカルの画像をそのまま表示するようにします。 画像を表示するのに今回はLightBoxを使用します。 LightBoxはここからダウンロードして下さい。使用したバージョンは2.6になります。またブラウザはchromeのバージョン31を使用しています。 ファイル構成 ダウンロードしてきたLightBoxを解凍し、そのまま「CSS」「js」「img」

    [HTML5] FileSystem APIの概要と活用 #2 | DevelopersIO
  • [HTML5] FileSystem APIの概要と活用 #1 | Developers.IO

    FileSystem API FileSystem APIとはWebアプリケーションでユーザのローカルにデータの保存、読込ができるAPIです。 ただし残念なことに対応してるブラウザが多くはありません。 今回はChrome※1を使っていますが、Chomeもブラウザのバージョンが上がるごとに仕様が少しずつ変わっていたりしています。APIのメソッドにもベンダプレフィックスがついていることからまだ実験的な段階といえます。 それでも可能性が色々あるAPIですので、今回取り上げてみました。 ※1 chromeのはバージョン31を使用しています。 保存方法について FileSystem APIには「TEMPORARY」「PERSISTENT」の形式が2種類があります。 TEMPORARYで保存したファイルは空き容量が必要になった時などブラウザの判断でファイルを削除することができるので一時的に保存すること

    [HTML5] FileSystem APIの概要と活用 #1 | Developers.IO
  • responsivepx for Japanese

    responsivepxとは responsivepxとは、Media Queryを使用したレスポンシブなWebサイトをインタラクティブに表示確認することができるツールです。 URLを入力して表示させたら後はバーで幅や高さを調整してください。こちらで試すと分かりやすいです→http://css-tricks.com このツールはgithubにてコードが公開されています。 Built by @rem / kachibito.net

    raysato
    raysato 2013/12/02
    “responsivepx”
  • HTML5 Conference 2013 講演資料まとめ #html5j

    サイトではアフィリエイト広告を利用しています。記事内および商品リンクにはプロモーションが含まれる場合があります。 こんにちは、星影(@unsoluble_sugar)です。 11月30日に開催された「HTML5 Conference 2013」の発表スライドや動画などの講演資料をまとめました。 HTML5 Conference 2013 ※リンクミスや追加情報などありましたら、コメントまたは@unsoluble_sugarあてにお知らせいただけるとありがたいです 基調講演 次世代Web、深まる。広がる。 関連記事村井純教授。IT戦略は前倒しで実現される。7年先の夢を語ろう! HTML5 Conference 2013招待講演 Webのモバイル対応には、Webが社会に定着する上での真の問題や課題が隠されている。HTML5 Conference 2013基調講演 2000人のイベント開催に

    HTML5 Conference 2013 講演資料まとめ #html5j
  • Web StorageやindexedDBを扱う上でのセキュリティ上の注意点 - 葉っぱ日記

    localStorageやsessionStorage、あるいはindexedDBのようなブラウザ上でのデータの保存が可能になったことで、これらを取り扱ううえでもセキュリティ上の注意点が必要である。 これらのストレージは、localStorageやindexedDBは永続的に、sessionStorageはブラウザやタブを閉じるまでの間データが保持され続けるので、例えばWebアプリケーションがログイン機構を持っている場合にログイン中にこれらのストレージに書き込まれたデータは、ログアウト後も当然参照および書き換えが可能である。Webアプリケーション上のアカウントに紐づいたデータをこれらのストレージに書き込んでいる場合、ログアウト後もアクセス可能なことが問題を引き起こす可能性がある。 例えばTwitterのようなサービスがあったとして、(navigator.onLineプロパティなどを利用して

    Web StorageやindexedDBを扱う上でのセキュリティ上の注意点 - 葉っぱ日記
  • 1