モトミãƒãƒ¯ãƒ¼ã‚¯ã‚¹ã€€æŠ€è¡“メモ
motomichi works top illust design flash technical profile contact videoè¦ç´ 使用ã™ã‚‹è¨˜è¿°ãªã©è¦ç‚¹ <video controls preload="auto"></video>ã€videoè¦ç´ ã¨controls属性ã¨preload属性】 <source src="../movie/technical_content_pages/sample2_h.mpg" type="video/mpg" />ã€sourceè¦ç´ ã¨src属性ã¨type属性】 サンプルソース <div id="contents_sample_wrap"> <p style="padding-top:10px;">mpeg2ファイル</p> <video preload="auto" controls width="320px"> <source src=
HTML5 Canvasã§ç”»åƒã®ãƒªã‚µã‚¤ã‚ºã™ã‚‹ãªã‚‰ã‚³ãƒ¬ï¼ã€ŒJS-Image-Resizerã€
クライアントサイドã§ã®HTML5ã§ã®ç”»åƒã®ãƒªã‚µã‚¤ã‚ºã¯æ™®é€šCanvasを使ã†ã ã‚ã†ã€‚ ã—ã‹ã—ã€å®Ÿéš›ã«Canvasã®ãƒªã‚µã‚¤ã‚ºã‚’ã‚„ã£ã¦ã¿ã¦ã€ãã®ã‚¯ã‚ªãƒªãƒ†ã‚£ãƒ¼ã®ä½Žã•ã«é©šã„ãŸã€‚ 1. Canvasã§ãƒªã‚µã‚¤ã‚º ã“ã‚ŒãŒMacã®Previewã§ãƒªã‚µã‚¤ã‚ºã—ãŸã‚‚ã®ã€‚ ジャギジャギã—ã¦ã¦ç”»åƒã¨ã—ã¦ã®ä¾¡å€¤ã¯å¤§ãã下ãŒã£ã¦ã—ã¾ã†ã€‚ Flashãªã‚“ã‹ã ã¨ã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã¾ã‚ã¾ã‚ã®ã‚¯ã‚ªãƒªãƒ†ã‚£ãƒ¼ã®ã‚¹ãƒ ージングãŒã‹ã‹ã‚‹ã®ã§ã‚ã¾ã‚Šæ°—ã«ã™ã‚‹ã“ã¨ã¯ãªã‹ã£ãŸãŒã€ã“りゃダメダメã 。 2. Lanczosアルゴリズムã§ãƒªã‚µã‚¤ã‚º ãã“ã§ã€ã‚‚ã£ã¨ãƒã‚¤ã‚¯ã‚ªãƒªãƒ†ã‚£ã«ãƒªã‚µã‚¤ã‚ºã™ã‚‹æ–¹æ³•ã¯ç„¡ã„ã‹ã¨èª¿ã¹ãŸã€‚ã¾ãšã‚ãŸã£ãŸã®ã¯ã“ã¡ã‚‰ã€‚ javascript - Resizing an image in an HTML5 canvas - Stack Overflow ã“ã‚Œã¯Lanczosアルゴリズムã§ãƒªã‚µã‚¤ã‚ºã™ã‚‹æ–¹æ³•ã 。 ãƒãƒ³ã‚¬ãƒªãƒ¼ã®äººã€ŒCornelius
新JavaScript例文辞典
説明 File APIã§é¸æŠžã•ã‚ŒãŸãƒ•ã‚¡ã‚¤ãƒ«ã®å®¹é‡(サイズ)ã‚’å–å¾—ã™ã‚‹ã«ã¯ãƒ•ã‚¡ã‚¤ãƒ«ã‚ªãƒ–ジェクトã®sizeプãƒãƒ‘ティをå‚ç…§ã—ã¾ã™ã€‚値ã¯ãƒã‚¤ãƒˆ(byte)ã«ãªã‚Šã¾ã™ã€‚ サンプルプãƒã‚°ãƒ©ãƒ ã€HTML】 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>Sample</title> <link rel="stylesheet" href="css/main.css" type="text/css" media="all"> <script type="text/javascript" src="js/sample.js"></script> </head> <body> <h1>é¸æŠžã•ã‚ŒãŸãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã‚’調ã¹ã‚‹</h1> <form> <input type="file" id="sFiles" m
HTML5ã§çµ„ã‚“ã§ã‚‹ãªã‚‰ã“ã®é”法ã®jsも入れã¦ãŠã‘ã£ã¦ã„ã†è©±
ç¾åœ¨ã€A!@attripã•ã‚“発ã§è©±é¡Œã«ãªã£ã¦ã„る「ãŸã£ãŸ2è¡Œã§IE5.5～IE8をモダンブラウザã®æŒ™å‹•ã«ã™ã‚‹é”法ã®JSã€ã¨ã„ã†è¨˜äº‹ã€‚ Webデザイン界隈ã§ã¯å½“ãŸã‚Šå‰ã®ã‚‚ã®ã§ã™ãŒã€å®Ÿã¯ã‚‚ã†ã²ã¨ã¤è¿½åŠ ã—ã¦ãŠãã¨ã„ã„ã‹ã‚‚ã—ã‚Œãªã„jsãŒã‚ã£ãŸã‚Šã—ã¾ã™ã€‚ Photo:html5 By michael pollak IE8以å‰ã®ãƒ–ラウザã¯ã©ã†ã«ã‚‚ã“ã†ã«ã‚‚開発者泣ã‹ã›ãªã‚ã‘ã§ã™ãŒã€ie9.jsã¨css3-mediaqueries.jsã‚’çªã£è¾¼ã‚€ã“ã¨ã§ã€ãƒ¢ãƒ€ãƒ³ãƒ–ラウザã¨åŒã˜æŒ™å‹•ã«ã™ã‚‹ã“ã¨ãŒã§ãã¡ã‚ƒã„ã¾ã™ã€‚ ã‚‚ã†å°‘ã—具体的ã«æ›¸ãã¨ã€ie9.jsを組ã¿è¾¼ã‚€ã“ã¨ã§ã€ position:fixed;ã«å¯¾å¿œ max-widthã€max-heightã«å¯¾å¿œ 属性セレクタã€æ“¬ä¼¼ã‚¯ãƒ©ã‚¹ã«å¯¾å¿œ margin:0 auto;ã§ã®ã‚»ãƒ³ã‚¿ãƒªãƒ³ã‚°ã«å¯¾å¿œ é€éŽPNGã«å¯¾å¿œ opacityã«å¯¾å¿œ ã¨ã„ã£ãŸã“ã¨ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚è¦ã¯CS
HTML5ã§Webページをマークアップã™ã‚‹ãŸã‚ã®åŸºç¤ŽçŸ¥è˜
最近よãç›®ã«ã™ã‚‹ã€ŒHTML5ã€ã¨ã„ã†è¨€è‘‰ã€‚JavaScriptã®APIã‚„CSS3ã€SVGãªã©ã‚’å«ã‚ã€æ€¥é€ŸãªåºƒãŒã‚Šã‚’見ã›ã¤ã¤ã‚る「HTML5ã€ã®åŸºç¤Žã‚’å¦ã¹ã‚‹å…¥é–€é€£è¼‰ã§ã™ã€‚「HTML5を使ã†ã¨ã€ä½•ãŒã§ãã‚‹ã®ã‹ã€ã€Œãれを実ç¾ã™ã‚‹ã«ã¯ã€ã©ã®ã‚ˆã†ãªãƒ—ãƒã‚°ãƒ©ãƒ を書ã„ãŸã‚‰ã„ã„ã®ã‹ã€ã‚’ãŠå±Šã‘ã—ã¾ã™ 5ã‹ã‚‰HTMLã®â€œæ–‡æ³•â€ãŒå¤‰ã‚ã‚‹ã£ã¦çŸ¥ã£ã¦ãŸï¼Ÿ 連載第1回ã®ã€ŒWebã®3ã¤ã®å•é¡Œã‚’解決ã™ã‚‹ã€ŒHTML5ã€ã¨ã¯ä½•ãªã®ã‹ã€ã§ã¯ã€HTML5ã¨ã„ã†æŠ€è¡“é©æ–°ã®æ„義ã€ãã—ã¦æœ¬é€£è¼‰ã®å¤§ã¾ã‹ãªæµã‚Œã«ã¤ã„ã¦ãŠè©±ã—ã—ã¾ã—ãŸã€‚連載第2回ã§ã‚る今回ã¯ã€HTML5ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’è¡Œã†ãŸã‚ã®åŸºç¤ŽçŸ¥è˜ã«ã¤ã„ã¦ãŠè©±ã—ã—ã¾ã™ã€‚ HTML5ã§ã¯ã€ãã®æ–‡æ³•ãŒå¤§ãã変化ã—ã¾ã—ãŸã€‚「HTMLãŒã€ã©ã‚Œã»ã©æ™®åŠã—ã¦ã„ã‚‹ã‹ã€ã€Œæ ¹åº•ã¨ãªã‚‹â€œæ–‡æ³•â€ãŒå¤‰ã‚ã£ã¦ã—ã¾ã£ãŸã‚‰ã€ã©ã‚Œã»ã©ã®å½±éŸ¿ãŒã‚ã‚‹ã‹ã€ã«æƒ³åƒãŒåŠã¶æ–¹ã§ã‚ã‚Œã°ã€éžå¸¸ãªé©šãã¨ä¸å®‰ã‚’抱ã‹ã‚Œã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。
ã€ã‚¹ãƒžãƒ›é›†ä¸é€£è¼‰ 第4回】 "HTML5ã¨CSS3ã§ä½•ãŒã§ãる？" ã€œãƒ¡ãƒªãƒƒãƒˆãƒ»ãƒ‡ãƒ¡ãƒªãƒƒãƒˆã‚’å¾¹åº•ç ”ç©¶ï¼ : LINE Corporation ディレクターブãƒã‚°
※ã“ã®è¨˜äº‹ã¯Chromeã§è¦‹ã‚‹ã®ãŒãŠã™ã™ã‚ã§ã™ã€‚ ã“ã‚“ã«ã¡ã¯ã€‚æ–°è¦é–‹ç™ºã‚°ãƒ«ãƒ¼ãƒ— ディレクター兼マークアップエンジニアã®æµœã§ã™ã€‚ スマホ連載ã®ç¬¬4回目ã¯ã€HTML5ã¨CSS3ã¨ã„ã†å®Ÿè£…寄りã®å†…容ã«ãªã‚Šã¾ã™ã€‚ã¨ã¯è¨€ã£ã¦ã‚‚難ã—ã„コードã¯ã‚ã¾ã‚Šå‡ºã¦ãã¾ã›ã‚“。「HTML5ã¨CSS3ã§ä½•ãŒã§ãã‚‹ã®ã‹ã€ã¨ã„ã†äº‹ã‚’メインã«ã€çŸ¥ã£ã¦ãŠãã¨ã€æ§‹æˆæ›¸ã‚’作る時ã®ã‚¢ã‚¤ãƒ‡ã‚£ã‚¢ãƒ™ãƒ¼ã‚¹ã«ãªã£ãŸã‚Šãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãƒ»ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—エンジニア（コーダー）ã¨æ‰“ã¡åˆã‚ã›ã‚’ã™ã‚‹éš›ã«è©±ã—ã‚„ã™ããªã‚‹å†…容をãŠé€ã‚Šã—ã¾ã™ã€‚ 記事ã®ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ã¯ä»¥ä¸‹ã§ã™ã€‚ ãã‚‚ãã‚‚ã€HTML5ã¨CSS3ã£ã¦ã‚‚ã†ä½¿ãˆã‚‹ã®ï¼Ÿ HTML5ã¨CSS3を使ã†ãƒ¡ãƒªãƒƒãƒˆã¯ï¼Ÿ HTML5ã¨CSS3ã§ä½•ãŒã§ãã‚‹ã®ï¼Ÿ ãã‚‚ãã‚‚ã€HTML5ã¨CSS3ã£ã¦ã‚‚ã†ä½¿ãˆã‚‹ã®ï¼Ÿ 使ãˆã¾ã™ã€‚ （※ã“ã“ã‹ã‚‰å…ˆã¯ã€ãã®æ ¹æ‹ ã«ã¤ã„ã¦èª¬æ˜Žã—ã¾ã™ã€‚å¿…è¦ãªã„æ–¹ã¯ã€æ¬¡ã®ç« ã«é£›ã‚“ã§ã—ã¾ã£ã¦ã‚‚構ã„ã¾ã›ã‚“） ç¾åœ¨ã®ã‚¹ãƒž
ã€ãƒ¬ãƒãƒ¼ãƒˆã€‘HTML5ã®æ©Ÿèƒ½ã‚’知るãŸã‚ã®15ã®ãƒ‡ãƒ¢ãƒ³ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ | エンタープライズ | マイコミジャーナル
Tech Drive-in - Technology, Linux, Ubuntu FTW 主è¦ãƒ–ラウザã®å¯¾å¿œãŒé€²ã‚“ã§ã„ã‚‹ã“ã¨ã‚‚ã‚ã‚Šã€HTML5ã®æŠ€è¡“を活用ã—ãŸãƒ‡ãƒ¢ãƒ³ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚µã‚¤ãƒˆãŒå¢—ãˆã¦ã„る。ç¾åœ¨ä¸»æµã®æŠ€è¡“ã¨äº’æ›æ€§ãŒé«˜ã„ã“ã¨ã‹ã‚‰ã€ã™ã§ã«HTML5を採用ã™ã¹ãã¨ã„ã†æ„見もã‚る。ブラウザã®æ›´æ–°é »åº¦ã¯æ—©ã¾ã‚‹å‚¾å‘ã«ã‚ã‚Šã€HTML5/CSS3ã®å¯¾å¿œã¯æ—¥é€²æœˆæ©ã§é€²ã‚“ã§ã„ãã“ã¨ã«ãªã‚‹ã¨ã¿ã‚‰ã‚Œã‚‹ã€‚ HTML5ã‚„CSS3ã®ãƒ‡ãƒ¢ãƒ³ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚µã‚¤ãƒˆã‚„テクニック紹介ブãƒã‚°ã¯ã“ã‚Œã¾ã§ä½•åº¦ã‚‚å–り上ã’ã¦ããŸã€‚15 HTML5 Demos Showcasing Prowess of HTML5 Over Adobe Flash - Tech Drive-inã«ãŠã„ã¦ã€HTML5デモンストレーションサイトãŒã¾ã¨ã‚られã¦ãŠã‚Šå‚考ã«ãªã‚‹ã€‚ä¸ã«ã¯ã“ã‚Œã¾ã§ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«ã§å–り上ã’ãŸã‚µã‚¤ãƒˆã‚‚å«ã‚られã¦ã„る。紹介ã•ã‚Œã¦
HTML5ã«ã¤ã„ã¦ã®ãŠã•ã‚‰ã„｜Web制作 W3G
Updated 2010.07.29 / Published 2010.07.29 ã“ã‚Œã‹ã‚‰HTML5を使ã„ã¯ã˜ã‚よã†ã¨ã„ã†æ–¹ã«å‘ã‘ãŸHTML5ã®ãŠã•ã‚‰ã„ã§ã™ã€‚HTML5ã®è¨˜è¿°æ–¹æ³•ã«ã¯ã˜ã¾ã‚Šã€å°Žå…¥ã«ã‚ãŸã£ã¦é–“é•ã„ã‚„ã™ã„ã¨ã“ã‚や勘é•ã„ã—ãŒã¡ãªã¨ã“ã‚ã‚’ã¾ã¨ã‚ã¦ã‚ã‚Šã¾ã™ã€‚ hgroup, header, footerè¦ç´ ã®èª¬æ˜Žã‚’å«ã‚ãŸç¶šãã‚‚ã‚ã‚Šã¾ã™(続HTML5ã«ã¤ã„ã¦ã®ãŠã•ã‚‰ã„)。 HTML5ã®è¨˜è¿°æ–¹æ³• ã¾ãšæœ€åˆã«ã€å¿…ãšDOCTYPE宣言を行ã„ã¾ã™ã€‚HTML5ã«ã¯å…¬å¼ã®DTDãŒãªã„ã®ã§ã€ã™ã”ãシンプルã«ãªã£ã¦ã„ã¾ã™ã€‚ <!DOCTYPE html> 続ã„ã¦ã€htmlè¦ç´ ã«ãƒ‰ã‚ュメントã®è¨€èªžã‚’宣言ã—ã¾ã™ã€‚ <html lang="ja"> ãã—ã¦é †ç•ªã«headè¦ç´ ã¨ãã¦ã€æ–‡å—エンコーディングã®æŒ‡å®šã§ã™ãŒã€charset属性ãŒæ–°ãŸã«åˆ©ç”¨ã§ãるよã†ã«ãªã‚Šã¾ã—ãŸã€‚ <meta charset="UTF
アナãƒã‚°æ™‚計を作ã£ã¦ã¿ã‚ˆã†ï¼
作æˆã™ã‚‹ã‚¢ãƒŠãƒã‚°æ™‚計 ã•ã¦ã€æœ€çµ‚回ã®ä»Šå›žã¯ã“ã‚Œã¾ã§å¦ã‚“ã§ããŸCanvasã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’応用ã—ã¦ã€ã‚¢ãƒŠãƒã‚°æ™‚計ã®jsライブラリを作ã£ã¦ã¿ã¾ã—ょã†ã€‚図1ã«å®Œæˆå›³ã‚’示ã—ã¾ã™ã€‚ ã¾ãšæ™‚計ã®æ–‡å—盤を画åƒãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦ç”¨æ„ã—ã€ãれをCanvasã«çµ„ã¿è¾¼ã¿è¡¨ç¤ºã•ã›ã¾ã™ã€‚ãã—ã¦ã€çŸé‡ã€é•·é‡ã€ç§’é‡ã‚’ã€Canvasã®ç›´ç·šã‚’使ã£ã¦è¡¨ç¾ã—ã¾ã™ã€‚ã“れら一連ã®å‡¦ç†ã‚’setIntervalを使ã£ã¦1秒ãŠãã«æç”»ã—ãªãŠã—ã¾ã™ã€‚ ã“ã“ã§è§£èª¬ã™ã‚‹jsライブラリã¯ã€ã©ã®ãƒšãƒ¼ã‚¸ã«ã‚‚å•é¡Œãªãç°¡å˜ã«çµ„ã¿è¾¼ã‚るよã†ã«ä½œæˆã—ã¾ã™ã€‚Canvasã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã ã‘ã§ã¯ãªãã€jsライブラリ作æˆã®ãƒã‚¤ãƒ³ãƒˆã‚‚一緒ã«å¦ã‚“ã§ã„ãã¾ã—ょã†ã€‚ 変数åã®é‡è¤‡ã«æ³¨æ„ JavaScriptã¯ã€jsファイルã¨ã—ã¦æ©Ÿèƒ½ã”ã¨ã«åˆ†é›¢ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ã—ã‹ã—ã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚’分離ã—ãŸã‹ã‚‰ã¨ã„ã£ã¦ã€ã‚°ãƒãƒ¼ãƒãƒ«å¤‰æ•°ã‚„関数ãŒãã‚Œãžã‚Œã®jsファイル内ã«éš ãºã„ã•ã‚Œã¦ã„ã‚‹ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›
ã•ã¾ã–ã¾ãªå›³å½¢ã‚’æã - Canvas - HTML5.JP
Canvasã§ã¯ç·šã‚’引ãã ã‘ã§ã¯ãªãã€ã•ã¾ã–ã¾ãªå›³å½¢ã‚’æããŸã‚ã®ãƒ¡ã‚½ãƒƒãƒ‰ã‚’用æ„ã—ã¦ã„ã¾ã™ã€‚ã“ã®ã‚³ãƒ¼ãƒŠãƒ¼ã§ã¯Canvasã§åˆ©ç”¨ã§ãる図形æç”»ã®ã„ãã¤ã‹ã‚’ã”紹介ã—ã¾ã™ã€‚ 矩形（長方形） å…ˆã»ã©ã®ã‚³ãƒ¼ãƒŠãƒ¼ã§ã¯ã€ç·šã‚’引ãã“ã¨ã§çŸ©å½¢ã‚’æãã¾ã—ãŸãŒã€ä¸€ç™ºã§çŸ©å½¢ã‚’æãメソッドãŒã‚ã‚Šã¾ã™ã€‚ ctx.fillRect(x, y, width, height) å¡—ã‚Šã¤ã¶ã—ãŸçŸ©å½¢ã‚’æãã¾ã™ã€‚x, yã«ã¯çŸ©å½¢ã®å·¦ä¸Šç«¯ã®åº§æ¨™ã‚’ã€widthã«çŸ©å½¢ã®æ¨ªå¹…ã‚’ã€heightã«ç¸¦å¹…を引数ã¨ã—ã¦ä¸Žãˆã¾ã™ã€‚ ctx.strokeRect(x, y, width, height) 矩形をæãã¾ã™ãŒã€æž ç·šã®ã¿ã¨ãªã‚Šã¾ã™ã€‚引数ã¯fillRectメソッドã¨åŒã˜ã§ã™ã€‚ ctx.clearRect(x, y, width, height) 矩形を削除ã—ã¾ã™ã€‚削除ã•ã‚ŒãŸéƒ¨åˆ†ã¯é€æ˜Žã«ãªã‚Šã¾ã™ã€‚引数ã¯fillRectメソッドã¨åŒã˜ã§ã§ã™ã€‚ ãã‚Œãž
HTML5 Canvas Cheat Sheet
Canvas element Attributes Name Type Default
Canvasリファレンス - HTML5.JP
HTML5ã®ä»•æ§˜ã«åŸºã¥ã„ã¦ã€Canvasã§åˆ©ç”¨ã§ãるメソッドやプãƒãƒ‘ティ（属性）ã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ã”用æ„ã—ã¾ã—ãŸã€‚主ã«HTML5ã®ä»•æ§˜ã®å’Œè¨³ã¨ãªã‚Šã¾ã™ãŒã€HTML5ã®ä»•æ§˜ã¯éžå¸¸ã«åˆ†ã‹ã‚Šã«ãã„説明ãŒã‚ã‚‹ãŸã‚ã€ä¸€éƒ¨ã€å›³ã‚„補足説明を入れã¾ã—ãŸã€‚ å„メソッドやプãƒãƒ‘ティã”ã¨ã«ã‚µãƒ³ãƒ—ルスクリプトもã”用æ„ã—ã¾ã—ãŸã®ã§ã€å…·ä½“çš„ãªã‚¹ã‚¯ãƒªãƒ—ティングãŒç†è§£ã§ãã¾ã™ã€‚ブラウザã”ã¨ã®å¯¾å¿œã«ã¤ã„ã¦ã‚‚触れã¦ã„ã¾ã™ã€‚ 皆様ã®Canvasã®ç†è§£ã«ãŠå½¹ã«ç«‹ã¦ã‚Œã°å¹¸ã„ã§ã™ã€‚ HTMLCanvasElement HTMLCanvasElementã®ãƒ¡ã‚½ãƒƒãƒ‰
html5doctor - HTML5.JP
サイト内検索 html5doctor ( http://html5doctor.com/ )ã¨ã¯ã€Richard Clark æ°ã€Bruce Lawson æ°ã€Jack Osborne æ°ã€Mike Robinson æ°ã€Remy Sharp æ°ã€Tom Leadbetter æ°ã¨ã„ã£ãŸ HTML5 ã«é–¢ã—ã¦è‘—åãªæ–¹ã€…ãŒå…±åŒã§é‹å–¶ã—ã¦ã„るサイトã§ã™ã€‚<html>5doctor ã¯ã€HTML5 を使ãŠã†ã¨ã™ã‚‹äººã«ã€ã•ã¾ã–ã¾ãªãƒªã‚½ãƒ¼ã‚¹ã‚’æä¾›ã™ã‚‹ã“ã¨ã‚’目的ã¨ã—ã¦é‹å–¶ã•ã‚Œã¦ã„るサイトã§ã™ã€‚ã“ã®ã‚µã‚¤ãƒˆã§æŽ²è¼‰ã•ã‚Œã¦ã„る記事ã¯ã€HTML5 ã‚’ç¿’å¾—ã™ã‚‹ä¸Šã§ã€éžå¸¸ã«æœ‰ç›Šãªã‚‚ã®ã°ã‹ã‚Šã§ã™ã€‚特ã«ã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã«é–¢ã™ã‚‹è¨˜äº‹ãŒå……実ã—ã¦ã„ã¾ã™ã€‚ HTML5.JP ã§ã¯ã€html5doctor ã®è¨±å¯ã‚’é ‚ãã€è¨˜äº‹ã‚¢ãƒ¼ã‚«ã‚¤ãƒ–ã®æ—¥æœ¬èªžè¨³ã‚’掲載ã—ã¾ã—ãŸã®ã§ã€ãœã²ã€HTML5 ã®ç†è§£ã«ãŠå½¹ç«‹ã¦ãã ã•ã„。 一部ã€ç›´è¨³ã§ã¯ãªãæ„訳
ã¾ãšã¯åŸºæœ¬ã‹ã‚‰ãƒ»HTML5ã®Canvasã«ã¤ã„ã¦å‚考ã«ãªã£ãŸã‚µã‚¤ãƒˆã¾ã¨ã‚ - ã‹ã¡ã³ã¨.net
よã†ã‚„ãHTML5ã«èˆˆå‘³ã‚’æŒã¡å§‹ã‚ã¾ã—ãŸã€‚ サンプルを以å‰è¨˜äº‹ã«ã—ã¦ã€å‡„ã„ãªãƒ¼ã¨ æ€ã£ã¦ã„ã¾ã—ãŸãŒã€ãªã‹ãªã‹æ™‚é–“ãŒãªã〠先延ã°ã—ã«ã€‚ã§ã€ã‚ˆã†ã‚„ãé ã«å…¥ã‚Œå§‹ã‚ã¾ ã—ãŸã€‚ãªã«ã™ã‚‹ã«ã‚‚行動ãŒé…ãã¦å›°ã‚Šã¾ã™ã€‚ HTML5ã§ã‚‚話題ã«ãªã£ã¦ã„ã‚‹Canvasを勉強ã—始ã‚ã¾ã—ãŸã€‚ãã‚“ãªä¸ã§ã€å‹‰å¼·ã®å‚考ã«ãªã‚Šãã†ãªã‚µã‚¤ãƒˆã‚’ブクマã—ãŸã®ã§ã“ã‚Œã‹ã‚‰å¦ã¼ã†ã€ã¨ãŠè€ƒãˆã®æ–¹ã¨ã‚·ã‚§ã‚¢ã—ãŸã„ã¨æ€ã£ã¦ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€‚ ã¨ã„ã†ã‚ã‘ã§ã€åŸºæœ¬çš„ãªæƒ…å ±ãŒã»ã¨ã‚“ã©ã§ã™ã€‚大é‡ã®æƒ…å ±ã‚’è¦‹ã¦ã‚‚æ··ä¹±ã™ã‚‹ã®ã§ã‚る程度絞ã£ã¦ã„ã¾ã™ã€‚ html5.jp リファレンスサイトã§ã™ã€‚リンク先ã¯canvasカテゴリã«ã€‚ã“ã“ã‹ã‚‰ã‚¹ã‚¿ãƒ¼ãƒˆã€ã¨ã„ã†ã‹æœ€å¾Œã¾ã§ãŸã¶ã‚“ãŠä¸–話ã«ãªã‚Šãã†ã€‚ html5.jp ～HTML 5ã§å°Žå…¥ã•ã‚Œã‚‹canvasè¦ç´ ã®ä½¿ã„方～ åŒã˜ã教科書的ãªã‚µã‚¤ãƒˆã€‚ã‚ã‚ŠãŒãŸã„。ã¾ã ã€ã–ã£ã¨èªã‚“ã ã ã‘ã§ã™ãŒã€ã™ã”ã分ã‹ã‚Šã‚„ã™ã‹ã£ãŸã§ã™ã€‚ ～HTML 5
HTML5 Audioã§ä½œã‚‹iTunes風音楽プレイヤー (1/7)
HTML5サウンドプレイヤーã®ã‚µãƒ³ãƒ—ル。マウスã§é¸æŠžã—ãŸæ›²ï¼ˆéŸ³å£°ãƒ•ã‚¡ã‚¤ãƒ«ï¼‰ãŒå†ç”Ÿã•ã‚Œã‚‹ã€‚ç”»åƒã‚¯ãƒªãƒƒã‚¯ã§ã‚µãƒ³ãƒ—ルページを表示ã—ã¾ã™ï¼ˆFirefox 3ï¼Opera 10ï¼Safari 4ã§è¡¨ç¤ºå¯èƒ½ï¼‰ 本連載ã§ã‚‚ã“ã‚Œã¾ã§HTML5 Videoを使ã£ã¦å‹•ç”»ã‚’å†ç”Ÿã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã—ãŸãŒã€ä»Šå›žã¯éŸ³å£°ã‚’å†ç”Ÿã—ã¦ã¿ã¾ã—ょã†ã€‚HTML5ã§ã¯ãƒ—ラグインを使用ã—ãªãã¦ã‚‚動画や音声をå†ç”Ÿã§ãã¾ã™ã€‚ 今回ã¯HTML5 Audioã®ã‚µãƒ³ãƒ—ルã¨ã—ã¦ã€é¸æŠžã—ãŸéŸ³æ¥½ï¼ˆéŸ³å£°ãƒ•ã‚¡ã‚¤ãƒ«ï¼‰ã‚’å†ç”Ÿã™ã‚‹ã‚µã‚¦ãƒ³ãƒ‰ãƒ—レイヤーを作りã¾ã™ã€‚å˜ã«éŸ³æ¥½ã‚’å†ç”Ÿã™ã‚‹ã ã‘ã§ã¯é¢ç™½ããªã„ã®ã§ã€Canvasを使ã£ã¦ãƒ“ジュアルを表示ã™ã‚‹æ©Ÿèƒ½ã‚‚付ã‘ã¾ã™ã€‚ã•ã—ãšã‚ã€iTunesã‚„Windows Media Playerã®ãƒ–ラウザー版ã€ã¨ã„ã£ãŸã¨ã“ã‚ã§ã—ょã†ã‹ã€‚ ブラウザーã«ã‚ˆã£ã¦é•ã†ã‚µãƒãƒ¼ãƒˆå½¢å¼ HTML5 Audioã¯Videoã¨åŒã˜ãƒ¡ãƒ‡ã‚£ã‚¢è¦ç´ ã¨ã—ã¦æ‰±ã‚
Blogger
Google ã®ã‚¦ã‚§ãƒ–ãƒã‚°å…¬é–‹ãƒ„ールを使ã£ã¦ã€ãƒ†ã‚ストã€å†™çœŸã€å‹•ç”»ã‚’共有ã§ãã¾ã™ã€‚
ブラウザã®CSS3ã€HTML5絡ã¿ã®å¯¾å¿œãŒä¸€ç™ºã§åˆ†ã‹ã‚‹ã‚ˆã†ã«ã§ãるライブラリ「Modernizrã€:phpspot開発日誌
ブラウザã®CSS3ã€HTML5絡ã¿ã®å¯¾å¿œãŒä¸€ç™ºã§åˆ†ã‹ã‚‹ã‚ˆã†ã«ã§ãるライブラリ「Modernizr〠2009å¹´07月07æ—¥- Modernizr ブラウザã®CSS3ã€HTML5絡ã¿ã®å¯¾å¿œãŒä¸€ç™ºã§åˆ†ã‹ã‚‹ã‚ˆã†ã«ã§ãるライブラリ「Modernizr〠ライブラリを使ã£ã¦ã€Canvasã€opacityã€Multiple backgrounds ã¨ã„ã£ãŸCSS3ã‚„HTML5ã®æ©Ÿèƒ½ã«å¯¾å¿œã—ã¦ã„ã‚‹ã‹ã‚’ç°¡å˜ã«èª¿ã¹ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ã‚ˆã†ã§ã™ã€‚ Google Ghrome ã®å ´åˆã§å¯¾å¿œã‚’明示 Firefox 3 ã®å ´åˆã§å¯¾å¿œã‚’明示 JavaScript ã§ã¯ã€æ¬¡ã®ã‚ˆã†ã«ä½¿ãˆã‚‹ã‚ˆã†ã§ã™ã€‚ if (Modernizr.cssgradients) { alert('対応'); } else { alert('未対応'); } cssgradients ã®ä»–ã«ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªãƒ—ãƒãƒ‘ティãŒåˆ©ç”¨å¯èƒ½ã€‚ Modernizr.ca
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}