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

fujis_a id:fujis_a

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

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

HTMLã®headã®æ›¸ãæ–¹ã€headå†…ã«è¨˜è¿°ã™ã‚‹è¦ç´ ã®ç·ã¾ã¨ã‚
HTMLãƒšãƒ¼ã‚¸ã®headå†…ã«è¨˜è¿°ã™ã‚‹æœ€å°é™ã®æ§‹æˆã€ãã—ã¦metaè¦ç´ ã‚„linkè¦ç´ ã€ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚µãƒ¼ãƒ“ã‚¹ç”¨ã®è¦ç´ ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ãƒ»ã‚¹ãƒžãƒ›ã®ãƒ–ãƒ©ã‚¦ã‚¶ç”¨ã®è¦ç´ ãªã©ãŒã¾ã¨ã‚ã‚‰ã‚ŒãŸã€Œ<head> cheatsheetã€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ <head> cheatsheet ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ åŽ»å¹´ç´¹ä»‹ã—ãŸä»¥å‰ã®ç‰ˆã‹ã‚‰ã„ã‚ã„ã‚ã¨å¤‰æ›´ã•ã‚Œã¦ã„ã¾ã™ã€‚ headå†…ã«è¨˜è¿°ã™ã‚‹æœ€å°é™ã®æ§‹æˆ headå†…ã®è¦ç´ metaè¦ç´ linkè¦ç´ ã‚½ãƒ¼ã‚·ãƒ£ãƒ«é–¢é€£ã®headå†…ã®è¦ç´ ãƒ–ãƒ©ã‚¦ã‚¶ãƒ»ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ é–¢é€£ã®headå†…ã®è¦ç´ ãƒ¡ãƒ¢ headå†…ã«è¨˜è¿°ã™ã‚‹æœ€å°é™ã®æ§‹æˆ ä¸‹è¨˜ã¯ã‚·ãƒ³ãƒ—ãƒ«ãªWebã‚µã‚¤ãƒˆã§å¿…é ˆã¨ãªã‚‹headå†…ã«è¨˜è¿°ã™ã‚‹æœ€å°é™ã®ã‚¿ã‚°ã§ã™ã€‚ <meta charset="utf-8"> <meta http-equiv="x-ua-c
fujis_a 2017/09/26
HTML

charset

html5
ãƒªãƒ³ã‚¯
HTMLã®srcsetã‚’ä½¿ã£ã¦ç”»åƒã‚’ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«Retinaå¯¾å¿œã•ã›ã¦ã¿ã‚ˆã† | Kia King
WEBã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã™ã‚‹ã¨ãã«çµæ§‹å¤§å¤‰ãªã®ãŒç”»åƒã®æ‰±ã„ã€‚iPhoneç‰ã®é«˜è§£åƒåº¦ãƒ‡ãƒã‚¤ã‚¹(Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ç‰)ã«ã¯2å€ã®ç”»åƒã‚’ç”¨æ„ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã—ã€æœ€è¿‘ã¯ç”»é¢ã®ã‚µã‚¤ã‚ºã«ä¼šã‚ã›ã¦ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆãŸã„å ´åˆã‚‚å¤šã„ã€‚ãã‚“ãªæ™‚ã«HTML5ã®srcsetãŒã™ã“ã¶ã‚‹ä¾¿åˆ©ã ã£ãŸã®ã§ã”ç´¹ä»‹ã—ã¾ã™ã€‚ srcsetã§ã§ãã‚‹ã“ã¨ æ¬¡ã®ã‚ˆã†ãªã“ã¨ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ç”¨ã«ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦å‹•çš„ã«ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ç”¨ã«ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ åŸºæœ¬çš„ãªä½¿ã„æ–¹ã¯ä¸‹è¨˜ã®ã‚ˆã†ãªæ„Ÿã˜ã§imgã‚¿ã‚°ã«ä½¿ç”¨ã—ã¾ã™ã€‚ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ãã€‚ <img src="img/example-img.jpg" srcset="img/example-img.jpg 1x, img/[email protected] 2x" alt
fujis_a 2017/06/26
html5

responsive
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®é«˜å“è³ªãªHTMLã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®ã¾ã¨ã‚ã€å•†ç”¨åˆ©ç”¨ç„¡æ–™ã§æœ€è¿‘ã®UIãƒ‡ã‚¶ã‚¤ãƒ³ãŒåˆ†ã‹ã‚‹ | ã‚³ãƒªã‚¹
ä»Šæ™‚ã®ã‹ã£ã“ã„ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã€ç´ æ•µãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å‚™ãˆãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ç¸¦é•·ãƒšãƒ¼ã‚¸ã€ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ã€ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒšãƒ¼ã‚¸ã€ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã€ãƒ–ãƒã‚°ãªã©ã€HTML5+CSS3ã®ç„¡æ–™ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å˜ã«ä½¿ã†ã ã‘ã§ãªãã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–æ™‚ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã€ä½¿ã„å‹æ‰‹ã®ã‚ˆã„ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã€æ°—æŒã¡ã„ã„ç¹Šç´°ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãªã©å‹‰å¼·ã«ã‚‚ãªã‚Šã¾ã™ã€‚ Editorial ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ æ–‡å—ã‚’è¦‹ã›ã‚‹ã“ã¨ã«æ‹˜ã£ãŸã‚·ãƒ³ãƒ—ãƒ«ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€‚èªã‚€ã“ã¨ãŒé‚ªé”ã«ãªã‚‰ãªã„ç¹Šç´°ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚ç´ æ•µã§ã™ã€‚ å„UIã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã€ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®Elementsã‹ã‚‰ã€‚
fujis_a 2016/11/24
ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

