[B! html5] ytotoyã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ytotoy id:ytotoy

html5ã«é–¢ã™ã‚‹ytotoyã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (64)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

JavaScriptã§ãƒ•ã‚¡ã‚¤ãƒ«æ“ä½œï¼ï¼Ÿ File APIã‚’ä½¿ã„ã“ãªãã†
é€£è¼‰ç›®æ¬¡ è¿‘å¹´ã®Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ã¯ã€ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã‚„ãƒ†ã‚ã‚¹ãƒˆãƒ»ãƒ•ã‚¡ã‚¤ãƒ«ã€Officeãƒ•ã‚¡ã‚¤ãƒ«ã®ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã‚„ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã®ã‚„ã‚Šå–ã‚ŠãŒè¡Œã‚ã‚Œã‚‹ã“ã¨ãŒå¤šããªã£ã¦ãã¦ã„ã‚‹ï¼ˆä¾‹ãˆã°ã€Twitterä¸Šã§ã®ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«å…±æœ‰ã‚„Googleãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã§ã®Officeãƒ•ã‚¡ã‚¤ãƒ«ã®ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ãªã©ãŒãã‚Œã ï¼‰ã€‚ HTML5ã§ã¯ã€ãƒ•ã‚¡ã‚¤ãƒ«æ“ä½œã«é–¢ã™ã‚‹APIã¨ã—ã¦ã€ŒFile APIã€ãŒå®šç¾©ã•ã‚ŒãŸã“ã¨ã§ã€ãƒãƒ¼ã‚«ãƒ«ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ç›´æŽ¥ã€å–ã‚Šæ‰±ã†ã“ã¨ãŒå¯èƒ½ã¨ãªã£ãŸã€‚ã“ã‚Œã«ã‚ˆã£ã¦ã€Webã¨ãƒãƒ¼ã‚«ãƒ«ã®é•ã„ã‚’ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§æ„è˜ã—ãªã‘ã‚Œã°ãªã‚‰ãªã„å±€é¢ã‚‚å°‘ãªããªã‚‹ã€‚ ç¾åœ¨ã€File APIã¯ä»¥ä¸‹ã®3ç¨®é¡žã®ä»•æ§˜ãŒç–å®šã•ã‚Œã¦ã„ã‚‹ã€‚
ytotoy 2011/12/17
*ã‚ã¨ã§ã‚„ã£ã¦ã¿ã‚‹

javascript

html5

ãƒ•ã‚¡ã‚¤ãƒ«æ“ä½œ
ãƒªãƒ³ã‚¯
HTML5ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ã¨ãã«å½¹ç«‹ã¤10ã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«
æœ€è¿‘ã§ã¯ã™ã£ã‹ã‚ŠãŠãªã˜ã¿ã«ãªã‚Šã¤ã¤ã‚ã‚‹HTML5ã€‚ãƒ–ãƒ©ã‚¦ã‚¶ã®å•é¡Œã‚‚ã‚ã‚Šã€ã¾ã åºƒãã¯åˆ©ç”¨ã•ã‚Œã¦ã„ã¾ã›ã‚“ãŒã€å¾ã€…ã«ãã®ç¯„å›²ã‚’æ‹¡å¤§ã—ã¤ã¤ã‚ã‚Šã¾ã™ã€‚ä»Šæ—¥ç´¹ä»‹ã™ã‚‹ã®ã¯HTML5ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ã¨ãã«å½¹ç«‹ã¤10ã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã‚’ã¾ã¨ã‚ãŸã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€Œ10 online tools to simplify HTML5 codingã€ã§ã™ã€‚ Initializr æ§˜ã€…ãªHTML5ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«å½¹ç«‹ã¤WEBã‚µãƒ¼ãƒ“ã‚¹ã€ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆãªã©ãŒé›†ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ãŒã€ä»Šæ—¥ã¯ãã®ä¸ã‹ã‚‰å¹¾ã¤ã‹æ°—ã«ãªã£ãŸã‚‚ã®ã‚’ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã¦ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ è©³ã—ãã¯ä»¥ä¸‹ HTML5 Demos and Examples HTML5ã®ç‹¬è‡ªæ©Ÿèƒ½ã®Demoã‚’è©¦ã›ã‚‹ã‚µã‚¤ãƒˆIEã€firefoxã€operaã€safariã€Chromeã¨ãã‚Œãžã‚Œã®ãƒ–ãƒ©ã‚¦ã‚¶ã®å¯¾å¿œçŠ¶æ³ã‚’ãƒã‚§ãƒƒã‚¯ã§ãã¾ã™ã€‚ HTML5 Canvas Cheat Sheet â€“ Nih
ytotoy 2011/12/05
html5

ã¾ã¨ã‚

*ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
HTML5 ã®ã‚ªãƒ•ãƒ©ã‚¤ãƒ³æ©Ÿèƒ½ - å¼·ç«ã§é€²ã‚
Google Developer Day 2011ã«å‚åŠ ã—ã¾ã—ãŸã€‚ å‚åŠ ã—ãŸã‚»ãƒƒã‚·ãƒ§ãƒ³ã®ãƒ¡ãƒ¢ã‚’æ›¸ã„ã¨ãã¾ã™ã€‚ (è¿½è¨˜ 2012/01/14) Googleã‹ã‚‰å‹•ç”»ãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ http://www.youtube.com/watch?v=MY06xnSZyaw:moive â€»ã“ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã§è§£èª¬ã•ã‚ŒãŸå†…å®¹ã«ä¸€éƒ¨å¤‰æ›´ç‚¹ãŒã‚ã‚‹ã¨ã®ã“ã¨ãªã®ã§ã€ã“ã¡ã‚‰ã‚‚åˆã‚ã›ã¦å‚ç…§ä¸‹ã•ã„ã€‚ (è¿½è¨˜ã“ã“ã¾ã§) HTML5 ã®ã‚ªãƒ•ãƒ©ã‚¤ãƒ³æ©Ÿèƒ½(Eiji Kitamura) @agektmr æ±äº¬ - Google Developer Day 2011 http://www.google.com/intl/ja/events/developerday/2011/tokyo/agenda/session_1001.html ã‚¹ãƒ©ã‚¤ãƒ‰ å‹•çš„ãªãƒ‡ãƒ¼ã‚¿ã®ä¿å˜ Web Storage (localStorage / sess
ytotoy 2011/12/01
HTML5
ãƒªãƒ³ã‚¯
HTML5ã®ãƒ‘ãƒ³ããšãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã«ã¤ã„ã¦ | HTMLMEETING
ãƒˆãƒãƒ³ãƒˆã§ãƒ¯ãƒ¼ãƒ›ãƒªä¸ã®ã—ã¾ãˆã‚‹ã§ã™ã€‚ HTMLä¼šè°ã¯æ¯Žé€±æœ«ã®å¤œä¸ã«4äººã§ã²ã£ãã‚Šé–‹å‚¬ä¸ã§ã™ã€‚ã¨ã£ã¦ã‚‚æ¥½ã—ã„ï¼ å…ˆã€…é€±ã«ç››ã‚Šä¸ŠãŒã£ãŸå†…å®¹ã€HTML5ã§ã®ãƒ‘ãƒ³ããšã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®è©±ã‚’ã—ã¾ã™ã€‚ W3Cã®ã‚µã‚¤ãƒˆã‚’è¦‹ã‚‹ã¨ã“ã†æ›¸ã„ã¦ã¾ã™ã€‚ 2011å¹´10æœˆ5æ—¥æ™‚ç‚¹ã§ã®ã®Working Draftã‚’è¦‹ã¾ã—ãŸã€‚ 4.13.2 Bread crumb navigation This specification does not provide a machine-readable way of describing bread-crumb navigation menus. Authors are encouraged to just use a series of links in a paragraph. The nav element can be used to mark the section
ytotoy 2011/11/04
html5

ãƒ‘ãƒ³ããš
ãƒªãƒ³ã‚¯
HTML5+CSS3ã®å°Žå…¥æ™‚ã«å½¹ç«‹ã¤7ã¤ã®è¨å®š
ã“ã‚“ã«ã¡ã¯ã€é´¨ç”°ã§ã™ã€‚ å€‹äººçš„ã«ä»•äº‹ã®å¤§åŠã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³é–¢é€£ãªã®ã§ã€ æœ€è¿‘ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¯ã»ã¨ã‚“ã©å…¨ã¦HTML5+CSS3ã§è¡Œã£ã¦ã„ã¾ã™ã€‚ ã¨ã¯ã„ãˆã€PCå‘ã‘ã®ã‚µã‚¤ãƒˆã§ã¯ã¾ã ã¾ã HTML4.01ã€XHTML1.0ã€CSS2.1ã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹å ´åˆãŒå¤šã„ã¨æ€ã„ã¾ã™ã€‚ ã§ã™ã®ã§ã€ä»Šå›žã¯HTML5+CSS3ã‚’å°Žå…¥ã™ã‚‹ã«ã‚ãŸã£ã¦ã€å½¹ç«‹ã¤ã¨æ€ã†7ã¤ã®è¨å®šã«ã¤ã„ã¦ã€æ›¸ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ï¼‘ï¼ŽHTML5ã®åˆæœŸãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆæ¡ˆ <!DOCTYPEÂ html> <html> <head> <metaÂ charset=utf-8Â /> <title>HTML5Â åˆæœŸãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ</title>  <linkÂ rel="stylesheet"Â media="screen"Â href="reset.css"Â />  <metaÂ nam
ytotoy 2011/10/24
CSS3

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

*ã‚ã¨ã§èªã‚€

html5
ãƒªãƒ³ã‚¯
è‘—ä½œæ¨©æ”¾æ£„ãƒ»ã‚·ãƒ³ãƒ—ãƒ«ãƒ»è»½é‡ã§ã€iPhoneãªã©ã«ã‚‚ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’èª¿æ•´ã§ãã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³å¯¾å¿œã®HTML5ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãƒ»Fluid Baseline Grid - ã‹ã¡ã³ã¨.net
ãªã‹ãªã‹å‡„ã„ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒã‚ã£ãŸã®ã§ åå°„çš„ã«ãƒ¡ãƒ¢ã€‚ãƒ‘ãƒ–ãƒªãƒƒã‚¯ãƒ‰ãƒ¡ã‚¤ãƒ³ã¨ã„ã† ã®ãŒä½•ã‚ˆã‚Šå¤ªã£è…¹ã§ã™ããƒ¼ã€‚è‡ªç”±ã«ä½¿ç”¨ã§ ãã¦ã€ã‚·ãƒ³ãƒ—ãƒ«ã§æ±Žç”¨çš„ã€ã—ã‹ã‚‚è»½é‡ã§ iPhoneã‚„iPadã«ã‚‚ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’è‡ªå‹•èª¿æ•´ ã™ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³å¯¾å¿œã®HTML5 ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ ã“ã‚Œã€å‡„ãè‰¯ã„æ„Ÿã˜ã§ã™ã€‚ã„ã„ã‚‚ã®å…¨éƒ¨è©°ã‚è¾¼ã‚“ã ã€ã¿ãŸã„ãªã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ããƒ»ãƒ»ãƒ»ã¡ã‚ƒã‚“ã¨ä½¿ã„ã“ãªã›ã‚‹ã‚ˆã†ã«ãªã‚ŠãŸã„ã‹ã‚‚ã€‚ Media Queriesã‚’ä½¿ã£ãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³å¯¾å¿œã®CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚3ã‚«ãƒ©ãƒ æ§‹æˆã§çµ„ã‚ã‚‹ã‚ˆã†ã«ã‚‚ã—ã¦ã‚ã‚Šã¾ã™ã€‚ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¯HTML5+CSS3ã§ã™ãŒã€jsã‚’ä½¿ã£ã¦IEã«ã‚‚å¯¾å¿œã—ã¦ãã‚Œã¦ã„ã¾ã™ã€‚ ä»¥ä¸‹ã«ã–ã£ã¨ç‰¹å¾´ã‚’ã€‚ è‘—ä½œæ¨©æ”¾æ£„(ãƒ‘ãƒ–ãƒªãƒƒã‚¯ãƒ‰ãƒ¡ã‚¤ãƒ³) è»½é‡(CSSã¯9kb) ãƒ™ãƒ¼ã‚¹ãƒ©ã‚¤ãƒ³ã‚°ãƒªãƒƒãƒ‰ã«æƒæ¸ˆã¿ ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆå¯¾å¿œ iPhoneã‚„iPadãªã©ã«ã‚‚è‡ªå‹•ã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’
ytotoy 2011/09/26
html5

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
How To Enable HTML5 In Chrome | Robots.net
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest techno logies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
ytotoy 2011/09/25
html5

