タグ

HTML5に関するmauaのブックマーク (31)

  • 50 Responsive HTML & CSS Web Templates for 2018 - 1stWebDesigner

    If you want to take your design skills to the next level, save time when setting up sites, and simply look more professional right out of the box, you need to invest in a high-quality and responsive HTML template. Everyone’s running around trying to hop on the newest trend: flat design, but before flat, there was responsive web design. Responsive web design has, of course, become the standard. Eve

    50 Responsive HTML & CSS Web Templates for 2018 - 1stWebDesigner
    maua
    maua 2010/03/16
    html5を駆使した近代サイト
  • HTML5のValidatorのGreasemonkey書いた - Webtech Walker

    http://html5.validator.nu/というサイトがHTML5のバリデーションのAPIを提供してることを知ったのでGreasemonkeyスクリプト書いてみました。 hokaccha/gm-html5validator Greasemonkeyのドメイン許可の設定で有効にしたいページを自分で指定してください。(デフォルトではhttp://localhost/だけ許可してる) 左下にアイコンが表示されて、invalidの場合はアイコンをクリックするとエラーメッセージが表示されます。 自分のURLにGETしてとってきたHTMLをPOSTしてるのでローカルでも動きます。file://では動かないです。

    HTML5のValidatorのGreasemonkey書いた - Webtech Walker
    maua
    maua 2010/03/16
  • canvasタグを8倍高速化する方法&FlashCanvasが4倍速くなった - yukobaのブログ

    最近、ブログを書いて、毎回、読んだくださった方から、貴重な情報を教えてもらっています。大変ありがとうございます。 ベンチマーク for canvasタグとcanvas on Flash 2010 - yukobaのブログですが、コメント欄&http://www.revulo.com/blog/20100311.html#p01によると、drawImage()で渡す座標は、仕様上 "float" となっているのですが、ここに "int" を渡すと高速化するそうです。具体的には、Math.random() * 750 を Math.random() * 750 | 0 にします。"| 0"で、float → int です。 また、FlashCanvas Pro は今、1.2 α3 ですが、1.2になって、高速化したので(上のブログ参照)、それを含めてテストしてみました。 ブラウザ 時間 高速化

    canvasタグを8倍高速化する方法&FlashCanvasが4倍速くなった - yukobaのブログ
  • 「IE9はHTML5を強力サポート」のうわさ Flashの未来は暗い?

    IE9はFlashにとって逆風になる? Internet Explorer(IE)の次期バージョンは、強力なHTML5サポートを備えるといううわさが流れている。Microsoftは昨年のProfessional Developers Conferenceで、IE9ではHTML5などのWeb標準に準拠することを目指すと語っていた。IE9を通じてHTML5が普及すれば、AdobeのFlashには逆風となるかもしれない。同規格は動画再生機能を持ち、Flashのようなプラグインなしでブラウザ上で動画を再生できるためだ。一部では既に「HTML5があればFlashは不要」という声も上がっており、Appleのスティーブ・ジョブズCEOは「Flashは使われなくなりHTML5に移行する」と語ったと伝えられている。 現在、IEを除く主要ブラウザはほとんど(Chrome、Safari、Opera、Firefo

    「IE9はHTML5を強力サポート」のうわさ Flashの未来は暗い?
  • W3C - 『HTML 5 differences from HTML 4』日本語訳 - HTML5.JP

    一部、直訳ではなく意訳した部分がございます。原文と表現が異なることがございますので、ご了承ください。この日語訳は、私が理解を深めるために、自分なりに日語化したものです。語訳には、翻訳上の誤りがある可能性があります。したがって、内容について一切保証をするものではありません。正確さを求める場合には、必ず原文を参照してください。当方は、この文書によって利用者が被るいかなる損害の責任を負いません。もし誤りなどを見つけたら、当サイトのお問い合わせより連絡いただければ幸いです。 原文URL:http://www.w3.org/TR/2011/WD-html5-diff-20110525// 原文タイトル:HTML 5 differences from HTML 4 - W3C Working Draft 25 May 2011 翻訳日:2011/05/26 最終更新日:2011/05/26

  • HTML5サンプル集 - 株式会社あゆた

    このページでは、HTML5のAPIを利用した簡単なサンプルを公開しています。 このサンプルの多くは、弊社技術顧問の白石氏がマイコミジャーナルに寄稿した記事で使用したプログラムを元に、多少の改変を加えたものです。 どれも非常にシンプルなものではありますが、HTML5の各機能を試すためのとっかかりとしてご利用頂けると思います。 白石氏が寄稿した記事はこちらになります。これらの記事と合わせてサンプルをご利用になって頂く事で、各機能の理解がより深まることでしょう。 詳解! HTML 5と関連APIの最新動向 - 新タグ&API編 詳解! HTML 5と関連APIの最新動向 - Webアプリ開発編 アプリケーションキャッシュのサンプル (ダウンロード) (Safari4、Google Chrome3で動作確認済み。Firefoxだと、アプリケーションキャッシュのイベントが正しく発生せず、動作しないと

    maua
    maua 2010/03/10
  • 大电电片性影影:找不到页面 大电电片性影影| RDA.辉盛

    Qingdao & Zibo Address : 山东淄博高新区柳泉��路创业火炬广场(居然之家)F座807 Phone : 0533.311.8581 Email : 3118581@163.com QQ : 460253295 (9am-18pm) Website : www.rdateam.com Wechat : RDA辉盛设计 Milan, Italy Paolo Cesaretti Architetto. Address: Milano, Via Settembrini 45 I-20124 Phone:+39.02.8718.9435 Email: contact@paolocesaretti.it Website: www.paolocesaretti.it Melbourne, Australia Michael Mackenzie Consultant. Address

  • HTML5 における HTML4 からの変更点

    この文書は「HTML5 differences from HTML4 (W3C Working Draft 25 May 2011)」の日語訳です。 原文の最新版 は、この日語訳が参照した版から更新されている可能性があります。 この日語訳は参考情報であり、正式な文書ではないことにご注意ください。また、翻訳において生じた誤りが含まれる可能性があります。他の仕様の訳については Web 標準仕様 日語訳一覧 を参照してください。 更新日: 2011-09-15 公開日: 2011-05-26 翻訳者: 矢倉 眞隆 <yakura-masataka@mitsue.co.jp> HTML5 における HTML4 からの変更点 2011年5月25日付 W3C 草案 (Working Draft) この版: http://www.w3.org/TR/2011/WD-html5-diff-2011

  • 「第3回 Webkit/HTML5勉強会」に行ってきました(前編) - oogatta のブログ

    概要 http://atnd.org/events/3058 HTML5 バリデータ "validator.nu" について by Mike(tm) Smith(W3C) さん Microformat 及び Microdata について by Oli さん(http://oli.jp/) HTML5 バリデータ "validator.nu" について by Mike(tm) Smith(W3C) さん はじめに http://validator.nu/ という、 HTML5 のバリデータを作っているメンバー(メインコミッターは二人だけ!)の一人、Mike さんによる直々の紹介。このバリデータのキモは一点。 DTDベースではない(SGMLベースではない) ということ。 RELAX NG スキーマ(XMLスキーマ記述言語の一つ。初めて知った) Java コードによる厳密な属性値チェック(SAX

    「第3回 Webkit/HTML5勉強会」に行ってきました(前編) - oogatta のブログ
  • HTML5 基礎知識 - web探検隊

    HTML5を書くための基礎知識をメモHTML5の雛形XHTML5ではなくてHTML5のマークアップについて html> head> title>HTML5 基礎知識title> meta charset="UTF-8"> head> body> body> html> HTML5の新要素 文章構造に関するものsection汎用的なセクション。文章のアウトラインを構成する。articleセクションの一種で、Webページから独立したコンテンツを表す。asideセクションの一種で、外側のセクションに対する補足情報を表す。navセクションの一種で、外側のセクションに対するナビゲーションメニューを表す。footerセクションのフッター。headerセクションのヘッダー。hgroup複数の見出し(h1-h6)をまとめる。 外部コンテンツの埋込みfigureキャプションを伴うような内容のものを文章中に埋

  • HTML5と関連仕様、言語リファレンスが公開 | Web標準Blog | ミツエーリンクス

    HTML WGより3月4日付で、新しいHTML5の草案を含めた6つの文書が公開されました。 HTML5 HTML Canvas 2D Context HTML Microdata HTML+RDFa HTML: The Markup Language HTML5 differences from HTML4 HTML5 differences from HTML4の日語訳も、いつもの通り更新しています。 HTML5 における HTML4 からの変更点 変更点 昨年の草案からの変更点から、いくつか気になるものを挙げてみます。 ひとつは、会話文を表現するdialog要素が削除されました。専用のマークアップを用意する必要性や、表現力に乏しいといった懸念が寄せられたことによります。 また、figure要素とdetails要素について内容モデルの変更がありました。これらの要素はキャプションにlab