HTML5
ãƒªãƒ³ã‚¯
æœ€æ–°ç‰ˆï¼ã‚ã‚‰ã‚†ã‚‹Webãƒšãƒ¼ã‚¸ã‚’ä½œæˆã™ã‚‹æ™‚ã«ä½¿ãˆã‚‹ã€å¿…è¦æœ€å°é™ã‚’ã¾ã¨ã‚ãŸHTML5ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ
HTML5ã§Webãƒšãƒ¼ã‚¸ã‚’ä½œæˆã™ã‚‹æ™‚ã®ãƒ™ãƒ¼ã‚¹ã«ãªã‚‹å¿…è¦æœ€å°é™ã®æ§‹æˆã§å®Ÿè£…ã•ã‚ŒãŸHTML5ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚¹ãƒ‹ãƒšãƒƒãƒˆã«ç™»éŒ²ã—ã¦ãŠãã¨ã€ä¾¿åˆ©ã§ã™ãã€‚ HTML5 Boilerplate -GitHub ã‚¤ãƒ©ã‚¹ãƒˆ: Girls Design Materials HTML5ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ HTML5ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®è§£èª¬ HTML5ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ HTML5 Boilerplateã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’æ—¥æœ¬èªžåŒ–ã—ã¾ã—ãŸã€‚ ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯MITãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã§ã€å•†ç”¨åˆ©ç”¨ã€ä¿®æ£ã€é…å¸ƒã€ã‚µãƒ–ãƒ©ã‚¤ã‚»ãƒ³ã‚¹å¯ã§ã™ã€‚ <!doctype html> <html class="no-js" lang="ja"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>ã‚¿ã‚¤ãƒˆãƒ«</title
fujis_a 2016/09/01
html5

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ
ãƒªãƒ³ã‚¯
headå†…ã«è¨˜è¿°ã™ã‚‹è¦ç´ ã®ç·ã¾ã¨ã‚ -metaè¦ç´ ã€linkè¦ç´ ã€ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚µãƒ¼ãƒ“ã‚¹ç”¨ã®è¦ç´ ã€ãƒ–ãƒ©ã‚¦ã‚¶ã‚„ã‚¹ãƒžãƒ›ã‚¢ãƒ—ãƒªç”¨ã®è¦ç´ ãªã©
HTMLãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã®headå†…ã«è¨˜è¿°ã™ã‚‹metaè¦ç´ ã‚„linkè¦ç´ ã€ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚µãƒ¼ãƒ“ã‚¹ç”¨ã®è¦ç´ ã€ãƒ–ãƒ©ã‚¦ã‚¶ç”¨ã®è¦ç´ ã€ã‚¹ãƒžãƒ›ã‚¢ãƒ—ãƒªç”¨ã®è¦ç´ ãªã©ã‚’ã¾ã¨ã‚ãŸã€ŒHEADã€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ HEAD -GitHub ç¿»è¨³ã™ã‚‹ã«ã‚ãŸã‚Šã„ãã¤ã‹å°‹ããŸã¨ã“ã‚ã€è‘—è€…æ§˜ã¯ã¨ã¦ã‚‚ã„ã„äººã§ã—ãŸã€‚ å…¬é–‹å½“åˆã‹ã‚‰å†…å®¹ãŒã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã•ã‚Œã€ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚‚CC0ã«å¤‰æ›´ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã‚ªã‚¹ã‚¹ãƒ¡ã®æœ€å°é™ã®æ§‹æˆ è¦ç´ metaè¦ç´ linkè¦ç´ ã‚½ãƒ¼ã‚·ãƒ£ãƒ«é–¢é€£ã®headå†…ã®è¦ç´ ãƒ–ãƒ©ã‚¦ã‚¶ãƒ»ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ é–¢é€£ã®headå†…ã®è¦ç´ ã‚¹ãƒžãƒ›ã‚¢ãƒ—ãƒªé–¢é€£ã®headå†…ã®è¦ç´ ãƒ¡ãƒ¢ ã‚ªã‚¹ã‚¹ãƒ¡ã®æœ€å°é™ã®æ§‹æˆ ä¸‹è¨˜ã¯ã€headå†…ã«è¨˜è¿°ã™ã‚‹æœ€å°é™ã®ã‚¿ã‚°ã§ã™ã€‚
fujis_a 2016/06/01
ã‚ã¨ã§èªã‚€

