[B! HTML5] futomoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

futomo id:futomo

HTML5ã«é–¢ã™ã‚‹futomoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (28)

${{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}}

é–“å£ä¸€å°± ã¾ãã¡ã‹ãšãªã‚Šã®ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆ
Q.ãƒãƒ¼ã‹ã‚‰ãŠé£Ÿäº‹å‡¦ã¸ã€ãã—ã¦ç¾åœ¨ã¯ã€Œç´”å–«èŒ¶ã€ã¸ã¨é€²åŒ–ï¼ï¼Ÿ åéŸ¿ã¯ã©ã†ã§ã™ã‹ï¼ŸNew ã¾ãšã¾ãšã®åéŸ¿ã‹ãªï¼Ÿãƒãƒƒã‚¯ãƒ•ã‚£ãƒƒã‚·ãƒ¥ã¯ãŠé…’ãŒãªãã¦ã‚‚æ¥½ã—ã‚ã‚‹ã‚ˆã€‚å¡©ã£ã±ã„ãŠã¤ã¾ã¿ã¯å‡ºã›ãªã„ã‘ã©ã€ãƒ”ã‚¶ã¨ã‹ã‚µãƒ³ãƒ‰ã‚¦ã‚£ãƒƒãƒã¨ã‹ã€ã¡ã‚‡ã„ã¨ã²ãã‚Šã®ã‚ã‚‹è»½é£Ÿã‚¹ãƒŠãƒƒã‚¯ã‚ã‚‹ã‚ˆã€‚ Q.3ç¨®é¡žã®ãƒŽãƒ³ã‚¢ãƒ«ã‚³ãƒ¼ãƒ«ã‚«ã‚¯ãƒ†ãƒ«ã‚‚é–‹ç™ºã—ãŸã‚“ã§ã™ãï¼ŸNew ã“ã®ä¸–ç•Œã ã¨ã€ãƒŽãƒ³ã‚¢ãƒ«ã‚«ã‚¯ãƒ†ãƒ«ã¯å½“ãŸã‚Šå‰ã§ã€20ä»£ã®æ™‚ã«ã„ã£ã±ã„ã¤ãã£ãŸã‚ˆã€‚ã ã‹ã‚‰ãã‚“ãªã«å›°ã‚‰ãšã«ä½œã£ãŸã‚ˆã€‚ å‡ºè¡€å¤§ã‚µãƒ¼ãƒ“ã‚¹ã ï¼ãˆã„ï¼ ç´”å–«èŒ¶ã‹ã•ã”ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ ãƒ¢ã‚¯ãƒ†ãƒ« ã‚ã®ãƒã‚¤ãƒœãƒ¼ãƒ«ï¼š900å†† (å®Œæˆåº¦é«˜ã—ï¼å‘‘ã¾ãªã„ã¨ãƒ¼ï¼) ãƒ“ã‚¿ãƒ¼ãƒ«ï¼š900å†† (è‹¦å‘³ã‚’è¶³ã—ãŸãƒ“ãƒ¼ãƒ«é¢¨) ã‚¸ãƒ³ã‚¸ãƒ£ãƒ¼ãƒªãƒƒã‚ãƒ¼ï¼š900å†† (ã”ãã”ãå‘‘ã‚ã¡ã‚ƒã†ãƒ¬ãƒ¢ãƒ³ã¨ç”Ÿå§œå‘³) ãŠé£Ÿäº‹ å£ºæ¼¬ã‘ã®ãƒ”ã‚¶ï¼š900å†† (ã‚“ï¼Ÿï¼Ÿã¨æ€ã„ã¾ã™ãŒã¨ã£ã¦ã‚‚ç¾Žå‘³) ã‚³ãƒ³ãƒ“ãƒ¼ãƒ•ã®ãƒ”ã‚¶ãƒˆãƒ¼ã‚¹ãƒˆï¼š900å†† (ã‚³ãƒãƒ¥ã‚¸ãƒ£ãƒ³ãƒˆãƒžãƒˆã§ã•ã£ã±ã‚Š) ãƒãƒ¼ã‚º
futomo 2011/10/12
ã“ã‚Œã¯ã™ã”ã„ãªâ€¦ï¼æ¨ªé•·ã§å„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒãšã‚‰ã£ã¨ã€å¹…å¤§å°ãˆã‚‰ã¹ã¦ãã‚Œãžã‚Œã‚¹ã‚¯ãƒãƒ¼ãƒ«å¯èƒ½ã€‚

color-ç™½

color-ãƒžãƒ«ãƒã‚«ãƒ©ãƒ¼