xhtml

*ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
How To Enable HTML5 In Chrome | Robots.net
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest techno logies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
ytotoy 2011/09/25
*ã‚ã¨ã§èªã‚€

html5

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ã‚µãƒ«ã§ã‚‚ã‚ã‹ã‚‹HTML5è¶…å…¥é–€
L'Ã©volution de la fonction publique et des principes qui la rÃ©gissent Le Premier ministre a saisi le Conseil Ã©conomique, social et environnemental (CESE) en vue dâ€™une rÃ©flexion prospective afin dâ€™identifier des pistes dâ€™avenir pour la fonction publique. AprÃ¨s deux mois dâ€™auditions et de concertation, le CESE qui rÃ©unit les principales composantes de la sociÃ©tÃ© civile, a construit ses recommandatio
ytotoy 2011/09/25
html5

*ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
XHTML1.0ã¨HTML5ã®é•ã„ã‚’ã‚¹ã‚¿ãƒã®ãƒšãƒ¼ã‚¸ã§ç´¹ä»‹ (1/6)
ã€ŒHTML5ã‚¿ã‚°ã®èª¤ç”¨ã§æ¥ã‚’ã‹ã„ãŸã€ã€Œåˆ†åŽšã„ä»•æ§˜æ›¸ã¯èªã¿åˆ‡ã‚Œãªã„ã€ã‚³ãƒ¼ãƒ€ãƒ¼ï¼†ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¬ã‚¤ãƒ‰ã€‚æœ€çµ‚è‰æ¡ˆã«å¯¾å¿œã—ãŸã»ã‹ã€å•†ç”¨ã‚µã‚¤ãƒˆã‚’æ„è˜ã—ãŸã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ä¾‹ã‚’æ–°ãŸã«æ›¸ãä¸‹ã‚ã—ã€‚HTML5ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¸ç§»è¡Œã™ã‚‹ãŸã‚ã«å¿…è¦ãªçŸ¥è˜ã‚’åŠ¹çŽ‡ã‚ˆãå¦ã¹ã‚‹1å†Šã§ã™ã€‚ãƒãƒƒãƒˆã§è©±é¡Œã®ã€ŒHTML5ã‚«ãƒ«ã‚¿ã€ä»˜ã! HTML5ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ— ç¾å ´ã§ä½¿ãˆã‚‹æœ€çŸæ”»ç•¥ã‚¬ã‚¤ãƒ‰ å®šä¾¡ï¼š2,808å†† ï¼ˆæœ¬ä½“2,600å††ï¼‰ï¼å½¢æ…‹ï¼šB5å¤‰ (240ãƒšãƒ¼ã‚¸) ISBNï¼š978-4-04-866070-9 HTML5ã¨å¾“æ¥ã®HTML4.01ã‚„XHTML1.0ã¨ã®é•ã„ã¯ã€æ—¢å˜ã®ã‚µã‚¤ãƒˆã‚’HTML5åŒ–ã—ã¦ã¿ã‚‹ã¨ç†è§£ã—ã‚„ã™ã„ã§ã—ã‚‡ã†ã€‚ä»Šå›žã¯ã€å®Ÿåœ¨ã™ã‚‹Webã‚µã‚¤ãƒˆã‚’HTML5ã«ï¼ˆå‹æ‰‹ã«ï¼‰ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ãªãŒã‚‰ã€HTML 4.01ã‚„XHTML 1.0ã¨ã®é•ã„ã‚’è§£èª¬ã—ã¾ã™ã€‚ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã ã‘ã‚’ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã™ã‚‹ã“ã¨ã¯å®Ÿå‹™ã§ã¯ã‚ã¾ã‚Šãªã„ã¨æ€ã„
ytotoy 2011/09/20
*ã‚ã¨ã§èªã‚€

html5