HTML5
ãƒªãƒ³ã‚¯
å•†ç”¨ç„¡æ–™ã§ã—ã‹ã‚‚é«˜å“è³ªï¼ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ç¾Žã—ããƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸHTML5/CSS3ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®ã¾ã¨ã‚
ä»Šæ™‚ã®ç¹Šç´°ã§ã‹ã£ã“ã„ã„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å‚™ãˆã€ç¾Žã—ããƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ã€ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒšãƒ¼ã‚¸ã€ç¸¦é•·ãƒšãƒ¼ã‚¸ã€ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã€ãƒ–ãƒã‚°ãªã©ã€HTML5/CSS3ã§ä½œæˆã•ã‚ŒãŸå•†ç”¨åˆ©ç”¨ç„¡æ–™ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ æœ€è¿‘ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã®å‹‰å¼·ã«ã‚‚ã„ã„ã§ã™ãã€‚
fujis_a 2015/09/11
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

html5

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ
ãƒªãƒ³ã‚¯
Monaca
Monacaã¯ã‚¯ãƒ©ã‚¦ãƒ‰æŠ€è¡“ã‚’æ´»ç”¨ã—ãŸã€æ—¥æœ¬ç™ºãƒ»æ¬¡ä¸–ä»£ã®ã‚¢ãƒ—ãƒªé–‹ç™ºãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã§ã™ã€‚å¤šæ§˜ãªã‚¢ãƒ—ãƒªé–‹ç™ºã«å¯¾å¿œã™ã‚‹ã‚¯ãƒ©ã‚¦ãƒ‰ã‚µãƒ¼ãƒ“ã‚¹ã‚’ä¸å¿ƒã«ã€ã‚¢ã‚¸ãƒ£ã‚¤ãƒ«é–‹ç™ºã‚’ä¿ƒé€²ã™ã‚‹DevOpsã€ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚°ã‚„ãƒ†ã‚¯ãƒ‹ã‚«ãƒ«ã‚µãƒãƒ¼ãƒˆã€‚æ—¥ã€…ã®èª²é¡Œã‚’è§£æ±ºã™ã‚‹ãŸã‚ã«ç”¨æ„ã•ã‚ŒãŸãƒ„ãƒ¼ãƒ«ã‚„ã‚µãƒ¼ãƒ“ã‚¹ã‚’é€šã˜ã¦ã€ã‚ãªãŸã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®æˆåŠŸã‚’æ”¯ãˆã¾ã™ã€‚ ã•ã‚‰ã«è©³ã—ã
fujis_a 2015/02/15
html5

ã‚¢ãƒ—ãƒª

