http://www.hp-stylelink.com/news/2013/10/20131001.php
HTML5ã¯Flashã®3å€é‡ã‹ã£ãŸ! æ画パフォーマンスã®æ¯”較 | ClockMaker Blog
最近ã®HTML5ã®ç››ã‚Šä¸ŠãŒã‚Šã«ã¯å‹¢ã„ãŒã‚ã‚Šã¾ã™ãŒã€å®Ÿéš›ã®æ‰€HTML5ã¯ã©ã†ãªã®ã‹æ°—ã«ãªã£ãŸã®ã§æ画パフォーマンスを測定ã—ã¦ã¿ã¾ã—ãŸã€‚上記ã®ã‚°ãƒ©ãƒ•ãŒçµæžœã§ã™ãŒã€HTML5ã§ä¸€ç•ªã‚ˆã„実装よりもFlashã®ã»ã†ãŒ3å€å¼±é«˜é€Ÿã¨ã„ã†çµæžœãŒã§ã¾ã—ãŸã€‚ブラウザã«ã‚ˆã£ã¦ã¯Flashã®ã»ã†ãŒHTML5より18å€ã‚‚高速ã¨ã„ã†çµæžœã‚‚ã§ã¦ã„ã¾ã™ã€‚ ã•ã‚‰ã«è¨€ãˆã°ã€HTML5ã®æ画パフォーマンスãŒæœ€ã‚‚良ã‹ã£ãŸã®ã¯Safariã§ã™ãŒã€ãƒ–ラウザã«ã‚ˆã£ã¦ã¯ãã‚Œã®15%ãらã„ã®ãƒ‘フォーマンスã—ã‹ã§ãªã„ブラウザもã‚り処ç†é€Ÿåº¦ã«ã°ã‚‰ã¤ããŒå¤§ãã„ã®ãŒç‰¹å¾´ã§ã—ãŸã€‚ã§ã™ãŒã€Flashã¯ã©ã®ãƒ–ラウザã§ã‚‚スコアã®æŒ¯ã‚Œå¹…ãŒå°ã•ãブラウザ間ã®å‡¦ç†é€Ÿåº¦ã¯å®‰å®šã—ã¦ã„るよã†ã«æ€ã„ã¾ã™(プラグインãªã®ã§å½“然ã¨ã„ãˆã°å½“然ã®çµæžœã§ã™ãŒ)。 検証デモ HTML5ã‚„Flashã¨è¨€ã£ã¦ã‚‚様々ãªå®Ÿè£…方法ãŒã‚ã‚‹ã®ã§ã€ã‚ˆã使ã‚れる方法を幾ã¤ã‹ç”¨æ„ã—ã¦æ¤œè¨¼ã—ã¦ã„ã¾ã™ã€‚
HTML5 Support in Internet Explorer 9
By Louis Lazaris / September 28, 2010 / 49 Comments Updated: August 7, 2022 Last week I posted a chart that listed support for CSS3 features in IE9. This post will consider the extent of IE9 support for HTML5 and related technologies. The chart is divided into two sections. The first covers the new HTML5 markup elements, and the second covers the APIs and other stuff. My personal assessment is tha
HTML5ã®ã‚ªãƒ¼ãƒ‡ã‚£ã‚ªãƒ—レイヤーを作るãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«:phpspot開発日誌
Building a Custom HTML5 Audio Player with jQuery Neutron Creations HTML5ã®ã‚ªãƒ¼ãƒ‡ã‚£ã‚ªãƒ—レイヤーを作るãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€‚ オーディオプレイヤーを実装ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリç‰ã¯ã‚ã‚Šã¾ã™ãŒã€è‡ªåˆ†ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã—ãŸã„よã†ãªå ´åˆã«å‚考ã«ã§ããã†ã§ã™ã€‚ 実装コードã¯jQueryベースã«ãªã£ã¦ã„るよã†ã§ã™ã€‚ ライブラリãŒã‚ã£ã¦ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã‘ã©ã€ã©ã†ã„ã†é¢¨ã«å®Ÿè£…ã—ã¦ã©ã†å‹•ãã‹ã¨ã„ã†éƒ¨åˆ†ã«ã¤ã„ã¦çŸ¥ã£ã¦ãŠãã®ã‚‚よã•ãã†ã§ã™ã。 関連エントリ HTML5ã§å‹•ç”»ã‚„音声å†ç”Ÿã‚’å¯èƒ½ã«ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリ集
ã“ã‚Œã¯è¦‹ã¦ãŠãã¹ãHTML5ã®Canvasを使ã£ãŸãƒ‡ãƒ¢é›†:phpspot開発日誌
21 Ridiculously Impressive HTML5 Canvas Experiments | Nettuts ã“ã‚Œã¯è¦‹ã¦ãŠãã¹ãHTML5ã®Canvasを使ã£ãŸå®Ÿé¨“集。 ã“ã“ã¾ã§å‡ºæ¥ã‚‹ã®ï¼Ÿã£ã¦ã„ã†ã‚µãƒ³ãƒ—ルãŒæº€è¼‰ã§ä¸€åº¦ã¯è¦‹ã¦ãŠããŸã„ã‚‚ã®ã°ã‹ã‚Šã§ã™ã€‚ 8 Bit Color Cycle Particle Letter Animation Particle System Strange Attractors Liquid Particles Fake Floor Reflections 次世代ã®WEBãŒæ¥½ã—ã¿ã§ã™ã€‚ 関連エントリ HTML5ã§å‹•ç”»ã‚„音声å†ç”Ÿã‚’å¯èƒ½ã«ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリ集 HTML5ベースã®TODOリスト「5List〠CSSã§ã‚¯ãƒ¼ãƒ«ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸHTML5動画・音楽プレイヤー実装JS「MediaElement.js〠CSSã§ã‚¹ã‚ン作æˆãŒå¯èƒ½ãªHTML5動画プレイヤー実
iPhoneã§ã‚‚使ãˆã‚‹HTML5ã§Googleマップã¿ãŸã„ã«åœ°å›³ã‚„ç”»åƒè¡¨ç¤ºã§ãる「Tile5ã€:phpspot開発日誌
Tile5 | Tile5 - HTML5 Mapping and Tiling iPhoneã§ã‚‚使ãˆã‚‹HTML5ã§Googleマップã¿ãŸã„ã«åœ°å›³ã‚„ç”»åƒè¡¨ç¤ºã§ãる「Tile5ã€ã€‚ iPhoneã§ã‚‚使ã†ã“ã¨ãŒã§ãã¦ãªã‹ãªã‹ä¾¿åˆ©ã§ã™ã€‚Androidã«ã‚‚対応予定 地図ã®ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ãŒå¯èƒ½ã€‚ 地図ã ã‘ã§ã¯ãªãã€Flickrã®å†™çœŸã‚’検索ã—ã¦ä¸¦ã¹ã¦ã¿ãŸã‚‚ã®ã€‚ GitHub上ã«ã¦ã‚ªãƒ¼ãƒ—ンソースã§å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ 関連エントリ 見ã¦ãŠãã¹ãHTML5サイト集 HTML5ã®ãƒãƒ†ãƒ³ã‚·ãƒ£ãƒ«ã‚’æ„Ÿã˜ã‚‰ã‚Œã‚‹ï¼”８ã®ã‚µãƒ³ãƒ—ルサイト CSSã§ã‚¹ã‚ン作æˆãŒå¯èƒ½ãªHTML5動画プレイヤー実装JSライブラリ「Video JSã€
Blogger
Google ã®ã‚¦ã‚§ãƒ–ãƒã‚°å…¬é–‹ãƒ„ールを使ã£ã¦ã€ãƒ†ã‚ストã€å†™çœŸã€å‹•ç”»ã‚’共有ã§ãã¾ã™ã€‚
HTML5サンプル集 - æ ªå¼ä¼šç¤¾ã‚ゆãŸ
ã“ã®ãƒšãƒ¼ã‚¸ã§ã¯ã€HTML5ã®APIを利用ã—ãŸç°¡å˜ãªã‚µãƒ³ãƒ—ルを公開ã—ã¦ã„ã¾ã™ã€‚ ã“ã®ã‚µãƒ³ãƒ—ルã®å¤šãã¯ã€å¼Šç¤¾æŠ€è¡“顧å•ã®ç™½çŸ³æ°ãŒãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«ã«å¯„稿ã—ãŸè¨˜äº‹ã§ä½¿ç”¨ã—ãŸãƒ—ãƒã‚°ãƒ©ãƒ ã‚’å…ƒã«ã€å¤šå°‘ã®æ”¹å¤‰ã‚’åŠ ãˆãŸã‚‚ã®ã§ã™ã€‚ ã©ã‚Œã‚‚éžå¸¸ã«ã‚·ãƒ³ãƒ—ルãªã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã™ãŒã€HTML5ã®å„機能を試ã™ãŸã‚ã®ã¨ã£ã‹ã‹ã‚Šã¨ã—ã¦ã”åˆ©ç”¨é ‚ã‘ã‚‹ã¨æ€ã„ã¾ã™ã€‚ 白石æ°ãŒå¯„稿ã—ãŸè¨˜äº‹ã¯ã“ã¡ã‚‰ã«ãªã‚Šã¾ã™ã€‚ã“れらã®è¨˜äº‹ã¨åˆã‚ã›ã¦ã‚µãƒ³ãƒ—ルをã”利用ã«ãªã£ã¦é ‚ã事ã§ã€å„機能ã®ç†è§£ãŒã‚ˆã‚Šæ·±ã¾ã‚‹ã“ã¨ã§ã—ょã†ã€‚ 詳解! HTML 5ã¨é–¢é€£APIã®æœ€æ–°å‹•å‘ - æ–°ã‚¿ã‚°&APIç·¨ 詳解! HTML 5ã¨é–¢é€£APIã®æœ€æ–°å‹•å‘ - Webアプリ開発編 アプリケーションã‚ャッシュã®ã‚µãƒ³ãƒ—ル (ダウンãƒãƒ¼ãƒ‰) (Safari4ã€Google Chrome3ã§å‹•ä½œç¢ºèªæ¸ˆã¿ã€‚Firefoxã ã¨ã€ã‚¢ãƒ—リケーションã‚ャッシュã®ã‚¤ãƒ™ãƒ³ãƒˆãŒæ£ã—ã発生ã›ãšã€å‹•ä½œã—ãªã„ã¨
“Misunderstanding Markup†日本語訳
ã“ã®ã‚³ãƒŸãƒƒã‚¯ã¯ã€â€œMisunderstanding Markup: XHTML 2/HTML 5 Comic Stripâ€ã«ã‚るコミックをã€è‘—作者ã®è¨±å¯ã‚’å¾—ã¦æ—¥æœ¬èªžã«è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ å…ƒã«ãªã£ãŸè¨˜äº‹ã®ç¿»è¨³ã‚‚è¡Œã£ã¦ã„ã¾ã™ã€‚“Misunderstanding markupâ€ã‚’ã”覧ãã ã•ã„。 先週ã€W3Cã¯XHTML 2 Working GroupãŒå¹´å†…ã§ãã®æ´»å‹•ã‚’終了ã™ã‚‹ã¨ç™ºè¡¨ã—ãŸã‚“ã 。å˜åˆ€ç›´å…¥ã§ã€æ“è¿Žã•ã‚Œã‚‹ã¹ãã“ã¨ã ã£ãŸã‚“ã ã‘ã©ã€ã€ŒXHTMLãŒçµ‚ã‚ã£ã¦ã—ã¾ã†ã€ã¨å¤šãã®äººã‚’æ··ä¹±ã•ã›ã¦ã—ã¾ã£ãŸã€‚Zeldmanã®blogãƒã‚¹ãƒˆã«å¯„ã›ã‚‰ã‚ŒãŸã‚³ãƒ¡ãƒ³ãƒˆã‚’èªã‚€ã¨ã€ãã‚ŒãŒåˆ†ã‹ã‚‹ã¨æ€ã†ã€‚ 仕方ã®ãªã„部分もã‚る。異ãªã‚‹æŠ€è¡“ã«ã€åŒã˜ã‚ˆã†ãªåå‰ãŒã¤ã„ã¦ã„ãŸã“ã¨ãŒåŽŸå› ãªã‚“ã ã‹ã‚‰ã€‚ã—ã‹ã‚‚ã€ã“ã‚Œã¯ä»Šã«å§‹ã¾ã£ãŸã“ã¨ã˜ã‚ƒã‚ãªã„。 ãŸã¨ãˆã°ã€JavaScript。Javaã«ãªã«ã‹é–¢ä¿‚ã—ãã†ã ã‘ã©ã€ãã†ã˜ã‚ƒãªã„よã。書ãæ–¹ãŒã™ã“
HTML5ã®Canvasã§å‹•ã超クールãªãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸:phpspot開発日誌
HTML5 Canvas Experiment ・IO 9elements HTML5ã®Canvasã§å‹•ã超クールãªãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã€‚ Safari 4 ã¨ã‹ Firefox3.5 ã§å‹•ãã®ã§ã™ãŒã€ã“ã‚Œã¯1回見ã¦ãŠã„ãŸã»ã†ãŒã‚ˆã„ã‹ã‚‚ã—ã‚Œãªã„カッコã„ã„＆Canvasã®å¯èƒ½æ€§ã‚’見ã›ã¦ãれるもã®ã§ã™ã€‚ å˜ã«å‹•ãã ã‘ã§ãªãã€ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªå‹•ä½œã‚‚ã—ã¾ã™ã€‚ Flashã€Silverlightã€Canvas ã¨ã„ã†ã‚‚ã†ã²ã¨ã¤ã®é¸æŠžè‚¢ãŒå¢—ãˆãŸã¨ã„ã†æ„Ÿæƒ³ã‚‚æŒã£ã¦ã—ã¾ã„ã¾ã™ã€‚ 関連エントリ Canvasã§ãƒ–ラウザ上ã«å‹•çš„ã«ãƒ†ã‚ストをæç”»ã§ãる「canvas-text〠CanvasデータをPNG/JPEGç‰ã®ï¼‘æžšç”»åƒã«å¤‰æ›ã™ã‚‹JS「Canvas2Imageã€
HTML5ã®imgè¦ç´ ã®alt属性ã®ä»•æ§˜ã¯èªã‚“ã§ãŠãã¹ãã ã¨æ€ã†ã€‚
èªã‚“ã§ãŠãã¹ã。ã§çµ‚ã‚ã£ã¦ã‚‹ã‚¿ã‚¤ãƒˆãƒ«ãŒã€è‡ªåˆ†ã£ã½ããªãã¦é•å’Œæ„Ÿæœ‰ã‚Šæœ‰ã‚Šã ã£ãŸã®ä½•ã¨ãªã変更。 都é“府県é¸æŠžã™ã‚‹ã‚„ã¤ã€‚ãŒã‚‚ã—ã‹ã—ãŸã‚‰ä¸€æ—¥è¾ºã‚Šã®éŽåŽ»æœ€é«˜ã®ã‚¢ã‚¯ã‚»ã‚¹ã‚’稼ã„ã ã‹ã‚‚知れãªã„ã¨ã„ã†ç¾å®Ÿã€‚ 7月16æ—¥ã®ã‚¢ã‚¯ã‚»ã‚¹ãŒ17,000PVオーãƒãƒ¼ã£ã¦ä½•ã ・・・ãŠã‹ã—ã„ãªã€ã‚¦ãƒã¯CSSãƒã‚¿ãŒä¸»åŠ›ãªã®ã«ãƒ»ãƒ»ãƒ»ã‚ã複雑。 本題ã§ã™ãŒã€HTML5ã®imgè¦ç´ ã®alt属性ã«é–¢ã™ã‚‹ä»•æ§˜ãŒã™ã”ã„事ã«ãªã£ã¦ã¾ã™ã。 ã¡ã‚‡ã£ã¨èªã‚“ã§ã¦æ³£ããã†ã«ãªã‚‹ãらã„事細ã‹ã«æ›¸ã‹ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã‚Œã¯ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’生æ¥ã¨ã—ã¦ã„る人間ãªã‚‰è¦šãˆã¦ã„ãªã‘ã‚Œã°ãªã‚‰ãªã„ã¨æ€ã†ã®ã§ã€å¿…èªã™ã¹ã内容ã§ã™ã€‚ 4.8.2.1 Requirements for providing text to act as an alternative for images 4.8.2.1 イメージã®ä»£æ›¿ã¨ã—ã¦ä½œç”¨ã™ã‚‹ãƒ†ã‚ストをæä¾›ã™ã‚‹ãŸã‚ã®è¦ä»¶ ã–ã£ãã‚Šã¾ã¨ã‚
HTML 5ã®ä»•æ§˜ãŒä¸€è¦§ã§ãるクィックリファレンス
HTML 5ã®ä»•æ§˜ãŒä¸€è¦§ã§ãã‚‹PDFã®ã‚¯ã‚£ãƒƒã‚¯ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’Smashing Magazineã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ HTML 5 Cheat Sheet (PDF) HTML 5ã¯HTML 4ã«ä»£ã‚る次世代ã®HTMLã¨ã—ã¦ã€W3CãŒç–定を進ã‚ã¦ã„ã‚‹ã‚‚ã®ã§ã™ã€‚ ã“ã®ã‚¯ã‚£ãƒƒã‚¯ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ã¯å¤‰æ›´ãŒã‚ã‚Šã—ã ã„ã€éšæ™‚アップデートをã—ã¦ã„ãã¨ã®ã“ã¨ã§ã™ã€‚ ダウンãƒãƒ¼ãƒ‰ã§ãã‚‹HTML 5ã®ã‚¯ã‚£ãƒƒã‚¯ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã¯ã‚³ãƒ³ãƒ‘クトã«ã¾ã¨ã¾ã£ã¦ã„ã¾ã™ã€‚
1
ãŠçŸ¥ã‚‰ã›
障害
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
HTML5ã§ã¯ä½•ãŒã§ãã‚‹ã®ã‹ã€å„ブラウザã®å¯¾å¿œã¯ã©ã†ãªã£ã¦ã„ã‚‹ã®ã‹ã€ãŒä¸€ç›®ã§ã‚ã‹ã‚‹ -What is HTML5?
HTML5 & The Web Platform
{{#tags}}- {{label}}
{{/tags}}