CtoC

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
futomo 2011/09/16
å‚è€ƒ-ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

HTML5
ãƒªãƒ³ã‚¯
å‰µé€ åŠ›ã¨éŠã³å¿ƒãŒãã™ãã‚‰ã‚Œã‚‹HTML5ã§ã¤ãã‚‰ã‚ŒãŸã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ã¾ã¨ã‚
HTML5ã§ã¤ãã‚‰ã‚ŒãŸåˆºæ¿€çš„ãªã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ HTML5 ADVENTURE CALENDAR MTA.ME Google Gravity [ad#ad-2] Sketch BreakDO
futomo 2011/09/13
HTML5

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
The Google Puzzle
We recommend using Google Chrome (download here). â—‡ Windows XP 32bit/Vista 32bit/Vista 64bit/7 32bit/7 64bit -Google Chrome (recommended) -Internet Explorer 9+ -Mozilla Firefox 5+ â—‡ Mac OSX 10.5.8+ -Google Chrome (recommended) -Safari 5+ -Mozilla Firefox 5+ â– The start button does not work The Google Puzzle uses JavaScript. Turn the JavaScript settings ON in Preferences. â– Taking a break The game hi
futomo 2011/08/31
ã“ã‚Œã¯ã™ã”ã„ãªã„ã‚ã„ã‚ã¨

HTML5
ãƒªãƒ³ã‚¯
Adobeã‚¢ã‚«ãƒ‡ãƒŸãƒƒã‚¯ã‚¹ãƒˆã‚¢
Get 20+ {{creative-cloud}} apps for less than the price of 3 apps. The All Apps plan includes 20+ apps and services plus 20,000 fonts, storage, templates, and tutorials for less than the price of {{acrobat}}, {{photoshop}}, and {{premiere-pro}} sold separately. https://main--cc--adobecom.hlx.page/cc-shared/fragments/merch/products/catalog/marquee/includes {{free-trial}} {{buy-now}}
futomo 2011/08/01
HTML5ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã¤ãã‚‹ã‚½ãƒ•ãƒˆ

HTML5
ãƒªãƒ³ã‚¯
ã‚¯ã‚¹ãƒ¼ãƒ«ã€€NOT SCHOOL BUT CSHOOL
Global Team Development â†’ æµ·å¤–ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’å«ã‚ãŸ ã‚°ãƒãƒ¼ãƒãƒ«ãƒãƒ¼ãƒ ã®ç«‹ã¡ä¸Šã’
futomo 2011/07/29
ã“ã‚ŒãŒFLASHã˜ã‚ƒãªãã¦ã—ã‹ã‚‚IE6ã§ã‚‚ã¡ã‚ƒã‚“ã¨è¦‹ã‚Œã‚‹ã£ã¦ã®ãŒã™ã”ã„

BtoB

color-ãƒžãƒ«ãƒã‚«ãƒ©ãƒ¼

site-webåˆ¶ä½œä¼šç¤¾

taste-ãƒãƒƒãƒ—

taste-æ´¾æ‰‹

HTML5

è¦ç´ -ã‚¤ãƒ©ã‚¹ãƒˆ
ãƒªãƒ³ã‚¯
Integrated Marketing Agency | Building Global Brands | dentsu APAC
The integrated growth and transf ormation partner to the worldâ€™s leading organizations, nurturing and developing innovations that drive outcomes. We push the boundaries of business transf ormation and sustainable growth for brands, people and society. Dentsu increases the potential for innovation to happen, creating experiences that can enrich every business. See what our global team of innovators a
futomo 2011/07/06
ã„ã„å‹•ãã ãªã

BtoB

color-ç™½

color-ãƒžãƒ«ãƒã‚«ãƒ©ãƒ¼

taste-ã‚·ãƒ³ãƒ—ãƒ«

taste-ãƒãƒƒãƒ—

HTML5
ãƒªãƒ³ã‚¯
æ ªå¼ä¼šç¤¾ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã€€Contents Co.,Ltd.
æ ªå¼ä¼šç¤¾ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§ã¯ã€ èª²é¡Œè§£æ±ºåž‹ã®åˆ¶ä½œãƒ—ãƒãƒ€ã‚¯ã‚·ãƒ§ãƒ³ã¨ã—ã¦ã€ å‰µæ¥ä»¥æ¥ãŸãã•ã‚“ã®ãƒ¢ãƒŽã¥ãã‚Šã‚’ã—ã¦ãã¾ã—ãŸã€‚ åŸ¹ã£ãŸã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ã¨æŠ€è¡“ã®åŠ›ã§ã€ æ–°ã—ã„ä¾¡å€¤ã‚’ç”Ÿã¿å‡ºã—ç¤¾ä¼šã‚’ã‚ˆã‚Šè‰¯ãã™ã‚‹ãŸã‚ã«ã€ ã•ã¾ã–ã¾ãªã‚µãƒ¼ãƒ“ã‚¹ã‚„ãƒ—ãƒãƒ€ã‚¯ãƒˆã‚’ç«‹ã¡ä¸Šã’ã¦ã„ã¾ã™ã€‚ è©³ã—ãè¦‹ã‚‹
futomo 2011/06/09
ã‚¹ã‚²ãƒ¼ãªã€€ã‚€ã‹ã—ã¯ã“ã‚“ãªã®FLASHã§ã—ã‹ã§ããªã‹ã£ãŸã‚‚ã‚“ãªãã€€è¦‹ã‚„ã™ã„ã‹ã¯åˆ¥ã ãŒã‚¤ãƒ³ãƒ‘ã‚¯ãƒˆãŒã‚¹ã‚²ã‚§

BtoB

color-ç™½

color-é’ãƒ»æ°´è‰²

site-webåˆ¶ä½œä¼šç¤¾

HTML5

taste-ã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥

color-ãƒ™ãƒ¼ã‚¸ãƒ¥
ãƒªãƒ³ã‚¯
Conol,Inc
NEWS æ ªå¼ä¼šç¤¾ã‚³ãƒŽãƒ«ã‹ã‚‰ã®ãŠçŸ¥ã‚‰ã›ã‚„ãƒ—ãƒ¬ã‚¹ãƒªãƒªãƒ¼ã‚¹ãªã© 2024/02/19 CUONA ç¬¬52å›žå›½éš›ãƒ›ãƒ†ãƒ«ãƒ»ãƒ¬ã‚¹ãƒˆãƒ©ãƒ³ãƒ»ã‚·ãƒ§ãƒ¼2024ã”æ¥å ´ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸ 2024/01/25 CUONA Favorã§ã®æ±ºæ¸ˆæ–¹æ³•ã«PayPayãŒåˆ©ç”¨ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ 2024/01/09 CUONA Clue GATEã«æ–°ã—ã„ã‚·ãƒªãƒ¼ã‚º002SãŒç™»å ´ã—ã¾ã—ãŸ 2023/09/30 CUONA NFCã‚’ä½¿ã£ãŸé€šä¿¡èªè¨¼è£…ç½®ãŠã‚ˆã³ã‚·ã‚¹ãƒ†ãƒ ã®ç‰¹è¨±ã‚’å–å¾—ã—ã¾ã—ãŸ 2023/01/07 CUONA ç¬¬51å›žå›½éš›ãƒ›ãƒ†ãƒ«ãƒ»ãƒ¬ã‚¹ãƒˆãƒ©ãƒ³ãƒ»ã‚·ãƒ§ãƒ¼2023ã«å‡ºå±•ã—ã¾ã™ ã‹ã–ã™ã ã‘ã§ã€ã‚ãªãŸã‚‚ãŠå®¢ã•ã¾ã‚‚ã‚·ãƒ³ãƒ—ãƒ«ã« ä¸–ã®ä¸ã«ã¯ãŸãã•ã‚“ã®ä¾¿åˆ©ãªã‚µãƒ¼ãƒ“ã‚¹ãŒã‚ã‚Šã¾ã™ã€‚ ã—ã‹ã—ã€åŒã˜æ‰‹ç¶šãã®ã‚„ã‚Šå–ã‚Šã€æœ¬äººç¢ºèªã€ã‚µãƒ¼ãƒ“ã‚¹ã¸ã®æŽ¥ç¶šãªã©ã€è‰²ã€…ãªæ‰‹é–“ã¨ç…©é›‘ã•ãŒæ··åœ¨ã—ã¦ã„ã¾ã™ã€‚ ç§ãŸã¡ãŒé–‹ç™ºã—ãŸCUONAã®ä»•çµ„ã¿ã§ã‚ã‚Œã°ã€NFCï¼ˆè¿‘è·é›¢
futomo 2011/03/25
æ‰‹æ›¸ãé¢¨ã‚¤ãƒ©ã‚¹ãƒˆãŒã‹ã‚ã„ã„ã€‚ãƒˆãƒƒãƒ—ã‚‚éŠã³å¿ƒã‚ã‚‹ã‘ã©ã€ä¸ãƒšãƒ¼ã‚¸ã®å‹•ãã‚‚æ°—æŒã¡ã„ã„ã€€HTML5ã§ã‚„ã£ã¦ã‚‹ã®ã‹ãƒ¼

BtoB

color-é»’

color-ç™½

color-é’ãƒ»æ°´è‰²

color-èµ¤

site-webåˆ¶ä½œä¼šç¤¾

taste-ã‹ã‚ã„ã„

taste-ã‚·ãƒ³ãƒ—ãƒ«

HTML5

è¦ç´ -ã‚¤ãƒ©ã‚¹ãƒˆ
ãƒªãƒ³ã‚¯
MASAYUKI DAIJIMA | Technical Director / Interaction Designer
æ—¥æœ¬ç”Ÿã¾ã‚Œã®ãƒ†ã‚¯ãƒ‹ã‚«ãƒ«ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã€ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ãƒ»ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ»ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã€VJã€‚ è¡¨ç¾ã¨æŠ€è¡“ã§äººã‚’ãƒ¯ã‚¯ãƒ¯ã‚¯ã•ã›ã‚‰ã‚Œã‚‹ãƒ¢ãƒŽã¥ãã‚Šã‚’ã—ãŸã„ã¨å¸¸æ—¥é ƒã‹ã‚‰è€ƒãˆã¦ã„ã‚‹ã€‚ã‚¯ãƒ©ãƒ•ãƒˆãƒžãƒ³ã‚·ãƒƒãƒ—ã«ã“ã ã‚ã‚Šã€è‡ªåˆ†ã‚’ç ”é‘½ã—ã¦ã„ã‘ã‚‹æ—¥ã€…ã‚’éŽã”ã›ãŸã‚‰æœ¬æœ›ã ã¨å€‹äººçš„ã«ã¯æ€ã£ã¦ãŠã‚Šã€æ¶ˆè²»ã®é€Ÿã„ãƒ‡ã‚¸ã‚¿ãƒ«ä½œå“ã«ãŠã„ã¦ã‚‚é•·ãæ®‹ã‚‹ãƒ¢ãƒŽã€ã›ã‚ã¦æ¬¡ã®ä¸–ä»£ã®äººãŸã¡ã«è§¦ã‚Œã¦ã‚‚ã‚‰ãˆã‚‹ãƒ¢ãƒŽã‚’ä½œã‚‹ã“ã¨ãŒæœ€çµ‚ç›®æ¨™ã§ã‚ã‚‹ã€‚ 2007å¹´5æœˆã€æ ªå¼ä¼šç¤¾ã‚¢ãƒ¼ã‚ã‚¿ã‚¤ãƒ—ã‚’å…±åŒè¨ç«‹ã€‚æ•°ã€…ã®ä¼æ¥ã®ãƒ—ãƒãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ãƒ–ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ç‰ã«ä¼´ã†Webã‚µã‚¤ãƒˆã€ã‚¤ãƒ³ã‚¹ã‚¿ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã€ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºç‰ã€ãƒ‡ã‚¸ã‚¿ãƒ«ãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ãƒ†ã‚¯ãƒ‹ã‚«ãƒ«ãƒ‡ã‚£ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã‚„ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã«æºã‚ã‚‹ã€‚å›½å¤–ã§ã®ãƒ‡ã‚¸ã‚¿ãƒ«åºƒå‘Šè³žã®å—è³žãŒå¤šã„ã€‚2017å¹´1æœˆã€å¿ƒã‹ã‚‰è‡ªåˆ†ã®ã‚„ã‚ŠãŸã„ã“ã¨ã‚’ã—ãŸã„ã¨å¼·ãæ€ã†ã‚ˆã†ã«ãªã‚Šã€è¨ç«‹10å¹´ã‚’ç¯€ç›®ã«ã‚¢ãƒ¼ã‚ã‚¿ã‚¤ãƒ—ã‚’é€€è·ã—ã€ç•™å¦ã®ãŸã‚æ¸¡è‹±ã€‚ãƒãƒ³ãƒ‰ãƒ³ã«ã¦1
futomo 2011/03/11
ã™ã”ã„ã‚ã¨ã§iPhoneã§ã¿ã¦ã¿ã‚ˆã†â€¦ã£ã¦ã‚½ãƒ¼ã‚¹ã™ã’ã‡ï¼ï¼

HTML5
ãƒªãƒ³ã‚¯
headè¦ç´ ã«èªã¿è¾¼ã‚€ã¹ãå”¯ä¸€ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã€Œheadjsã€ - Mach3.laBlog
ã“ã®è¨˜äº‹ã¯è³žå‘³æœŸé™åˆ‡ã‚Œã§ã™ã€‚ï¼ˆæ›´æ–°ã‹ã‚‰1å¹´ãŒçµŒéŽã—ã¦ã„ã¾ã™ï¼‰ ã€ŒModernizrã€ã‚„ã€Œhtml5.jsã€ç‰ã€ ãƒ¢ãƒ€ãƒ³ãªç’°å¢ƒã®ç‚ºã®ä¾¿åˆ©ãªã‚¹ã‚¯ãƒªãƒ—ãƒˆã¯å¤šã€…ã‚ã‚Šã¾ã™ãŒã€ ã€Œheadjsã€ã¯ãã‚“ãªå½¼ã‚‰ã®ä»•äº‹ã‚’ä¸€æ°—ã«å¼•ãå—ã‘ã¦ãã‚Œã‚‹åƒãè€…ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ã™ã€‚ ä½¿ã„æ–¹ Head JS :: The only script in your HEAD è¬³ã„æ–‡å¥ã¯headè¦ç´ ã«èªã¿è¾¼ã‚€å”¯ä¸€ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦èªã¿è¾¼ã‚€ã ã‘ã€‚ãŠã—ã¾ã„ã€‚ <script type="text/javascript" src="head.js"></script> ãã®å¤šå½©ãªæ©Ÿèƒ½ ç’°å¢ƒã®åˆ¤åˆ¥ CSS3ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®å¯¾å¿œçŠ¶æ³ã€ç”»é¢ã®ã‚µã‚¤ã‚ºã€ãƒ–ãƒ©ã‚¦ã‚¶ãªã©ã®æƒ…å ±ã‚’ Modernizrã¨åŒã˜æ‰‹æ³•ã§HTMLè¦ç´ ã®ã‚¯ãƒ©ã‚¹ã«å‡ºåŠ›ã—ã¦ãã‚Œã¾ã™ã€‚ ã“ã‚“ãªæ„Ÿã˜ã«â€¦ <html lang="ja" id="test-page" class="
futomo 2011/03/10
HTML5ã¨ã‹JSã®æŒ™å‹•ï¼Ÿå¯¾å¿œï¼Ÿã‚’åŠ©ã‘ã¦ãã‚Œã‚‹ã‚“ã ã£ã¦ã•

å‚è€ƒ-ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

HTML5

å‚è€ƒ-JS
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ¼ãƒ é–¢é€£è¦ç´ ï¼ˆ2ï¼‰ HTML5ã§inputè¦ç´ ã«è¿½åŠ ã•ã‚ŒãŸæ–°ã—ã„ã‚¿ã‚¤ãƒ—13é€£ç™º
ãƒ•ã‚©ãƒ¼ãƒ é–¢é€£è¦ç´ ï¼ˆ2ï¼‰ HTML5ã§inputè¦ç´ ã«è¿½åŠ ã•ã‚ŒãŸæ–°ã—ã„ã‚¿ã‚¤ãƒ—13é€£ç™ºï¼šHTML5â€œã¨ã‹â€ã‚¢ãƒ—ãƒªé–‹ç™ºå…¥é–€ï¼ˆ7ï¼‰ï¼ˆ1/3 ãƒšãƒ¼ã‚¸ï¼‰ HTML5ã®æ–°ã—ã„å…¥åŠ›ã‚¿ã‚¤ãƒ—ã‚’ã€æ—¥æ™‚é–¢é€£ã‚„æ•°å€¤ã€æ¤œç´¢ã€é›»è©±ç•ªå·ã€URLã€ãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹ã€è‰²ãªã©ç”¨é€”åˆ¥ã«ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã¨ã¨ã‚‚ã«ç´¹ä»‹ã€‚iPhoneã§è¦‹ã‚‹ã¨ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã¾ã§å¤‰åŒ–ã™ã‚‹ã‚¿ã‚¤ãƒ—ã‚‚!?
futomo 2011/03/09
å‚è€ƒ-ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

HTML5
ãƒªãƒ³ã‚¯
HTML5ã¨CSS3ã‚’ãƒšãƒ¼ã‚¸å…¨ä½“orå°‘ã—ãšã¤å°Žå…¥ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã®å…¨ä½“ã®ã‚ãƒ£ãƒ—ãƒãƒ£ ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ å…¨ä½“ã‚’HTML5åŒ–ã—ã¦ã‚‚ã€é¢ç™½ãã†ãªCSS3ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å°‘ã—ãšã¤é©ç”¨ã—ã¦ã‚‚é¢ç™½ãã†ã§ã™ã€‚ ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã«HTML5ã‚’å°Žå…¥ ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã«CSS3ã‚’å°Žå…¥ ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã«HTML5ã‚’å°Žå…¥ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã®HTMLã®æ§‹é€ ã¯ã€ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ HTML5ï¼šãƒšãƒ¼ã‚¸ã®ãƒ™ãƒ¼ã‚¹ å„ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’é…ç½®ã™ã‚‹å‰ã®HTMLã®ãƒ™ãƒ¼ã‚¹ã¯ã€ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ <!DOCTYPE html> <html lang="en"><head> <meta charset="utf-8" /> <title>Ferris Buller on Abduzeedo</title> <link rel="stylesheet" href="style.css"> <!--[if IE]> <script src="http://html5sh
futomo 2011/03/02
å‚è€ƒ-ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

HTML5

CSS3

ã€ã‚ã¨ã§èªã‚€ã€‘
ãƒªãƒ³ã‚¯
HTML5+CSS3ã§å®Ÿè£…ã•ã‚ŒãŸã€ã•ã¾ã–ã¾ãªUIã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®ã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³
ãƒ‘ãƒ©ã‚°ãƒ©ãƒ•ãƒ»ãƒªã‚¹ãƒˆãƒ»è¦‹å‡ºã—ãªã© [ad#ad-2] UIãƒ‘ãƒ¼ãƒ„ã®ä½¿ã„æ–¹ ä¸‹è¨˜ã®3ã¤ã®ã‚¹ãƒ†ãƒƒãƒ—ã§ã€ã“ã‚Œã‚‰ã®UIã‚’è‡ªåˆ†ã®ãƒšãƒ¼ã‚¸ã§åˆ©ç”¨ã§ãã¾ã™ã€‚ IEã¸ã®å¯¾å¿œ IEã«HTML5ã‚’ç†è§£ã•ã›ã‚‹ãŸã‚ã«ã€2ã¤ã®é‡è¦ãªãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä½¿ç”¨ã—ã¾ã™ã€‚  CSSã®ã‚¤ãƒ³ã‚¯ãƒ«ãƒ¼ãƒ‰ ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚¤ãƒ³ã‚¯ãƒ«ãƒ¼ãƒ‰ã—ã¦ãã ã•ã„ã€‚ã‚‚ã—ä½¿ç”¨ã™ã‚‹ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãŒé™ã‚‰ã‚Œã¦ã„ã‚‹ã®ã§ã‚ã‚Œã°ã€ãã®ç®‡æ‰€ã®ã¿ã§å¤§ä¸ˆå¤«ã§ã™ã€‚ <link rel="stylesheet" href="reset.css"
futomo 2011/02/25
å‚è€ƒ-ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

CSS3

HTML5

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
HTML5ã®å‹‰å¼·ã«å½¹ç«‹ã¤ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‚„ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã®ã¾ã¨ã‚
HTML5ã®è¦ç´ ã‚„å±žæ€§ã€ç¾Žã—ã„ã‚³ãƒ¼ãƒ‰ã®æ›¸ãæ–¹ã€å„ãƒ–ãƒ©ã‚¦ã‚¶ã®å¯¾å¿œçŠ¶æ³ãªã©ã‚’ã¾ã¨ã‚ãŸãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‚„ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ HTML 5 Visual Cheat Sheetï¼ˆé…å¸ƒçµ‚äº†ï¼‰ HTML5ã®ã‚¿ã‚°ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ä»¥å‰ç´¹ä»‹ã—ãŸæ™‚ã‹ã‚‰èƒŒæ™¯ãŒç™½ã«å¤‰ã‚ã‚Šã€ç›®ã«å„ªã—ããªã‚Šã¾ã—ãŸã€‚
futomo 2011/02/16
ã¾ã¨ã‚

å‚è€ƒ-ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

HTML5
ãƒªãƒ³ã‚¯
HTML 4ã¨ã®é•ã„ã€HTML5ã§å¯èƒ½ã«ãªã‚‹ã“ã¨ï¼HTML5ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
â– HTML 4ã¨ã®é•ã„ HTML5ã§ã¯ã€ã“ã‚Œã¾ã§ã¨åŒã˜ã‚ˆã†ã«HTMLã‚¿ã‚°ã‚’ä½¿ã£ã¦HTMLæ–‡æ›¸ã‚’ä½œæˆã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã¾ãŸã€CSSã¨çµ„ã¿åˆã‚ã›ã‚‹ã“ã¨ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’åˆ¶å¾¡ã§ãã‚‹ç‚¹ã€XHTMLå½¢å¼ã§ä½œæˆã™ã‚Œã°XMLãƒ‡ãƒ¼ã‚¿ã¨ã—ã¦æ‰±ãˆã‚‹ç‚¹ãªã©ã‚‚HTML 4ã¨åŒã˜ã§ã™ã€‚ ä¸€æ–¹ã§æ–°ã—ãå¤‰æ›´ã•ã‚Œã‚‹ç‚¹ã‚‚ã‚ã‚Šã¾ã™ã€‚ HTML5ã«ãŠã‘ã‚‹HTML 4ã‹ã‚‰ã®ä¸»ãªå¤‰æ›´ç‚¹ã¯ä»¥ä¸‹ã®é€šã‚Šã§ã™ã€‚ æ–°ã—ã„è¦ç´ ã‚„å±žæ€§ãŒè¿½åŠ ã•ã‚Œã‚‹ HTML 4ä»¥å‰ã§ã¯ä½¿ãˆãŸè¦ç´ ã‚„å±žæ€§ã®ã„ãã¤ã‹ãŒå»ƒæ¢ã•ã‚Œã‚‹ ã‚ˆã‚Šæ˜Žç¢ºã«æ–‡æ›¸æ§‹é€ ã‚’ç¤ºã™ã“ã¨ãŒã§ãã‚‹ ãƒ•ã‚©ãƒ¼ãƒ ã®å…¥åŠ›è£œåŠ©ã‚„ãƒã‚§ãƒƒã‚¯æ©Ÿèƒ½ãªã©ãŒå……å®Ÿã—ã¦ã„ã‚‹ å‹•ç”»ã‚„éŸ³å£°ãƒ‡ãƒ¼ã‚¿ã‚’HTMLã‹ã‚‰ã‚·ãƒ³ãƒ—ãƒ«ã«æ‰±ãˆã‚‹ æ§˜ã€…ãªAPIãŒè¿½åŠ ã•ã‚Œã‚‹ â– HTML5ã§å¯èƒ½ã«ãªã‚‹ã“ã¨ HTML5ã§ã¯ã€HTML 4ä»¥å‰ã§ã¯ã§ããªã‹ã£ãŸã„ãã¤ã‹ã®ã“ã¨ãŒå¯èƒ½ã¨ãªã‚Šã¾ã™ã€‚ ã‚ˆã‚Šæ˜Žç¢ºã«æ–‡æ›¸æ§‹é€ ã‚’ç¤ºã™ã“ã¨ãŒã§ãã‚‹ HTMLã¯ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—è¨€èªžã§ã‚ã‚Š
futomo 2011/02/04
å‚è€ƒ-ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

HTML5
ãƒªãƒ³ã‚¯
â˜…HTML5ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ï¼ˆæ—§ä»•æ§˜ï¼‰
å±±ç”°å¤ªéƒŽã¯ã€ã‚¦ã‚§ãƒ–é–‹ç™ºã‚„ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã«10å¹´ä»¥ä¸Šã®çµŒé¨“ã‚’æŒã¤ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã®å°‚é–€å®¶ã§ã™ã€‚ç‰¹ã«HTML5 Canvasã‚„JavaScriptã€ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãƒ¡ãƒ‡ã‚£ã‚¢ã«ç²¾é€šã—ã¦ãŠã‚Šã€å‹•çš„ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚„æœ€å…ˆç«¯ã®ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®é–‹ç™ºã«æºã‚ã£ã¦ãã¾ã—ãŸã€‚è¤‡é›‘ãªå›³å½¢æç”»ã‚„ç”»åƒæ“ä½œã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã«é–¢ã™ã‚‹çŸ¥è˜ãŒè±Šå¯Œã§ã€ã‚¦ã‚§ãƒ–æŠ€è¡“ã®é™ç•Œã‚’è¿½æ±‚ã™ã‚‹é–‹ç™ºè€…ãŸã¡ã«ã¨ã£ã¦é ¼ã‚Šã«ãªã‚‹å˜åœ¨ã§ã™ã€‚çŸ¥è˜ã®å…±æœ‰ã«æƒ…ç†±ã‚’æŒã¡ã€åˆå¿ƒè€…ã‹ã‚‰ãƒ—ãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«ã¾ã§å¹…åºƒãæ”¯æ´ã™ã‚‹ãŸã‚ã€æŠ€è¡“ãƒ•ã‚©ãƒ¼ãƒ©ãƒ ã‚„ãƒ–ãƒã‚°ã«ã‚‚ç©æ¥µçš„ã«è²¢çŒ®ã—ã¦ã„ã¾ã™ã€‚
futomo 2011/02/04
å‚è€ƒ-ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

HTML5
ãƒªãƒ³ã‚¯
çµå±€ã©ã†ã™ã‚Œã°ã„ã„ã®ï¼Ÿ - Dive Into HTML5
Translation of: What Does It All Mean? - Dive Into HTML5 Diving In The Doctype The Root Element The <head> Element Character Encoding Friends & (Link) Relations rel = stylesheet rel = alternate Other Link Relations in HTML5 New Semantic Elements in HTML5 A long digression into how browsers handle unknown elements Headers Articles Dates and Times Navigation Footers Further Reading è¨³æ³¨ Diving In ã“ã®ç« ã§
futomo 2011/02/03
å‚è€ƒ-ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

HTML5

ã€ã‚ã¨ã§èªã‚€ã€‘
ãƒªãƒ³ã‚¯
HTML5ã‚’ã¯ã˜ã‚ã‚‹äººã€å‹‰å¼·ã—ãŸã„äººç”¨ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãƒ•ã‚¡ã‚¤ãƒ« -Easy HTML5 Template
HTML5 Templateã®ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ Easy HTML5 Templateã®ç‰¹å¾´ æ±Žç”¨æ€§ã®é«˜ã„ã‚·ãƒ³ãƒ—ãƒ«ãªã¤ãã‚Š HTML5ã®æ–°ã—ã„è¦ç´ ã«é‡ç‚¹ã‚’ãŠã„ã¦è¨è¨ˆ HTML5å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯ã‚‚ã¡ã‚ã‚“ã€IE6, IE7, IE8ã‚‚è€ƒæ…® ãƒ¢ãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹ã‚‚è€ƒæ…® jQuery, Google Analyticsãªã©ã‚ˆãä½¿ç”¨ã•ã‚Œã‚‹ã‚‚ã®ã‚’é…ç½®æ¸ˆã¿ [ad#ad-2] Easy HTML5 Templateã®å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« Easy HTML5 Templateã§ä½¿ç”¨ã—ã¦ã„ã‚‹å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã§ã™ã€‚ screen.css Reset CSSã«ã¯ã€ŒEric Meyer's resetã€ãŒä½¿ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ modernizr-1.6.min.js ã€ŒModernizrã€ã€‚HTML5ã‚„CSS3ã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹ã‹èª¿ã¹ã€CSSã®å ´åˆã¯ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã«classã‚’åŠ ãˆã¾ã™ã€‚ html5.js ã€Œhtml5.jsã€ã€‚IE9æœªæº€ï¼ˆ
futomo 2011/01/28
å‚è€ƒ-ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

HTML5
ãƒªãƒ³ã‚¯
æ—¥æœ¬èªžã§å¦ã¹ã‚‹HTML5é–¢é€£è³‡æ–™15å€‹ã¾ã¨ã‚ : äºŒåæ³è¡—é“ã¾ã£ã—ãã‚‰
HTML5ã«ã¤ã„ã¦è‰²ã€…ã¨èª¿ã¹ã¦ãŸã¨ãã«è¦‹ã¤ã‘ãŸè³‡æ–™ã„ã‚ã„ã‚ã§ã™ã€‚ ã›ã£ã‹ããªã®ã§ã¾ã¨ã‚ã¦ãŠã“ã†ã‹ãªã¨æ€ã£ã¦è¨˜äº‹ã«ã—ã¾ã—ãŸã€‚ ã€ŒSlideShareã€ã¨ã„ã†ãƒ—ãƒ¬ã‚¼ãƒ³è³‡æ–™å…±æœ‰ã‚µã‚¤ãƒˆãŒã‚ã‚Šã¾ã—ã¦ã€ãã“ã‹ã‚‰è¦‹ã¤ã‘ãŸè³‡æ–™ã§ã™ã€‚ HTML5ã«é–¢ã™ã‚‹è³‡æ–™ã§å½¹ç«‹ã¡ãã†ã ãªã¨æ€ã£ãŸã‚‚ã®ã‚’15å€‹ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã¾ã—ãŸã€‚ æ—¥æœ¬èªžã§æ›¸ã‹ã‚Œã¦ã„ã‚‹ã‚‚ã®ã®ã¿æŠœç²‹ã€‚ HTML5ã®å‹‰å¼·ã‚’ã—ã‚ˆã†ã¨æ€ã†æ–¹ã‚„ã€HTML5ã«èˆˆå‘³ã®ã‚ã‚‹æ–¹ã¯æ˜¯éžã”è¦§ãã ã•ã„ã€‚ ä»¥ä¸‹ã«15å€‹ã®HTML5é–¢é€£ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’è²¼ã£ã¦ãŠãã¾ã™ãã€‚
futomo 2011/01/18
HTML5

ã€ã‚ã¨ã§èªã‚€ã€‘

å‚è€ƒ-ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