"iPhoneã‚¢ãƒ—ãƒª
ãƒªãƒ³ã‚¯
â€œãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—â€ã™ã‚‹ã¨ã„ã†ã“ã¨ ï½ž HTML5å‹§å‘Šã«å¯„ã›ã¦ ï½ž
HTMLã‚’é©åˆ‡ãªè¦ç´ ã‚’ä½¿ã£ã¦æ›¸ã„ã¦ã„ãã“ã¨ã¯å®Ÿã¯ãã‚Œã»ã©é›£ã—ãã¯ãªã„ã€‚ã—ã‹ã—éŽå‰°ã«è¦ç´ ã‚’ä½¿ã‚ãšã«ã€ã‹ã¤ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã™ã‚‹ã“ã¨ã‚‚æ„è˜ã—ã¦ã€ã¨é©åˆ‡ã«â€œãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—â€ã™ã‚‹ã®ã¯ãªã‹ãªã‹ã®ä¿®ç·´ã‚’å¿…è¦ã¨ã™ã‚‹ã€‚ã„ã£ãŸã„â€œãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—â€ã™ã‚‹ã¨ã„ã†ã“ã¨ã¯ã©ã†ã„ã†ã“ã¨ãªã®ã ã‚ã†ã‹ã€ãã—ã¦ã©ã®ã‚ˆã†ãªæ€è€ƒã®å…ƒã«è¡Œãˆã°è‰¯ã„ã®ã ã‚ã†ã‹ã€‚ HTML5ã§ã®å¤‰åŒ– è‘—ä½œæ¨©è¡¨ç¤ºã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ— smallè¦ç´ footerè¦ç´ ã¨smallè¦ç´ pè¦ç´ ã¨divè¦ç´ footerè¦ç´ ã¨pè¦ç´ ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã¨ã®å…¼ãåˆã„ ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹ã¨ã„ã†ã“ã¨ HTML5ã§ã®å¤‰åŒ– ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«å‰‡ã—ãŸç´ ç›´ãªå½¢ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã§ãã‚‹ã“ã¨ã€‚ HTML5ã§å¤‰ã‚ã‚‹ã“ã¨ã‚„å¤‰ã‚ã£ãŸã“ã¨ã¯å¤šãã‚ã‚‹ãŒã€ãã‚Œã‚‰ã‚’ãŠãŠã¾ã‹ã«ä¿¯çž°ã™ã‚‹ã¨ã“ã®ã‚ˆã†ãªè¨€è‘‰ã«é›†ç´„ã§ãã‚‹ã€‚ãã®ãŸã‚ã«æ§˜ã€…ãªè¦ç´ ã‚„å±žæ€§ãŒè¿½åŠ ã•ã‚Œã€æ—¢å˜ã®å®Ÿè£…ã‚’ãªã‚‹ã¹ãå£Šã•ãªã„å½¢ã§è¦ç´ ã®æ„å‘³ã«å¤‰æ›´ãŒåŠ ãˆã‚‰ã‚ŒãŸã€‚ã“ã‚Œã‚‰ã®å¤‰åŒ–ã¯
fujis_a 2014/12/28
html5
ãƒªãƒ³ã‚¯
HTML5 UP! - HTML5/CSS3è£½ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ MOONGIFT
æ–°ã—ã„Webã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½œã‚ã†ã¨æ€ã£ãŸæ™‚ã«ã¯ã¾ãšãƒ‡ã‚¶ã‚¤ãƒ³ã«ã“ã ã‚ã‚ŠãŸã„ã§ã—ã‚‡ã†ã€‚æœ€è¿‘ã§ã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã€ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆãƒ‡ãƒã‚¤ã‚¹ã®ã‚µãƒãƒ¼ãƒˆã‚‚ã‚ã£ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã•ã‚‰ã«è¤‡é›‘ã«ãªã£ã¦ã„ã¾ã™ã€‚ã“ã‚Œã¾ã§ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã§ã¯å¯¾å¿œã§ããªã„å ´åˆã‚‚å¤šã„ã§ã—ã‚‡ã†ã€‚ ãã“ã§ä½¿ã£ã¦ã¿ãŸã„ã®ãŒHTML5ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã«å¯¾å¿œã—ãŸãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã§ã™ã€‚ç‰¹ã«HTML5 UP!ã§ã¯ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚‚è€ƒæ…®ã•ã‚ŒãŸå¤šå½©ãªãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ HTML5 UP!ã®ä¸»ãªãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ HTML5 UP!ã§ã¯å…¨éƒ¨ã§21ç¨®é¡žã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãŒç™»éŒ²ã•ã‚Œã¦ã„ã¾ã™ã€‚ä»Šå›žã¯ãã®ä¸ã‹ã‚‰å¹¾ã¤ã‹ç´¹ä»‹ã—ã¾ã™ã€‚ ã“ã¡ã‚‰ã¯ç”»é¢å…¨ä½“ã«è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãªã—ã§ã™ã€‚ Twentyã¨ã„ã†ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã§ã™ã€‚ åŸºæœ¬çš„ã«æ–‡å—ã¨ã‚¢ã‚¤ã‚³ãƒ³ãªã®ã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãŒå®¹æ˜“ã§ã™ã€‚ ã“ã†ã„ã†ã®ã‚‚ä½¿ã„ã©ã“ã‚ãŒå¤šãã†ã§ã™ã‚ˆãã€‚ ãƒ•ãƒƒã‚¿ãƒ¼ã«ã¯ã‚¢ã‚¤ã‚³ãƒ³ã‚‚ã€‚ minimaxingã€‚
fujis_a 2014/08/01
html5

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

CSS3
ãƒªãƒ³ã‚¯
ã‚·ãƒ§ãƒƒã‚¯ï¼ã€€TwitterãŒã‚µãƒãƒ¼ãƒˆã‚’å§‹ã‚ãŸGIFã‚¢ãƒ‹ãƒ¡ã¯GIFã§ã¯ãªã‹ã£ãŸâ€•ã—ã‹ã—ã†ã¾ã„è€ƒãˆ | TechCrunch Japan
fujis_a 2014/06/20
ã˜ã‚ƒã‚æœ€åˆã‹ã‚‰MP4ã§UPã™ã‚Œã°ã„ã„ã£ã¦è©±ã§ã‚‚ãªã„ã®ã‹ãªãƒ¼ã‚ˆã†åˆ¤ã‚‰ã‚“ã€‚

HTML5