xhtml
ãƒªãƒ³ã‚¯
HTML5ã‚„css3ã‚’ä½¿ã†éš›ã«è¦‹ã¦ã‚‹ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹çš„ãªã‚µã‚¤ãƒˆã¨ã‹ã€ä½¿ã„å‹æ‰‹ã®è‰¯ã„ãƒ„ãƒ¼ãƒ«ã¨ã‹ - ã‹ã¡ã³ã¨.net
ã‚ã¾ã‚Šã«æƒ…å ±é‡ãŒå¤šãã¦æ··ä¹±ã—ã¦ããŸã®ã§ è‡ªåˆ†ç”¨ã«ã¾ã¨ã‚ã€‚ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã¨ã‹ã€ã¡ã‚ƒã‚“ã¨ å®Ÿè·µã§ä½¿ãˆã‚‹ãƒ„ãƒ¼ãƒ«ã‚’è‡ªåˆ†ãªã‚Šã«åŽ³é¸ã—ã¦ ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ã©ã†ã‚‚ã€ã‚ã£ã¡ã“ã£ã¡ã§ ã‚ã‚ŒãŒä¾¿åˆ©ã¨ã‹ã“ã‚ŒãŒä¾¿åˆ©ã ã¨ã‹è¨€ã‚ã‚Œã‚‹ ã¨è¨³ãŒåˆ†ã‹ã‚‰ãªããªã‚‹ã®ã§ãã‚ãã‚çµžã‚‰ãªã„ ã¨ã§ã™ãã€‚ ã¨ã„ã†ã‚ã‘ã§ãŠéŠã³ã§ã¯ãªãå®Ÿè·µã«å½¹ç«‹ã£ã¦ã‚‹åŸºæœ¬çš„ãªãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã¨ã‹åŠ©ã‘ã¦ãã‚Œã‚‹ãƒ„ãƒ¼ãƒ«ã®ãƒ¡ãƒ¢ãªã®ã§ç›®æ–°ã—ã„ã‚‚ã®ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚å®Œå…¨ã«è‡ªåˆ†ç”¨ã®ã¾ã¨ã‚ã§ã™ã€‚å€‹äººçš„ã«ã¯åŸºç¤Žç”¨ã®ã‚µã‚¤ãƒˆã¨ã€å®Ÿè·µå‘ã‘ã®ãƒ„ãƒ¼ãƒ«ã‚„ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã ã‘ã‚ã‚Œã°ã„ã„ã¨ã„ã†æ„Ÿã˜ã§ã™ã€‚ å°šã€css3/html5ã«é–¢ã™ã‚‹æƒ…å ±ã ã‘ã‚’æ±‚ã‚ã¦ã„ã‚‹&ç‰¹ã«æƒ…å ±å–å¾—ã«æ€¥ã„ã§ãªã„ãªã‚‰dotHTML5ã¨ã„ã†ã‚µã‚¤ãƒˆ1ã¤ã§äº‹è¶³ã‚Šã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ â€»W3Cã¯å‰²æ„›ã§ã„ã„ã§ã™ã‚ˆã ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã¨ã‹ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã ã‘ã§åŸºæœ¬çš„ã«ã¯ã„ã„æ„Ÿã˜ã§ã™ã‹ããƒ»ãƒ» HTML5 ã‚¿ã‚°ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚‚ã¾ã¾ãªã‚‰ãªã„ã»ã©æ…£ã‚Œã¦ãª
ytotoy 2011/09/20
*ã‚ã¨ã§èªã‚€

html5

css3

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ãµã¤ã†ã®ãƒ¦ãƒ¼ã‚¶ãŒçŸ¥ã‚‰ãªã„HTML5ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ„ãƒ¼ãƒ«10é¸ - YAMAGUCHI::weblog
ã¯ã˜ã‚ã« ã“ã‚“ã«ã¡ã¯ã€Pythonç•Œã®æƒ…å¼±ã§ã™ã€‚ä»Šæ—¥ã¯Chrome+HTML5 Conferenceã®ãŠæ‰‹ä¼ã„ã«æ¥ã¦ã¾ã™ã€‚ã„ã¾ã¾ã§å…¨ãè§¦ã‚Œã¦ã“ãªã‹ã£ãŸä¸–ç•Œã§ã™ãŒã€çµæ§‹HTML5ã¯XMLã®ã‚ˆã†ã«ã‚»ãƒžãƒ³ãƒ†ã‚£ã‚¯ã‚¹ã«é‡ç‚¹ã‚’ç½®ã„ã¦ã‚‹ã‚“ã§ã™ãã€‚CSS3ã‚‚å‹•çš„ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ç°¡å˜ã«ã‹ã‘ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ã‚‹ã—ã€ã¨ã¦ã‚‚ã„ã„ã§ã™ãã€‚ ã•ã¦ã€YouTube Live Streamã®ãŠæ‰‹ä¼ã„ã—ãªãŒã‚‰RSSè¦‹ã¦ãŸã‚‰ã€ã¡ã‚‡ã†ã©ä»Šæ—¥ã®ãƒ†ãƒ¼ãƒžã«æ²¿ã£ãŸã‚¨ãƒ³ãƒˆãƒªãŒdiggã§ç´¹ä»‹ã•ã‚Œã¦ãŸã®ã§ã€ç¿»è¨³ã—ã¾ã—ãŸã€‚ 10 Excellent HTML5 coding Tools Many Users Donâ€™t Know About 10 Excellent HTML5 coding Tools Many Users Donâ€™t Know About ï¼ˆã‚ªãƒªã‚¸ãƒŠãƒ«ï¼‰ HTML5ã¯ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ä½œæˆæ–¹æ³•ã‚’æ ¹æœ¬ã‹ã‚‰å¤‰ãˆã‚‹ã“ã¨ã«ãªã‚‹ã§ã—ã‚‡ã†ã€‚
ytotoy 2011/09/20
HTML5

*ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
ãã‚ãã‚å®Ÿç”¨ãƒ¬ãƒ™ãƒ«ã€‚Webãƒ™ãƒ¼ã‚¹ã€HTML5è£½ã®ãƒžã‚¤ãƒ³ãƒ‰ãƒžãƒƒãƒ—Â·mindmaps MOONGIFT
mindmapsã¯HTML5ã§ä½œã‚‰ã‚ŒãŸãƒžã‚¤ãƒ³ãƒ‰ãƒžãƒƒãƒ—ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã€‚ãƒ‰ãƒ©ãƒƒã‚°ã§ã®ãƒŽãƒ¼ãƒ‰ç§»å‹•ã€ã‚«ãƒ©ãƒ¼å¤‰æ›´ã«å¯¾å¿œã€‚ mindmapsã¯HTML5/JavaScriptè£½ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã€‚è‰²ã€…ãªæƒ…å ±ãŒé£›ã³è¾¼ã‚“ã§ãã¦ã€ãªã‹ãªã‹è€ƒãˆãŒã¾ã¨ã¾ã‚‰ãªã„æ™‚ã«ãŠå‹§ã‚ãªã®ãŒãƒžã‚¤ãƒ³ãƒ‰ãƒžãƒƒãƒ—ã ã€‚æƒ…å ±ã‚’ã‚«ãƒ†ã‚´ãƒªã«åŸºã¥ã„ã¦åˆ†é¡žã—ã¦ã„ã‘ã°ã€é ã®ä¸ãŒã™ã£ãã‚Šã—ã¦åˆ¥ãªã‚¢ã‚¤ãƒ‡ã‚£ã‚¢ãŒæ¹§ã„ãŸã‚Šã€åºƒãŒã£ã¦ã„ãã ã‚ã†ã€‚ ä½œæˆç”»é¢ ãƒžã‚¤ãƒ³ãƒ‰ãƒžãƒƒãƒ—ã¨è¨€ãˆã°FreeMindãŒæœ€ã‚‚æœ‰åã‹ã‚‚ã—ã‚Œãªã„ã€‚ã ãŒæ™‚ä»£ã¯Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³åŒ–ãŒé€²ã‚“ã§ã„ã‚‹ã®ã ã€‚ãã‚“ãªä¸æ³¨ç›®ã—ãŸã„ã®ãŒHTML5è£½ã®ãƒžã‚¤ãƒ³ãƒ‰ãƒžãƒƒãƒ—ã€mindmapsã ã€‚ mindmapsã¯ä¸å¤®ã«ãƒŽãƒ¼ãƒ‰ãŒã‚ã‚‹çŠ¶æ…‹ã‹ã‚‰ã¯ã˜ã¾ã‚‹ãƒžã‚¤ãƒ³ãƒ‰ãƒžãƒƒãƒ—ã§Tabã‚ãƒ¼ã‚’æŠ¼ã™ã¨åãƒŽãƒ¼ãƒ‰ãŒä½œæˆã•ã‚Œã‚‹ã€‚å…„å¼ŸãƒŽãƒ¼ãƒ‰ã‚’ä½œæˆã™ã‚‹ã«ã¯ä¸€æ—¦è¦ªãƒŽãƒ¼ãƒ‰ã«æˆ»ã£ã¦å†åº¦ã‚¿ãƒ–ã‚’æŠ¼ã™å¿…è¦ãŒã‚ã‚‹ã‚ˆã†ã ã€‚ãƒŽãƒ¼ãƒ‰åŒå£«ã‚’ã¤ãªãç·šã¯è‡ªå‹•çš„
ytotoy 2011/09/16
ãƒžã‚¤ãƒ³ãƒ‰ãƒžãƒƒãƒ—

mindmap

webã‚µãƒ¼ãƒ“ã‚¹

html5

