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

zorac id:zorac

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

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

2011å¹´2æœˆç¬¬2é€±å·ã€€1ä½ã¯ã€CSSã ã‘ã§å›³å½¢ã‚’æãã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰é›†ã€æ°—ã«ãªã‚‹ãƒã‚¿ã¯ã€Facebookã®ã€Œãƒ•ã‚¡ãƒ³ãƒšãƒ¼ã‚¸ã€ãŒã€ŒFacebookãƒšãƒ¼ã‚¸ã€ã«åç§°å¤‰æ›´ | gihyo.jp
é€±åˆŠWebãƒ†ã‚¯é€šä¿¡ 2011å¹´2æœˆç¬¬2é€±å·1ä½ã¯ã€CSSã ã‘ã§å›³å½¢ã‚’æãã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰é›†ã€æ°—ã«ãªã‚‹ãƒã‚¿ã¯ã€Facebookã®ã€Œãƒ•ã‚¡ãƒ³ãƒšãƒ¼ã‚¸ã€ãŒã€ŒFacebookãƒšãƒ¼ã‚¸ã€ã«åç§°å¤‰æ›´ ãƒãƒƒãƒˆã§è¦‹ã‹ã‘ãŸWebãƒ†ã‚¯ï¼ˆWebãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãƒ»Webãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ï¼‰è¨˜äº‹ã‹ã‚‰ã€Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ç›®ã§åŽ³é¸ã—ãŸãƒã‚¿ã‚’é€±åˆŠã§ç´¹ä»‹ã™ã‚‹ã“ã®ã‚³ãƒ¼ãƒŠãƒ¼ã€‚ä»Šå›žã¯ã€2011å¹´2æœˆ7æ—¥ï½ž2011å¹´2æœˆ13æ—¥ã®é–“ã«è¦‹ã¤ã‘ãŸè¨˜äº‹ã®ãƒ™ã‚¹ãƒˆ5ã§ã™ã€‚ 1. The Shapes of CSShttp://css-tricks.com/examples/ShapesOfCSS/ CSSã ã‘ã§å›³å½¢ã‚’æãã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰é›†ã§ã™ ä»¥ä¸‹ã®å›³å½¢ã‚’ã€ç”»åƒã‚’ä½¿ã‚ãšã«æã„ãŸã‚µãƒ³ãƒ—ãƒ«ã¨ã‚³ãƒ¼ãƒ‰ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ å››è§’ é•·æ–¹å½¢ å†† æ¥•å†† ä¸‰è§’å½¢ï¼ˆä¸Šå‘ãï¼ä¸‹å‘ãï¼å·¦å‘ãï¼å³å‘ãï¼‰ ä¸‰è§’å½¢ï¼ˆå·¦ä¸Šå‘ãï¼å³ä¸Šå‘ãï¼å·¦ä¸‹å‘ãï¼å³ä¸‹å‘ãï¼‰ å¹³è¡Œå››è¾ºå½¢ å°å½¢ æ˜Ÿå½¢ äº”è§’å½¢ å…è§’
zorac 2011/02/18
*webåˆ¶ä½œ

css

jQuery

html5
ãƒªãƒ³ã‚¯
HTML5ã§ã€ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã§ã‚‚ä½¿ãˆã‚‹iPod/iPhoneè¶…ç°¡å˜ã‚¢ãƒ—ãƒªã£ã½ã„ã‚‚ã®ã‚’ä½œã£ã¦ã¿ãŸ ï¼ Publickey
HTML5ã«ã¯ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ãŒã‚ã‚Šã€ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã«å¯¾å¿œã—ãŸWebã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚Webãƒ–ãƒ©ã‚¦ã‚¶ã§ã„ã¡ã©è¡¨ç¤ºã•ã›ã‚Œã°ã€ã‚ã¨ã¯ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã¨ã®æŽ¥ç¶šãŒåˆ‡ã‚Œã¦ã‚‚ãã®ã¾ã¾ã‚¨ãƒ©ãƒ¼ã‚’èµ·ã“ã•ãšã«åˆ©ç”¨ã—ç¶šã‘ã‚‰ã‚Œã‚‹Webã‚µã‚¤ãƒˆã§ã™ã€‚ iPod Touchã‚„iPhoneã«æè¼‰ã•ã‚Œã¦ã„ã‚‹Webãƒ–ãƒ©ã‚¦ã‚¶ã®ã€ŒSafariã€ã¯HTML5ã®ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ã«å¯¾å¿œã—ã¦ã„ã‚‹ãã†ãªã®ã§ã€HTML5ã‚’ä½¿ã£ã¦ã„ã¤ã§ã‚‚å‚ç…§ã§ãã‚‹è¶…ç°¡å˜ãªã‚¢ãƒ—ãƒªã‚’ä½œã‚Œã‚‹ã®ã§ã¯ãªã„ã‹ã€ãã†æ€ã£ã¦ãŠæ£æœˆä¼‘ã¿ã«è©¦ã—ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ å˜ã«è·¯ç·šå›³ã‚’è¡¨ç¤ºã™ã‚‹ã ã‘ã®ã‚¢ãƒ—ãƒª iPod Touchã‚’åƒ•ã¯åˆ©ç”¨ã—ã¦ã„ã‚‹ã®ã§ã™ãŒã€ã„ã¤ã§ã‚‚å‚ç…§ã§ãã‚‹åœ°ä¸‹é‰„ã®è·¯ç·šå›³ãŒã‚ã‚‹ã¨ã„ã„ãªã¨æ€ã£ã¦ã„ã¾ã—ãŸã€‚iPod Touchã¯Wifiæ©Ÿèƒ½ã—ã‹ãªã„ãŸã‚ã€å¤–å‡ºä¸ã¯ãšã£ã¨ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã§ã®åˆ©ç”¨ãªã®ã§ã™ã€‚ ãã“ã§ã€èµ·å‹•ã™ã‚‹ã¨è·¯ç·šå›³ã®ç”»åƒã‚’è¡¨ç¤ºã™ã‚‹ã ã‘ã®è¶…
zorac 2011/01/05
html5