animation
ãƒªãƒ³ã‚¯
HTML5 Experts Works
All Works HTML5 JUMBOTRON by å¤§æ´¥è°·äº®ç¥ 2,580 node-hue-remote by å¾éƒ· å” 2,198 MySQL Console by ç”°ä¸æ´‹ä¸€éƒŽ 2,958 ChromeMyAdmin by ç”°ä¸æ´‹ä¸€éƒŽ 2,982 HTML5æ¯ by é¢ç™½æ³•äººã‚«ãƒ¤ãƒƒã‚¯ 2,694 dialog element demo by ãˆãƒ¼ã˜ 2,279 wri.pe by å¢—äº• é›„ä¸€éƒŽ 2,174 StyleStats by çŸ³æœ¬ å…‰å¸ 2,632 csv2table by é«˜æ©‹ ç™»å²æœ— 2,965 ccchart by é«˜æ©‹ ç™»å²æœ— 3,582 Hue Video Ambilight by å¾éƒ· å” 2,690 Caption Phone / å—å¹•ä»˜ããƒœã‚¤ã‚¹ãƒãƒ£ãƒƒãƒˆ by ä»² è£•ä»‹ 3,865 WebRTC Chat on SkyWay by å°æ¾ å¥ä½œ 3 jsdo.
fujis_a 2014/04/22
html5

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
WEBãƒ‡ã‚¶ã‚¤ãƒŠå¿…æºã®HTML5&CSS3ã®ã‚³ãƒ¼ãƒ‰ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã€ŒHTML5 & CSS3 Tools and Tutorialsã€:phpspoté–‹ç™ºæ—¥èªŒ
HTML5 & CSS3 Tools and Tutorials WEBãƒ‡ã‚¶ã‚¤ãƒŠå¿…æºã®HTML5&CSS3ã®ã‚³ãƒ¼ãƒ‰ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã€ŒHTML5 & CSS3 Tools and Tutorialsã€ã€‚ æ¬¡ã®ã‚ˆã†ãªå˜ä¸€ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚ˆã†ãªUIã§CSS3ã‚„HTML5ã®å„ç¨®ã‚³ãƒ¼ãƒ‰ã‚’WYSIWYGã§ç”Ÿæˆã§ãã¦ã‹ãªã‚Šä¾¿åˆ©ã§ã™ã€‚ ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ã¦ãŠãã¨ä½œæ¥ã‚’åŠ¹çŽ‡åŒ–ã§ããã†ã§ã™ã é–¢é€£ã‚¨ãƒ³ãƒˆãƒª WEBãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãªã‚‰è¦‹ã¦ãŠãã¹ãCSS3ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
fujis_a 2014/02/27
html5

css3

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
ã¨ã¦ã‚‚åŠ¹çŽ‡çš„ã«ãªã£ãŸï¼HTML5ã«é–¢ã™ã‚‹ã€Œå½¹ç«‹ã¤ã€ã¾ã¨ã‚
ä½œæˆï¼š2013/12/16 æ›´æ–°ï¼š2014/11/01 Webåˆ¶ä½œ > ã‚µã‚¤ãƒˆæ§‹ç¯‰ã‚’ã™ã‚‹ã¨ãã«ã€ãƒ•ã‚©ãƒ¼ãƒ ã¾ã‚ã‚Šã®æ”¹å–„ã‚„å‹•ç”»ã‚„APIã‚’ä½¿ã‚ãªãã¦ã¯ã„ã‘ãªã„æ©Ÿä¼šãŒã‚ã£ãŸã®ã§ã€ã¤ã„ã§ã«HTMLï¼•ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’ãŠã•ã‚‰ã„ã‚’ã—ã¾ã—ãŸã€‚ä»Šå›žã¯ã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã™ã‚‹ä¸Šã§è¦šãˆã¦ãŠãã¨å½¹ã«ç«‹ã¤ã€ä½¿ç”¨é »åº¦ã®é«˜ã„ãƒã‚¤ãƒ³ãƒˆã ã‘ãŠã•ãˆã¦ã¾ã¨ã‚ã¾ã—ãŸã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ãã˜ HTML5 ã‚¿ã‚°ä¸€è¦§ ï¼‘ï¼Žãƒ•ã‚©ãƒ¼ãƒ ï¼ˆinput ï¼‰é–¢é€£ã®ä¾¿åˆ©ãªæ–°è¦ç´ ï¼’ï¼ŽåŸºæœ¬è¦ç´ ä¸€è¦§ å‹•ç”»ï¼éŸ³æ¥½å†ç”Ÿ ï¼“ï¼Žvideo ã‚¿ã‚° ï¼”ï¼Žaudio ã‚¿ã‚° ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³å‘ã‘ã®æ©Ÿèƒ½ï¼API ï¼•ï¼Žä½ç½®æƒ…å ±ã‚’å–å¾—ã™ã‚‹ ï¼–ï¼Žãƒãƒ¼ã‚«ãƒ«ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ ï¼—ï¼Žã‚µãƒ¼ãƒãƒ¼åŒæ–¹å‘é€šä¿¡ ï¼˜ï¼Žãƒãƒƒã‚¯ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰å‡¦ç† ï¼™ï¼Žãƒ•ã‚¡ã‚¤ãƒ«æ“ä½œ ã‚µãƒ³ãƒ—ãƒ« ï¼‘ï¼ï¼Žã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¤ãã®ã‚µãƒ³ãƒ—ãƒ« ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ ï¼‘ï¼‘ï¼Žãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆï¼‹ä½œæˆãƒ„ãƒ¼ãƒ« HTML5
fujis_a 2013/12/16
html5

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
Webãƒšãƒ¼ã‚¸ã‚’Retinaå¯¾å¿œã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï½žå®Ÿè·µç·¨
Webãƒšãƒ¼ã‚¸ã‚’Retinaå¯¾å¿œã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï½žå®Ÿè·µç·¨ï¼šjQueryÃ—HTML5Ã—CSS3ã‚’çœŸé¢ç›®ã«å‹‰å¼·ï¼ˆ5ï¼‰ï¼ˆ1/3 ãƒšãƒ¼ã‚¸ï¼‰ å‰å›žã®Webã«ãŠã‘ã‚‹ãƒ”ã‚¯ã‚»ãƒ«ã®åŸºæœ¬çš„ãªè©±ã‚’è¸ã¾ãˆã€ä»Šå›žã¯Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã‚’ã¯ã˜ã‚ã¨ã—ãŸé«˜ç²¾ç´°ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã«Webãƒšãƒ¼ã‚¸ã‚’å¯¾å¿œã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã™ã‚‹ã€‚ å‰å›žï¼ˆWebãƒšãƒ¼ã‚¸ã‚’Retinaå¯¾å¿œã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï½žåŸºç¤ŽçŸ¥è˜ç·¨ï¼‰ã¯Webã«ãŠã‘ã‚‹ãƒ”ã‚¯ã‚»ãƒ«ã®åŸºæœ¬çš„ãªè©±ã‚’ã—ã¾ã—ãŸã€‚ä»Šå›žã¯ãã‚Œã‚’è¸ã¾ãˆãŸä¸Šã§ã€Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã‚’ã¯ã˜ã‚ã¨ã—ãŸé«˜ç²¾ç´°ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã«Webãƒšãƒ¼ã‚¸ã‚’å¯¾å¿œã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ CSS Spriteã§è¤‡æ•°ã®è§£åƒåº¦ã«å¯¾å¿œ æœ€ã‚‚åŽŸå§‹çš„ãªå¯¾å¿œæ–¹æ³•ã§ã™ã€‚ä¸€èˆ¬çš„ãªPCãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã¨åŒã˜è¦é ˜ã§ä½œæˆã—ãŸç”»åƒã‚’Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã«ä½¿ç”¨ã™ã‚‹ã¨ã€ã«ã˜ã‚“ã ã‚ˆã†ã«è¡¨ç¤ºã•ã‚Œã¦ã—ã¾ã„ã¾ã™ã€‚ãƒ‡ãƒã‚¤ã‚¹ä¸Šã§ã¯åŒã˜ã‚µã‚¤ã‚ºã§ã‚‚ã€ä½¿ã‚ã‚Œã¦ã„ã‚‹ãƒ”ã‚¯ã‚»ãƒ«æ•°ã®ã‚¿ãƒ†ãƒ»ãƒ¨ã‚³ãŒ2
fujis_a 2013/09/28
html5