*ã‚ã¨ã§ã‚„ã£ã¦ã¿ã‚‹
ãƒªãƒ³ã‚¯
è¦‹è½ã¨ã—ãŒã¡ãªHTML5ã§å¤‰æ›´ã•ã‚ŒãŸè¦ç´ ã„ã‚ã„ã‚
è¦‹è½ã¨ã—ãŒã¡ãªHTML5ã§å¤‰æ›´ã•ã‚ŒãŸè¦ç´ ã„ã‚ã„ã‚HTML5ã‚’å‹‰å¼·ã—ã¦ã„ã¦ã€section, nav, header, footerãªã©ã®æ–°ã—ãè¿½åŠ ã•ã‚ŒãŸè¦ç´ ã«ã¤ã„ã¦èª¬æ˜Žã—ã¦ã„ã‚‹è¨˜äº‹ã¯ã‚ˆãè¦‹ã‹ã‘ã‚‹ã®ã§ã™ãŒã€HTML5ã§å¤‰æ›´ã•ã‚ŒãŸè¦ç´ ã«ã¤ã„ã¦è§¦ã‚Œã¦ã„ã‚‹è¨˜äº‹ãŒå°‘ãªã„ã‚ˆã†ã«æ„Ÿã˜ãŸã®ã§ã€ã‚ˆãä½¿ã†ã‚‚ã®ã‚’ä¸å¿ƒã«ã¡ã‚‡ã£ã¨ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚æ—¢å˜ã®Webã‚µã‚¤ãƒˆã‚’HTML5åŒ–ã™ã‚‹æ™‚ã¯ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„å†…ã«å¤‰æ›´ã•ã‚ŒãŸãƒ»ã¾ãŸã¯å»ƒæ¢ã•ã‚ŒãŸè¦ç´ ãŒãªã„ã‹ç¢ºèªã™ã‚‹ã“ã¨ã‚‚å¤§åˆ‡ã§ã™ãï¼ HTML5 ã®åŸºæœ¬ã¯ã“ã“ã‹ã‚‰ãŠå‹‰å¼·ï¼ã€Œã¨ã“ã‚ã§ HTML5 ã£ã¦ãªã«ï¼Ÿã€ã¨ã„ã†æ–¹ã¯ã€ã¾ãšã¯ä»¥ä¸‹ã®è¨˜äº‹ã‚’èªã‚“ã§ã¿ã¦ãã ã•ã„ã€‚ã“ã®ã‚ˆã†ã« HTML5 ã®åŸºæœ¬ã«ã¤ã„ã¦è§£èª¬ã—ã¦ã„ã‚‹è¨˜äº‹ã¯ãŸãã•ã‚“ã‚ã‚‹ã®ã§ã€è©³ã—ã„èª¬æ˜Žã¯ä»Šå›žã¯ç«¯æŠ˜ã‚‰ã›ã¦é ‚ãã¾ã™ã€‚å¤‰æ›´ç‚¹ã®ã¿ã«ç„¦ç‚¹ã‚’å½“ã¦ã¾ã™ã‚ˆï¼ Web ã® 3 ã¤ã®å•é¡Œã‚’è§£æ±ºã™ã‚‹ã€ŒHTML5ã€ã¨ã¯ä½•ãªã®ã‹HTML4 ã‹ã‚‰å¤‰åŒ–ã—ãŸ H
ytotoy 2011/09/07
html5
ãƒªãƒ³ã‚¯
HTML5ã¨ã„ã†è¨€è‘‰ã«åœ§å€’ã•ã‚Œæ°—å‘³ã®æ–¹ã¸ã®ã€HTML5å…¥é–€ | Ext Japan Blog
ã“ã®è¨˜äº‹ã¯5/23ã«æŽ²è¼‰ã•ã‚ŒãŸã€ŒA HTML5 Primer for the Overwhelmedã€ã‚’è¨³ã—ãŸã‚‚ã®ã§ã™ HTML5ãŒã‚°ãƒ¼ã‚°ãƒ«ã‚„ã‚¢ãƒƒãƒ—ãƒ«ã«ã‚ˆã‚Šã€ãƒªãƒƒãƒã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ï¼ˆRIAï¼‰ã®ãŸã‚ã®ã‚½ãƒªãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã—ã¦å¼·åŠ›ã«ã‚µãƒãƒ¼ãƒˆã•ã‚Œå§‹ã‚ãŸçµæžœã€HTML5ã¨ã„ã†è¨€è‘‰ãŒãƒã‚¹ãƒ¯ãƒ¼ãƒ‰åŒ–ã—ã¦ã„ã¾ã™ï¼ˆç‰¹ã«Google I/Oä»¥é™ï¼‰ã€‚ãã—ã¦ã€HTML5ã¨ã„ã†è¨€è‘‰ãŒåºƒãæµå¸ƒã™ã‚‹ã«ã—ãŸãŒã£ã¦ã€ãã®è¨€è‘‰æœ¬æ¥ã®æ„å‘³ã¨ã¯é•ã†æ„å‘³ã§ä½¿ã‚ã‚Œå§‹ã‚ã¦ã„ã‚‹ã“ã¨ã‚‚ã€é©šãã§ã¯ãªããªã£ã¦ã„ã¾ã™ã€‚ã€ŒHTML5ã®çµŒé¨“ãŒã‚ã‚‹ã“ã¨ã€ãŒæŽ¡ç”¨æ¡ä»¶ã¨ãªã£ã¦ã„ã‚‹ã‚ˆã†ãªæŽ¡ç”¨æƒ…å ±ã‚‚æ—¢ã«å˜åœ¨ã—ã¾ã™ã—ã€ã‚·ãƒ³ãƒ—ãƒ«ãªJavaScriptã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚CSS3ã«ã‚ˆã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚ã²ã£ãã‚‹ã‚ã¦HTML5ã®ã‚µãƒ³ãƒ—ãƒ«ã¨ã—ã¦ç´¹ä»‹ã•ã‚Œã¦ã„ãŸã‚Šã—ã¾ã™ã€‚Â ã¡ã‚‡ã†ã©00å¹´ä»£ä¸é ƒã«ã€Œæ¬¡ä¸–ä»£ã®Webé–‹ç™ºã€ã‚’æŒ‡ã™ãƒã‚ºãƒ¯ãƒ¼ãƒ‰ã¨ã—ã¦ã€ŒAJAXã€ã‚„ã€ŒWeb2.0ã€
ytotoy 2011/09/01
*ã‚ã¨ã§èªã‚€

html5
ãƒªãƒ³ã‚¯
HTML5ãƒ™ãƒ¼ã‚¹ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãªãƒžã‚¤ãƒ³ãƒ‰ãƒžãƒƒãƒ—ä½œæˆãƒ„ãƒ¼ãƒ«ã€Œmindmapsã€:phpspoté–‹ç™ºæ—¥èªŒ
mindmaps HTML5ãƒ™ãƒ¼ã‚¹ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãªãƒžã‚¤ãƒ³ãƒ‰ãƒžãƒƒãƒ—ä½œæˆãƒ„ãƒ¼ãƒ«ã€Œmindmapsã€ ãƒžã‚¤ãƒ³ãƒ‰ãƒžãƒƒãƒ—ãƒ„ãƒ¼ãƒ«ã‚‚è‰²ã€…ã‚ã‚Šã¾ã™ãŒã€HTML5ãƒ™ãƒ¼ã‚¹ã§ã€ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã‚‚çµæ§‹ã‚¤ã‚±ã¦ã‚‹ãƒ„ãƒ¼ãƒ«ã®ç´¹ä»‹ã€‚ã‚½ãƒ¼ã‚¹ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚‚å¯èƒ½ã§ã™ã€‚ é …ç›®ã‚’ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã™ã‚‹ã¨èµ¤ã„ä¸¸ãŒå‡ºã‚‹ã®ã§ãã‚Œã‚’ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§ãƒ„ãƒªãƒ¼ã‚’ã©ã‚“ã©ã‚“åºƒã’ã¦ã„ã‘ã‚‹ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã‚‚ä½¿ã„ã‚„ã™ã„ã§ã™ã€‚ ãƒžã‚¦ã‚¹ãƒ›ã‚¤ãƒ¼ãƒ«ã§ãƒžã‚¤ãƒ³ãƒ‰ãƒžãƒƒãƒ—è‡ªä½“ã®æ‹¡å¤§ãƒ»ç¸®å°ãŒå¯èƒ½ã§ã€ç´°ã‹ã„ã¨ã“ã‚ã«ã‚‚é…æ…®ãŒã•ã‚Œã¦ã„ã¾ã™ã€‚ Chromeã§ã‚ã‚Œã°ã‚µã‚¯ã‚µã‚¯å‹•ã„ã¦ã€æœ¬æ¥ã®ç›®çš„ã§ã‚ã‚‹æ€è€ƒã«é›†ä¸ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã§ã—ã‚‡ã†ã€‚ ãƒ„ãƒªãƒ¼ã®æŠ˜ã‚ŠãŸãŸã¿ãªã‚“ã‹ã‚‚ã§ãã¡ã‚ƒã„ã¾ã™ã€‚ ã‚½ãƒ¼ã‚¹ã¯ã“ã¡ã‚‰ã®githubã«ã¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰å¯èƒ½
ytotoy 2011/09/01
*ã‚ã¨ã§èªã‚€