ipod touch
ãƒªãƒ³ã‚¯
HTML5ã®æ–°è¦ç´ ã‚’jQueryã§appendã¨ã‹ã™ã‚‹ã¨IEã§ãƒã‚°ã‚‹ä»¶ - Webtech Walker
jQueryã§sectionã¨ã‹articleã¨ã‹ã‚’appendã—ãŸã¨ãã«styleãŒåæ˜ ã•ã‚Œãªã‹ã£ãŸã¨ã„ã†è©±ã—ã‚’èžã„ãŸã®ã§èª¿ã¹ãŸï¼†æ¤œè¨¼ã—ã¦ã¿ãŸãƒ¡ãƒ¢ã€‚ ãƒ‡ãƒ¢ã¤ãã£ãŸ èª¿ã¹ã¦ã¿ãŸã¨ã“ã‚ã€å®šç¾©ã•ã‚Œã¦ã„ãªã„è¦ç´ ã‚’innerHTMLã—ã¦appendChildã™ã‚‹ã¨ã€ä»¥ä¸‹ã®ä¾‹ã®å ´åˆIE8ä»¥ä¸‹ã§ã¯é–‹å§‹ã‚¿ã‚°ã€ãƒ†ã‚ã‚¹ãƒˆãƒŽãƒ¼ãƒ‰ã€çµ‚äº†ã‚¿ã‚°ã®3ã¤ã®è¦ç´ ã¨ã—ã¦è¿½åŠ ã•ã‚Œã‚‹ã¨ã®ã“ã¨ã€‚ï¼ˆhtml5shivã¯èªã¿è¾¼ã‚“ã§ã¾ã™ï¼‰ var div = document.createElement('div'); div.innerHTML = '<section>section</section>'; document.getElementById('box').appendChild(div); ä»¥ä¸‹ã®ã‚ˆã†ã«createElementã™ã‚Œã°ã„ã‘ã‚‹ã€‚ var div = document.createElement('div'
zorac 2010/12/13
jquery

html5

InternetExplorer
ãƒªãƒ³ã‚¯
ã€HTML5ã€‘æ–°è¦ã§ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã®ã«ä½¿ãˆãã†ãªã®ä¸€å¼ã€‚Ver 1
HTML5ç‰ˆã®æ–°è¦ã§ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã®ã«ä½¿ãˆãã†ãªä¸€å¼ã§ã™ã€‚ ä»Šã¾ã§ã®æ–°è¦ã§ä½¿ãˆãã†ãªä¸€å¼ã®Ver3ã‹ã‚‰ã‚‚æœ‰ã‚‹ç¨‹åº¦æµç”¨ã¯ã—ã¦ã„ã¾ã™ãŒã€çµæ§‹ã„ã˜ã£ã¦ã¾ã™ã€‚ ä»Šã¾ã§ã¿ãŸã„ã«ã€ç¤¾å†…ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã‹ãã†ã„ã†äººãŒã‚‚ã†å±…ãªã„ç’°å¢ƒãªã®ã§ã€ä½•å‡¦ã‹ã§ä½¿ã‚ã‚Œã¦ã„ãŸè¨³ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€ã¾ãƒ¼æœ€åˆã®æº–å‚™ã£ã¦åœ°å‘³ã«é¢å€’ãªã®ã§ã¡ã‚ƒã¡ã‚ƒã£ã¨å§‹ã‚ã‚‹ã«ã¯è‰¯ã„ã‚“ã˜ã‚ƒãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ã€HTML5ã€‘æ–°è¦ã§ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã®ã«ä½¿ãˆãã†ãªä¸€å¼ã€‚Ver 1ã‚’DLï¼ˆzipï¼š12kbï¼‰ HTML5ç‰ˆã®Ver 1ã‚’è¦‹ã‚‹ ç¤¾å†…ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã‹ã£ã¦æ›¸ã„ãŸã‚‰ã€ã“ã‚Œã©ã†ãªã®ã‚ˆï¼Ÿã¨ã‹è©±ã—ã¦ãŸé ƒãŒã¡ã‚‡ã£ã¨æ‡ã‹ã—ããªã£ãŸã€‚ ã‚³ãƒ¼ãƒ€ãƒ¼é£²ã¿ã¨ã‹ã€CSS Niteãªã‚“ã‹ã§ã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚„ã‚³ãƒ¼ãƒ€ãƒ¼ã•ã‚“ã¨ä¼šã†æ©Ÿä¼šã¯çµæ§‹æœ‰ã‚‹ã®ã«ã€ãã†ã„ã†å…·ä½“çš„ãªï¼Ÿè©±ã¾ã§ã¯ã—ãªã„ã‹ã‚‰ãªããƒ»ãƒ»ãƒ» ãã‚Œã¯ã•ã¦ãŠãã€ä¸èº«ã®ã”èª¬æ˜Žãªã©ã‚’ç¶šãã«ã¦ã€‚ ä¸èº«ã®ã”èª¬æ˜Ž zi
zorac 2010/06/10
html5

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

*webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
1