CSS3
ãƒªãƒ³ã‚¯
HTML5 UP! Responsive HTML5 and CSS3 Site Templates
fujis_a 2013/05/25
TEMPLATE

responsive

html5
ãƒªãƒ³ã‚¯
csstubemap.co.uk
This domain is expired. If you are the owner and you want to renew it please contact your registrar
fujis_a 2013/05/25
HTML5

CSS3
ãƒªãƒ³ã‚¯
ãƒ†ã‚£ãƒ©ãƒŽã‚¹ã‚¯ãƒªãƒ—ãƒˆï½œã‚¹ãƒžãƒ›å¯¾å¿œã®ãƒŽãƒ™ãƒ«ã‚²ãƒ¼ãƒ ã‚¨ãƒ³ã‚¸ãƒ³ã€‚ç„¡æ–™
ã‚¹ãƒžãƒ›å¯¾å¿œã®ãƒŽãƒ™ãƒ«ã‚²ãƒ¼ãƒ é–‹ç™ºãƒ„ãƒ¼ãƒ«ã€‚å®Œå…¨ç„¡æ–™ã€‚ ãƒ†ã‚£ãƒ©ãƒŽã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ä½¿ãˆã°ã€å¹…åºƒã„ç’°å¢ƒã«å‘ã‘ã¦ã‚ãªãŸã®ã‚²ãƒ¼ãƒ ã‚’å…¬é–‹ã§ãã¾ã™ã€‚ ãƒžãƒ«ãƒãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ æ™‚ä»£ã®ã‚²ãƒ¼ãƒ é–‹ç™ºã‚’ãœã²ä½“é¨“ã—ã¦ãã ã•ã„ã€‚ å¹…åºƒã„å¯¾å¿œç’°å¢ƒã€‚Windowsã€Macã€iphoneã€ã‚¢ãƒ³ãƒ‰ãƒã‚¤ãƒ‰ã€ãƒ–ãƒ©ã‚¦ã‚¶ã‚²ãƒ¼ãƒ ã§ç™ºè¡¨ã§ãã¾ã™ã€‚ å®Œå…¨ç„¡æ–™ã€‚å•†ç”¨åˆ©ç”¨ã«ã‚‚åˆ¶é™ãªã—ã€‚ã•ã‚‰ã«æ”¹é€ ã‚‚OKï¼ ãƒ†ã‚£ãƒ©ãƒŽã‚¹ã‚¯ãƒªãƒ—ãƒˆã®ä½œå“æ•°ã¯20,000ä½œå“ã‚’çªç ´ï¼æƒ…å ±ã‚‚å……å®Ÿã—ã¦ã„ã¾ã™ã€‚ åˆå¿ƒè€…å‘ã‘ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’è©¦ã—ã¦ã¿ã‚‹ ã‚ã‚‰ã‚†ã‚‹ç’°å¢ƒã§å‹•ä½œã—ã€å¤šå½©ãªé…å¸ƒæ–¹æ³•ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ ãƒ†ã‚£ãƒ©ãƒŽã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ä½œã‚‰ã‚ŒãŸã‚²ãƒ¼ãƒ ã¯ã‚ã‚‰ã‚†ã‚‹ç’°å¢ƒã§å‹•ä½œã—ã¾ã™ã€‚ ä½œå“ã®é…å¸ƒæ–¹å¼ã‚‚ã€ŒWindowsã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã€ã€ŒMacOSã‚¢ãƒ—ãƒªã€ã€Œiphoneã‚¢ãƒ—ãƒªã€ã€ŒAndoroidã‚¢ãƒ—ãƒªã€ã€Œãƒ–ãƒ©ã‚¦ã‚¶ã‚²ãƒ¼ãƒ ã€ã€Œãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸åŸ‹ã‚è¾¼ã¿ã€ ã€Œå„ç¨®æºå¸¯ã‚²ãƒ¼ãƒ æ©Ÿã€æ®ãˆç½®ãæ©Ÿã€ãªã©ã€ å¤šãã®ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã«ä½œå“
fujis_a 2013/04/29
html5