*ã‚ã¨ã§ã‚„ã£ã¦ã¿ã‚‹

ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹

ãƒžã‚¤ãƒ³ãƒ‰ãƒžãƒƒãƒ—

html5
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ï¼Ÿ Web Storageã‚’ä½¿ã„ã“ãªãã†
é€£è¼‰ç›®æ¬¡ â– Web Storageã®æ¦‚è¦ã¨æ´»ç”¨ä¾‹ æ—§æ¥ï¼ˆï¼HTML 4.1ä»¥å‰ï¼‰ã®Webãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯ã€eã‚³ãƒžãƒ¼ã‚¹ãƒ»ã‚µã‚¤ãƒˆã®ã‚«ãƒ¼ãƒˆæƒ…å ±ã‚„ãƒã‚°ã‚¤ãƒ³çŠ¶æ…‹ã®ç®¡ç†æƒ…å ±ãªã©ã®ãƒ‡ãƒ¼ã‚¿ã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã«ä¿å˜ã™ã‚‹ä»•çµ„ã¿ã¨ã—ã¦ã€å¤§åŠã®Webã‚µã‚¤ãƒˆã§ã¯ã‚¯ãƒƒã‚ãƒ¼ã‚’åˆ©ç”¨ã—ã¦ã„ãŸã€‚ã—ã‹ã—ã€ã‚¯ãƒƒã‚ãƒ¼ã§ã¯ã€ä¿å˜å®¹é‡ãŒ4KBytesã¾ã§ã§ã‚ã‚‹ã“ã¨ã‚„ã€ã™ã¹ã¦ã®ãƒªã‚¯ã‚¨ã‚¹ãƒˆã«å¯¾ã—ã¦ã‚µãƒ¼ãƒã«ãƒ‡ãƒ¼ã‚¿ã‚’è‡ªå‹•ã§é€ä¿¡ã™ã‚‹ãŸã‚ã€å®¹é‡åˆ¶é™ã‚„ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£å¯¾ç–ã«æ‚©ã¾ã•ã‚Œã‚‹ã“ã¨ã‚‚å¤šãã‚ã£ãŸã€‚ HTML5ã§ã¯ã€ã‚¯ãƒƒã‚ãƒ¼ã«ä»£ã‚ã‚‹ãƒ‡ãƒ¼ã‚¿ä¿å˜ã®ä»•çµ„ã¿ã¨ã—ã¦ã€ã€ŒWeb Storageã€ã¨å‘¼ã°ã‚Œã‚‹æ©Ÿèƒ½ã‚’åˆ©ç”¨ã§ãã‚‹ã€‚Web Storageã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶å´ã§Key-Valueåž‹ã§ãƒ‡ãƒ¼ã‚¿ã‚’ä¿å˜ã™ã‚‹æ©Ÿèƒ½ã®ã“ã¨ã§ã€ç¾åœ¨ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã‚’å–ã‚Šå›²ã‚€ç’°å¢ƒã«å¯¾å¿œã—ãŸã€Œã‚¯ãƒƒã‚ãƒ¼ã®å¾Œç¶™æŠ€è¡“ã€ã¨ã‚‚ã„ãˆã‚‹ã€‚ Web Storageã¨ã‚¯ãƒƒã‚ãƒ¼ã®æ©Ÿèƒ½ã®å·®ç•°ã¯ã€ä»¥ä¸‹ã®è¡¨ã®ã¨ãŠã‚Šã ã€‚
ytotoy 2011/08/13
html5

Web Storage
ãƒªãƒ³ã‚¯
HTML5 ã«ãŠã‘ã‚‹ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ã«é–¢ã—ã¦ç°¡å˜è§£èª¬
æœ€è¿‘ã€ãƒ¨ãƒ¢ãƒ„ãƒãƒƒãƒˆã•ã‚“ã§ ã€ŒHTML5 ã§ã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã®èª¤ç”¨ã«ã”æ³¨æ„ã€ ãªã‚“ã¦è¨˜äº‹ãŒå‡ºã¦ãŸã‚Šã€ã¡ã‚‡ã†ã© HTML5 Doctor ã§ã‚‚ ã€ŒDocument Outlinesã€ ã¨é¡Œã—ã¦ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ã®è§£èª¬è¨˜äº‹ãŒä¸ŠãŒã£ã¦ãŸã‚Šã™ã‚‹ã®ã§ã€ã“ã® ã€Œã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ã€ ã«ã¤ã„ã¦ç°¡å˜ã«ã¾ã¨ã‚ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚è§£èª¬ã£ã¦è¨€ã†ã»ã©å‰ãã†ãªã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒãªã‚‹ã¹ãã‚ã‹ã‚Šã‚„ã™ãæ›¸ã„ã¦ã¿ã‚ˆã†ã‹ã¨ã€‚ ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ã‚’ç†è§£ã™ã‚‹ã“ã¨ã¯ã€HTML5 ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹éš›ã«ã¨ã¦ã‚‚é‡è¦ã«ãªã‚Šã¾ã™ã®ã§è¦šãˆã¦ãŠãã¨ã‚ˆã„ã¨æ€ã„ã¾ã™ã‚ˆã€‚ ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ã¨ã¯ï¼Ÿ ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ã¨ã¯è¦‹å‡ºã—ã€ãƒ•ã‚©ãƒ¼ãƒ ã‚¿ã‚¤ãƒˆãƒ«ã€ãƒ†ãƒ¼ãƒ–ãƒ«ã‚¿ã‚¤ãƒˆãƒ«ã€ãã®ä»–ãƒ©ãƒ™ãƒ«ä»˜ã‘ã•ã‚ŒãŸè¦ç´ ã«ã‚ˆã£ã¦ç”Ÿæˆã•ã‚Œã‚‹æ–‡æ›¸æ§‹é€ ã®ã“ã¨â€¦ãªã‚“ã¦æ›¸ãã¨ã¨ã¦ã‚‚é›£ã—ãã†ã§ã™ãŒã€å¾“æ¥ã® (X)HTML ã§ã‚‚è¦‹å‡ºã—è¦ç´ ã®ãƒ¬ãƒ™ãƒ«ã‚’ä½¿ã„åˆ†ã‘ã‚‹ã“ã¨ã§æ–‡æ›¸æ§‹é€ ã‚’ç¤ºã™ã¨ã„ã†ã®ã‚’ã‚„ã£ã¦ã„ãŸã¨æ€ã„ã¾ã™ã€‚ä¾‹ãˆã°ã€ ä¿ºã®æ—¥è¨˜
ytotoy 2011/08/06
*ã‚ã¨ã§èªã‚€

