CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5A suite of modular libraries and tools which work together or independently to enable rich interactive content on open web technologies via HTML5.
jPlayer : HTML5 Audio & Video for jQuery
a project by happyworm The jQuery HTML5 Audio / Video Library jPlayer is the completely free and open source (MIT) media library written in JavaScript. A jQuery plugin, (and now a Zepto plugin,) jPlayer allows you to rapidly weave cross platform audio and video into your web pages. jPlayer's comprehensive API allows you to create innovative media solutions while support and encouragement is provid
ROXIK
Roxik is the online showcase of Masayuki Kido, who is a web designer and a interactive director. Hope you will enjoy my works. ãƒã‚シックã¯ã€ã‚¦ã‚§ãƒ–デザイナー / アーティストã§ã‚ã‚‹ 城戸 é›…è¡Œã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚·ãƒ§ãƒ¼ã‚±ãƒ¼ã‚¹ã§ã™ã€‚ ç§ã®ä½œå“ã‹ã‚‰ä½•ã‹ã‚’æ„Ÿã˜å–ã£ã¦ãã‚ŒãŸã‚‰å¹¸ã›ã§ã™ã€‚ Works
HTML5 Canvas Cheat Sheet - Nihilogic
Sunday, February 22, 2009 3 comments HTML5 Canvas Cheat Sheet Labels: canvas My memory isn't very good and I often find myself looking up simple things in various specs but sometimes they're just too damn long-winded when you're simply looking for argument x of function y. That's where cheat sheets and reference cards come in handy with their compact, bare-bones information crammed into, at most,
JavaScript Canvasサンプル (gorogoronyan)
æ˜ åƒãªã©ã„ã‚ã„゠音楽ãªã©ã„ã‚ã„ã‚ æ€ã„ã¤ãã§ã¨ãã©ãè½æ›¸ã 2009/08/27 JavaScriptæ•™æã®ã‚µãƒ³ãƒ—ル・グラフ編 2009/08/18 JavaScript Canvasサンプル ã„ã‚ã„ã‚サンプル。 --------------------------------- 2008/12/15 ホームページを作り始ã‚ã¦ã¿ã‚‹ã€‚ 2009/08/05ï¼08/22 JavaScript ã¯å€‹äººçš„ã«ã‚ã¾ã‚ŠçŸ¥ã‚‰ãªã„言語ãªã‚“ã§ã€ã¡ã‚‡ã„ã¨ã“ã¡ã‚‰ã‚‚眺ã‚ã¦ã¿ã‚‹ã€‚ Canvas やグラフィクスã‚ãŸã‚Šã‚’眺ã‚ã¦ã¿ã‚‹ã€‚対象㯠Firefox 3.5。ã“ã¡ã‚‰ã¾ã 黎明ã®è©±ãªã®ã§ã€ä»–ã®ãƒ–ラウザã§å‹•ä½œã™ã‚‹ã‹ã©ã†ã‹ç¢ºèªã—ãªã„ã®ã§ã‚ã—ã‹ã‚‰ãšã€‚IE ã§ã¯å‹•ãã¾ã›ã‚“。Chrome ã‚„ Safari ãªã©ä»–ã®ãƒ–ラウザã§ã©ã†è¦‹ãˆã‚‹ã‹ï¼Ÿã€åŒã˜ã‚ˆã†ã«å®Ÿè¡Œã—ã¦ã„ã‚‹ã‹ï¼Ÿã®æ¯”較テストサンプルãらã„ã«æ€ã£ã¦ãã ã•ã„。 â—Žå‚考リンク
★HTML5リファレンス
山田太郎ã¯ã€ã‚¦ã‚§ãƒ–開発やグラフィックスプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã«10年以上ã®çµŒé¨“ã‚’æŒã¤ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã®å°‚門家ã§ã™ã€‚特ã«HTML5 Canvasã‚„JavaScriptã€ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–メディアã«ç²¾é€šã—ã¦ãŠã‚Šã€å‹•çš„ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚„最先端ã®ã‚¦ã‚§ãƒ–アプリケーションã®é–‹ç™ºã«æºã‚ã£ã¦ãã¾ã—ãŸã€‚複雑ãªå›³å½¢æ画や画åƒæ“作ã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ グラフィックスã«é–¢ã™ã‚‹çŸ¥è˜ãŒè±Šå¯Œã§ã€ã‚¦ã‚§ãƒ–技術ã®é™ç•Œã‚’追求ã™ã‚‹é–‹ç™ºè€…ãŸã¡ã«ã¨ã£ã¦é ¼ã‚Šã«ãªã‚‹å˜åœ¨ã§ã™ã€‚知è˜ã®å…±æœ‰ã«æƒ…熱をæŒã¡ã€åˆå¿ƒè€…ã‹ã‚‰ãƒ—ãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«ã¾ã§å¹…広ã支æ´ã™ã‚‹ãŸã‚ã€æŠ€è¡“フォーラムやブãƒã‚°ã«ã‚‚ç©æ¥µçš„ã«è²¢çŒ®ã—ã¦ã„ã¾ã™ã€‚
HTML5å…ˆå–ã‚Šï¼Canvasãªã‚‰Flashä¸è¦ã§çµµãŒæã‘ã‚‹ (1/3)
ç¾åœ¨ä¸»æµã®HTML 4.01ãŒå‹§å‘Šã•ã‚ŒãŸã®ãŒ1999å¹´12月。ãã®å¾Œã‚‚Webã¯é€²åŒ–ã—続ã‘ã€HTML+CSS+JavaScript（≒DHTML）ã§ã§ããªã„ã“ã¨ã¯Flashã‚„Silverlightã§è£œã†ã“ã¨ã§ã€ã•ã¾ã–ã¾ãªè¡¨ç¾ãŒå¯èƒ½ã«ãªã£ã¦ã„ã¾ã™ã€‚ãŸã¨ãˆã°ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æ“作ã§ç”»åƒã®ä½ç½®ãªã©ãŒå¤‰åŒ–ã™ã‚‹ã‚²ãƒ¼ãƒ ã‚„ã€åˆ»ã€…ã¨å¤‰åŒ–ã™ã‚‹ãƒ‡ãƒ¼ã‚¿ã‚’外部ãŒå–り込んã§å›³å½¢ã‚’æãæ ªå¼å¸‚å ´ã®ç›¸å ´ã‚°ãƒ©ãƒ•ã¯Flashを使ã†ã®ãŒä¸€èˆ¬çš„ã§ã™ãŒã€ã§ãã‚Œã°HTMLã‚„JavaScriptã ã‘ã§æ¸ˆã¾ã›ã¦ã—ã¾ã„ãŸã„ã‚‚ã®ã€‚ãã“ã§ä»Šå›žã¯ã€HTML5ã®æ–°æ©Ÿèƒ½ã€ŒCanvasã€ã‚’使ã„ã€Webページ上ã«JavaScriptã§å›³å½¢ã‚’æç”»ã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ Canvasã£ã¦ãƒŠãƒ‹ï¼Ÿ 2010å¹´ã®å‹§å‘Šã‚’目指ã—ã¦W3C（World Wide Web Consortium）ã§ç–定ä¸ã®HTML5ã§ã¯ã€ã€ŒCanvasã€ã¨ã„ã†æ–°ã—ã„HTMLè¦ç´ （タグ）ãŒè¿½åŠ ã•ã‚Œã‚‹
HTML5事始ã‚（２） ～Canvas～ ：e-Agency ECã®å‘³æ–¹ãƒ»è¦‹æ–¹
2010/05/31 HTML5事始ã‚（２） ～Canvas～ 今回ã¯ã€HTML5ã‹ã‚‰æŽ¡ç”¨ã•ã‚ŒãŸã€ã€ŒCanvasã€ã‚’å–り上ã’ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¾ãšã¯ã€åƒ•ãŒHTML5ã®ã‚µã‚¤ãƒˆã‚’探ã—ã¦ã„ã¦ã€ä¸€ç•ªå°è±¡ã«æ®‹ã£ã¦ã„ã‚‹ã‚‚ã®ã‚’ã”紹介ã—ã¾ã™ã€‚ 『HTML5 Canvas and Audio Experiment〠ã¡ã‚‡ã†ã©ã€Flashã‚„ProcessingãŒå‡ºå§‹ã‚ãŸã¨ãã«ã“ã†ã„ã£ãŸãƒšãƒ¼ã‚¸ã‚’よã見ã‹ã‘ã¾ã—ãŸãŒã€HTML5ã§ã‚‚ã“ã‚Œã»ã©ã®ã“ã¨ãŒå‡ºæ¥ã¡ã‚ƒã„ã¾ã™ï¼ ã“ã‚Œã¯ã€ä»Šå›žã®ãƒ†ãƒ¼ãƒžã§ã‚る「Canvasã€ã‚’使ã£ã¦ã„ã‚‹ãã†ã§ã™ã€‚ ã§ã¯ã€ã€ŒCanvasã€ã®å¯èƒ½æ€§ã‚’見ãŸã¨ã“ã‚ã§ã€ã€ŒCanvasã€ã«ã¤ã„ã¦èª¬æ˜Žã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Canvasã¨ã¯ã€ãƒ–ラウザ上ã«å›³ã‚’æããŸã‚ã®ã‚¿ã‚°ã§ã€ä»–ã«ç”»åƒã‚’æç”»ã—ãŸã‚Šã€æ–‡å—ã‚’æ画（Firefoxã®ã¿ç‹¬è‡ªãƒ¡ã‚½ãƒƒãƒ‰ã§å¯èƒ½ï¼‰ã—ãŸã‚Šã§ãã¾ã™ã€‚ Flashã§è¨€ã†ã¨ã“ã‚ã®ã€Œã‚¹ãƒ†ãƒ¼ã‚¸ã€ã®ã‚ˆ
Canvas - HTML5.JP
ã“ã®ã‚³ãƒ¼ãƒŠãƒ¼ã§ã¯ã€JavaScriptã‹ã‚‰å›³ã‚’æãã“ã¨ãŒã§ãã‚‹Canvasã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ Canvasã¨ã¯ Canvasã¨ã¯ä½•ã‹ã€ãã—ã¦Canvasã§ä½•ãŒã§ãã‚‹ã®ã‹ã‚’事例をè¸ã¾ãˆã¦åˆ†ã‹ã‚Šã‚„ã™ã解説ã—ã¾ã™ã€‚ Canvasã®ä½¿ã„æ–¹ 実際ã«ã€Canvasã‚’ã©ã†ã‚„ã£ã¦ä½¿ã„ã“ãªã™ã®ã‹ã‚’ã€ã‚µãƒ³ãƒ—ルを通ã—ã¦è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ ã„ã‚ã„ã‚ãªå›³å½¢ã‚’æã Canvasã§ã¯ç·šã‚’引ãã ã‘ã§ã¯ãªãã€ã•ã¾ã–ã¾ãªå›³å½¢ã‚’æããŸã‚ã®ãƒ¡ã‚½ãƒƒãƒ‰ã‚’用æ„ã—ã¦ã„ã¾ã™ã€‚ã“ã®ã‚³ãƒ¼ãƒŠãƒ¼ã§ã¯Canvasã§åˆ©ç”¨ã§ãる図形æç”»ã®ã„ãã¤ã‹ã‚’ã”紹介ã—ã¾ã™ã€‚ 色を指定ã™ã‚‹ ã“ã®ã‚³ãƒ¼ãƒŠãƒ¼ã§ã¯ã€Canvasã§æã図形ã«è‰²ã‚’指定ã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ã¾ãŸCanvasã§ã¯æŒ‡å®šã—ãŸè‰²ã«é€æ˜Žåº¦ã‚’与ãˆã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã®ã§ã€ãã®æ–¹æ³•ã«ã¤ã„ã¦ã‚‚紹介ã—ã¦ã„ãã¾ã™ã€‚ 線形グラデーションを指定ã™ã‚‹ ã“ã®ã‚³ãƒ¼ãƒŠãƒ¼ã§ã¯ã€Canvasã§æã„ãŸå›³å½¢ã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’指定ã™ã‚‹æ–¹æ³•
Flashã¯æ¯”ã¹ã‚ˆã†ã‚‚ãªã„ã»ã©HTML5より優れã¦ã„ã‚‹
アドビシステムズã¯Flashコンテンツã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å±•é–‹ãªã©ï¼Œæœ¬æ ¼çš„ã«Flashã®å¤šãƒ‡ãƒã‚¤ã‚¹ã¸ã®å¯¾å¿œã‚’強化ã—ã¤ã¤ã‚る。次期ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚ã‚‹Flash CS5ã®ç™ºè¡¨ã‚’2010å¹´ã«æŽ§ãˆï¼Œç±³ã‚¢ãƒ‰ãƒ“システムズ社ã§Flashã®ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒžãƒãƒ¼ã‚¸ãƒ£ãƒ¼ã‚’å‹™ã‚るリãƒãƒ£ãƒ¼ãƒ‰ãƒ»ã‚¬ãƒ«ãƒãƒ³æ°ã«ï¼Œã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã¨Flashã¨ã„ã†â€œãƒ“ッグカップルâ€ã®å°†æ¥ã«ã¤ã„ã¦èžã„ãŸã€‚（èžã手ã¯çŸ¢é‡Žã‚Šã‚“ï¼ãƒ©ã‚¤ã‚¿ãƒ¼ï¼‰ 次期Flash制作ツールã®Adobe Flash Professional CS5（以下Flash CS5）ã§iPhone用ãƒã‚¤ãƒ†ã‚£ãƒ–・アプリケーションを作æˆã§ãã‚‹ã¨ã„ã†è©±é¡ŒãŒå…ˆè¡Œã—ã¦ã„ã¾ã™ã。今回インタビュー用ã«ã”用æ„ã„ãŸã ã„ãŸãƒ¬ã‚¸ãƒ¥ãƒ¡ã«ã“ã®è©±é¡ŒãŒå«ã¾ã‚Œã¦ã„ãªã„ã®ã§ã™ãŒï¼Œãªãœã§ã™ã‹ï¼Ÿ 我々ã¯ç‰¹å®šã®ãƒ‡ãƒã‚¤ã‚¹ã«Flashã¨ã„ã†æŠ€è¡“ãŒå¯¾å¿œã™ã‚‹ã®ã ã¨æ€ã‚れるã®ã¯é¿ã‘ãŸã„ã¨è€ƒãˆã¦ã„ã¾ã™ã€‚特定ã®ãƒ‡ãƒã‚¤ã‚¹ã¸ãƒã‚¤ãƒ†ã‚£ãƒ–対応ã™ã‚‹ã“ã¨ã‚’
Thoughts on Flash - Apple
Apple has a long relationship with Adobe. In fact, we met Adobe’s founders when they were in their proverbial garage. Apple was their first big customer, adopting their Postscript language for our new Laserwriter printer. Apple invested in Adobe and owned around 20% of the company for many years. The two companies worked closely together to pioneer desktop publishing and there were many good times
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
uncontrol
http://www.designwalker.com/2009/11/html5.html
http://www.designwalker.com/2010/06/html5-template.html
Engadget | Technology News & Reviews
{{#tags}}- {{label}}
{{/tags}}