ã‚²ãƒ¼ãƒ
ãƒªãƒ³ã‚¯
Edge Animateã¨ã¯â€•â€•ç„¡æ–™ã§ä½¿ãˆã‚‹HTML5åˆ¶ä½œãƒ„ãƒ¼ãƒ« (1/2)
ã€Œã‚¹ãƒžãƒ›ã«ã‚‚å¯¾å¿œã—ãŸã„ã‹ã‚‰Flashã®ä»£ã‚ã‚Šã«HTML5ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã£ã¦ã€ã¨é ¼ã¾ã‚Œã‚‹ã“ã¨ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿã€€ã¨ã“ã‚ãŒã€JavaScriptã®ã‚³ãƒ¼ãƒ‰ã‚’è¨˜è¿°ã—ã¦ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹ã®ã¯Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ã¯ãƒãƒ¼ãƒ‰ãƒ«ãŒé«˜ãã€å¤šãã®ãƒ‡ãƒã‚¤ã‚¹ã§å‹•ãã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®åˆ¶ä½œã¯ç°¡å˜ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ãã“ã§æ³¨ç›®ã•ã‚Œã¦ã„ã‚‹ã®ãŒã€Flashæ„Ÿè¦šã§ã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³ãƒ™ãƒ¼ã‚¹ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚Œã‚‹ã€ŒEdge Animateã€ã§ã™ã€‚æœ¬é€£è¼‰ã§ã¯ã€Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚„Flashã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚’å¯¾è±¡ã«ã€Edge Animateã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã‹ã‚‰å®Ÿè·µçš„ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„åˆ¶ä½œã®æ–¹æ³•ã¾ã§ã‚’è§£èª¬ã—ã¾ã™ã€‚ï¼ˆç·¨é›†éƒ¨ï¼‰ ã€Œã‚¹ãƒžãƒ›ã«ã‚‚å¯¾å¿œã—ãŸã„ã‹ã‚‰Flashã®ä»£ã‚ã‚Šã«HTML5ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã£ã¦ã€ã¨é ¼ã¾ã‚Œã‚‹ã“ã¨ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿã€€ã¨ã“ã‚ãŒã€JavaScriptã®ã‚³ãƒ¼ãƒ‰ã‚’è¨˜è¿°ã—ã¦ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹ã®ã¯Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ã¯ãƒãƒ¼ãƒ‰ãƒ«ãŒé«˜ãã€å¤šãã®ãƒ‡ãƒã‚¤ã‚¹ã§å‹•ã
fujis_a 2013/04/12
ã‚ã¨ã§èªã‚€