html5
ãƒªãƒ³ã‚¯
èˆˆå‘³æ·±ã„ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’å¤šã€…å–ã‚Šå…¥ã‚Œã¦ã„ã‚‹HTML5+CSS3ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ -Gridless
å½“ã‚µã‚¤ãƒˆã®è¨˜äº‹ã§ã‚‚å–ã‚Šä¸Šã’ã¦ã„ã‚‹æ•°ã€…ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’å–ã‚Šå…¥ã‚Œã¦ã„ã‚‹ã€IE6/7ã«ã‚‚å¯¾å¿œã—ãŸHTML5+CSS3ãƒ™ãƒ¼ã‚¹ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Gridless [ad#ad-2] Gridlessã®ä¸»ãªç‰¹å¾´ CSSã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºã«æœ€é©ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å®Ÿç¾ã—ã¾ã™ã€‚ å‚è€ƒï¼šMedia Queriesã‚’ã—ã£ã‹ã‚Šèº«ã«ã¤ã‘ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œï¼ˆIE6/7ã‚‚å«ã‚€ï¼‰ CSS Resetã«ã¯ã€Normalize CSSã‚’ä½¿ç”¨ã€‚ å‚è€ƒï¼šãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ãƒªã‚»ãƒƒãƒˆã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ -Normalize CSS é»„é‡‘æ¯”ã‚’ãƒ™ãƒ¼ã‚¹ã«ã—ãŸã‚µã‚¤ã‚ºã¨ç¸¦ã®ãƒªã‚ºãƒ ã‚’ä½¿ã£ãŸã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã€‚ å°åˆ·æ™‚ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ãƒ—ãƒªãƒ³ãƒˆæ™‚ã«æœ€é©åŒ–ã€‚ ã‚ãƒ£ãƒƒã‚·ãƒ¥ã®æœ€é©åŒ–ã€‚ HTML5+CSS3ã®æŽ¡ç”¨ã€‚ å®‰å…¨ãªCSS Hackã€‚ å‚è€ƒï¼šIE9å¯¾å¿œã€IEã®å„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã”ã¨ã«ç•°ãªã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’é©ç”¨ã™ã‚‹æ–¹æ³•ã®ã¾ã¨ã‚
ytotoy 2011/07/24
ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

CSS3

html5
ãƒªãƒ³ã‚¯
ã¾ãšã¯è¦‹ãŸç›®ã§ã€‚HTML5è£½ã®ä¸Šå“ãªãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³Â·Landslide MOONGIFT
Landslideã¯ãƒ†ã‚ã‚¹ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã‚’HTMLãƒ™ãƒ¼ã‚¹ã®ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã«å¤‰æ›ã™ã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã€‚ Landslideã¯Python/HTML5è£½ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã€‚æœ€è¿‘ã¯HTMLã«ã‚ˆã‚‹ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ä½œæˆã‚‚è¦‹ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ããŸã€‚HTMLã®æ–¹ãŒè¡¨ç¾åŠ›ãŒé«˜ãã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®è‡ªç”±åº¦ã‚‚ã‚ã‚‹ãŸã‚ã«æ ¼å¥½ã„ã„ã‚‚ã®ãŒå¤šã„ã€‚ç”»ä¸€çš„ãªãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã¯é£½ãã¦ã—ã¾ã†ã€‚ ã‚¹ãƒ©ã‚¤ãƒ‰ ã ãŒçš†ãŒä½¿ã„å§‹ã‚ã‚‹ã¨ã€ã‚ˆã‚Šäººã¨é•ã£ãŸã‚‚ã®ã‚’ä½¿ã„ãŸããªã‚‹ã®ãŒå¸¸ã ã‚ã†ã€‚ãã“ã§æ–°ã—ã„HTMLãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚ã‚‹Landslideã‚’ç´¹ä»‹ã—ã‚ˆã†ã€‚HTML5ã‚’ä½¿ã£ãŸã‚¯ãƒ¼ãƒ«ãªãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ãŒå®Ÿç¾ã™ã‚‹ã€‚ Landslideã¯å‰å¾Œã®ã‚¹ãƒ©ã‚¤ãƒ‰ãŒå·¦å³ã«è¡¨ç¤ºã•ã‚Œã‚‹ã‚¿ã‚¤ãƒ—ã®ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã ã€‚ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã¯Markdownã¾ãŸã¯ReStructuredTextã§è¨˜è¿°ã—ã¦ã€ãã‚Œã‚’Landslideã‚³ãƒžãƒ³ãƒ‰ã§å¤‰æ›ã™ã‚‹ã€‚ã•ã‚‰ã«PDFã¸ã®
ytotoy 2011/07/24
ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³

HTML5
ãƒªãƒ³ã‚¯
1 2 3 4 æ¬¡ã®ãƒšãƒ¼ã‚¸