html5
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã§ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’ä½¿ã†æ™‚ã®å°æŠ€
tableã‚„trã€tdãªã©ã®ãƒ†ãƒ¼ãƒ–ãƒ«é–¢é€£ã®ã‚¿ã‚°ã®dsiplayãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’å¤‰æ›´ã™ã‚‹ã“ã¨ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¤‰æ›´ã—ã¾ã™ã€‚ tableã‚¿ã‚°ã®displayã®å€¤ã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã¯tableã€tdã‚„thã‚¿ã‚°ã¯table-cellã¨ã„ã£ãŸå…·åˆã§ã™ãŒã€ã“ã®å€¤ã‚’blockã‚„list-it emãªã©ä»–ã®å€¤ã«å¤‰ãˆã¾ã™ã€‚ @media only screen and (max-width:420px){ tbody tr{ display: block; margin-bottom: 1.5em; } tbody th, tbody td{ display: list-it em; border: none; } ..... } Chromeã€Safariã€Firefoxå¯¾å¿œã€‚ IEã§ã¯Tableã®displayã‚’å¤‰æ›´ã—ã¦ã‚‚è¡¨ç¤ºã¯å¤‰ã‚ã‚‰ãªã„ã‚ˆã†ãªã®ã§éžå¯¾å¿œã§ã™ã€‚ æ¡ä»¶åˆ†å²ã‚³ãƒ¡ãƒ³ãƒˆã‚’ä½¿ã£ã¦IEã«ã¯ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã‚’èªã¾ã›ãªã„ã‚ˆ
fujis_a 2012/11/02
ã‚ã¨ã§èªã‚€

css3

html5

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ãƒªãƒ³ã‚¯
HTML5ã®å¦ç¿’ã«å½¹ç«‹ã¤(ä¸»ã«)æ—¥æœ¬èªžã®ã‚µã‚¤ãƒˆã¾ã¨ã‚2012
webã«ã‚ã‚‹HTML5ã®æƒ…å ±ã¯è‹±èªžã®ã‚‚ã®ãŒå¤šã„ å½“ç„¶ã®ã“ã¨ã§ã™ãŒã€HTML5ã®æƒ…å ±ã¯æ®†ã©ãŒè‹±èªžã§ã™ã€‚W3Cã®ã‚µã‚¤ãƒˆã ã£ã¦è‹±èªžã§æ›¸ã‹ã‚Œã¦ã„ã¾ã™ã—ã€å¤§æŠµã®æƒ…å ±ã¯è‹±èªžã•ãˆåˆ†ã‹ã‚Œã°ã‚¢ã‚¯ã‚»ã‚¹ã§ãã¾ã™ãã€‚ ã¾ã‚ã¨ã¯ã„ãˆã€HTML5ã‚’å‹‰å¼·ã—ã‚ˆã†ã¨è€ƒãˆã‚‹ã„ããªã‚Šèª°ã‚‚ãŒè‹±èªžã‚’èªã‚ãªã‘ã‚Œã°ãªã‚‰ãªã„ã¨ãªã‚‹ã¨ã¡ã‚‡ã£ã¨é›£ã—ã„ã§ã™ã‚ˆãã€‚æœ€åˆã¯å…ˆè¼©æ–¹ã®ç¿»è¨³ã¾ãŸã¯æ—¥æœ¬èªžã§æ›¸ã‹ã‚ŒãŸã‚ªãƒªã‚¸ãƒŠãƒ«ã®æ–‡æ›¸ã‹ã‚‰å¦ã³ãŸã„ã€‚ãã—ã¦æƒ…å ±ã®é€Ÿåº¦ã‚„åˆ¤æ–ã®å°ºåº¦ã®ãšã‚ŒãŒæ°—ã«ãªã£ã¦ãã¦ã‹ã‚‰ã€ãã‚Œã‹ã‚‰å›½å¤–ã®æƒ…å ±ã§å‹‰å¼·ã—ã¦ã‚‚é…ãã¯ãªã„ã¯ãšã§ã™ã€‚â€¦ãã†æ€ã„ãŸã„ã§ã™ï½— HTML5ã«é–¢ã™ã‚‹å›½å†…ã®ã‚µã‚¤ãƒˆã‚„æƒ…å ±æºã‚’ã¾ã¨ã‚ã¾ã—ãŸ ã¨è¨€ã†è¨³ã§ã€ä»Šå›žã¯webcre8ãŒèªè˜ã—ã¦ã„ã‚‹HTML5ã«é–¢ã™ã‚‹æƒ…å ±æºã‚„ãƒªã‚½ãƒ¼ã‚¹ã‚µã‚¤ãƒˆã€å‚è€ƒã«ãªã£ãŸè¨˜äº‹ã€èª¿ã¹ã¦ãŸã‚‰å‡ºã¦ããŸã‚‚ã®ã‚’ã–ã£ãã‚Šã¨ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ã‚µã‚¤ãƒˆã€ãƒ–ãƒã‚°è¨˜äº‹ã€ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ãƒ„ãƒ¼ãƒ«ç‰ã§ã™ã€‚ã›ã£ã‹ããªã®ã§ã€çŸ¥ã£ã¦ã„ã‚‹ã‚‚ã®ã¯è‹±
fujis_a 2012/10/24
html5

ã¾ã¨ã‚

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
1 2 3 4 æ¬¡ã®ãƒšãƒ¼ã‚¸