[B! CSS] kazu_levis501ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kazu_levis501 id:kazu_levis501

CSSã«é–¢ã™ã‚‹kazu_levis501ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (14)

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

ã¤ã¾ã¿é£Ÿã„ãŒæ¨ªè¡Œã™ã‚‹CSSã‚’æ£ã—ãç†è§£ã™ã‚‹â€•â€•ã€Žã¯ã˜ã‚ã¦ã®CSSè¨è¨ˆã€è‘—è€…ã‚¤ãƒ³ã‚¿ãƒ“ãƒ¥ãƒ¼
æ‰‹è»½ã§è‡ªç”±åº¦ã®é«˜ã„CSSã€ã—ã‹ã—ã€ãã‚Œã‚†ãˆã«ãƒãƒ¼ãƒ é–‹ç™ºã‚„ä¸ï½žå¤§è¦æ¨¡ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§æ€ã‚ã¬ã€Œäº‹ä»¶ã€ãŒèµ·ãã‚‹ã®ã‚‚CSSã§ã™ã€‚ç¿”æ³³ç¤¾ãŒ3æœˆ13æ—¥ã«åˆŠè¡Œã—ãŸã€Žã¯ã˜ã‚ã¦ã®CSSè¨è¨ˆã€ã®è‘—è€…ã®ä¸€äººã€ç”°è¾ºä¸ˆå£«ï¼ˆã‚¢ã‚¤ãƒ»ã‚¨ãƒ ãƒ»ã‚¸ã‚§ã‚¤ï¼‰ã•ã‚“ã¯ã€ŒCSSã®ã¤ã¾ã¿é£Ÿã„ã€ãŒæ¨ªè¡Œã—ã¦ã„ã‚‹ã¨å±æƒ§ã€‚CSSã‚’ãã¡ã‚“ã¨è¨è¨ˆã™ã‚‹ãŸã‚ã®æœ¬æ›¸ã«ã¤ã„ã¦ã†ã‹ãŒã„ã¾ã—ãŸã€‚ æœ€åˆã¯å¤§ä¸ˆå¤«ã§ã‚‚ã®ã¡ã®ã¡å¤§å¤‰ãªã“ã¨ã«ãªã‚‹ â€•â€•ã€Žã¯ã˜ã‚ã¦ã®CSSè¨è¨ˆ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒæ•™ãˆã‚‹ãƒ¡ãƒ³ãƒ†ãƒŠãƒ–ãƒ«ãªCSSè¨è¨ˆæ‰‹æ³•ã€ã¯ã€CSSã‚’ã‹ã˜ã£ãŸã“ã¨ãŒã‚ã£ã¦ã‚‚ã‚¼ãƒã‹ã‚‰ã¯è¨è¨ˆã—ãŸã“ã¨ã®ãªã„æ–¹ã®ãŸã‚ã®è§£èª¬æ›¸ã§ã™ã€‚ç”°è¾ºã•ã‚“å§‹ã‚è‘—è€…é™£ã®çµŒé¨“ãŒè©°ã‚è¾¼ã¾ã‚ŒãŸ1å†Šã ã¨æ€ã„ã¾ã™ãŒã€æœ€åˆã«ç”°è¾ºã•ã‚“ã®çµŒæ´ã‚’æ•™ãˆã¦ãã ã•ã„ã€‚ ç”°è¾ºï¼šåƒ•ã¯å…ƒã€…å–¶æ¥ã‚’ã‚„ã£ã¦ã„ãŸã‚“ã§ã™ãŒã€Web 2.0ã¨é¨’ãŒã‚Œã¦ã„ãŸã¨ãã«å‹‰å¼·ã—å§‹ã‚ã€æµ·å¤–ã§Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ä»•äº‹ã‚’ã™ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ãƒ†ãƒ¼ãƒ–ãƒ«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã ã£ãŸã‚‚
kazu_levis501 2017/03/21
CSS

è¨è¨ˆ
ãƒªãƒ³ã‚¯
CSSã¯ãƒ¡ãƒ³ãƒ†ãƒŠãƒ–ãƒ«ã“ãæ£ç¾©ï¼ ã‚«ã‚ªã‚¹ã«ãªã£ã¦ç ´ç¶»ã—ãªã„ãŸã‚ã®ã€Žã¯ã˜ã‚ã¦ã®CSSè¨è¨ˆã€
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã ã‘ã§ãªããƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã€Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚‚è§¦ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ããŸCSSã§ã™ãŒã€ãã®è‡ªç”±åº¦ã®é«˜ã•ã‚†ãˆã«ã‚³ãƒ¼ãƒ‰ãŒè‚¥å¤§åŒ–ã—ã¦æ‰‹ã‚’ã¤ã‘ã‚‰ã‚Œãªããªã‚‹ã“ã¨ã‚‚ã‚ã‚Šãˆã¾ã™ã€‚ç¿”æ³³ç¤¾ã§ã¯ã€ãã‚“ãªã‚«ã‚ªã‚¹ã‚’é¿ã‘ã€æ•´ç„¶ã¨ã—ãŸä¿å®ˆãƒ»é‹ç”¨ã‚’å®Ÿç¾ã™ã‚‹ãŸã‚ã®ã€Žã¯ã˜ã‚ã¦ã®CSSè¨è¨ˆã€ã‚’3æœˆ13æ—¥ã«åˆŠè¡Œã—ã¾ã™ã€‚ ã€Žã¯ã˜ã‚ã¦ã®CSSè¨è¨ˆ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒæ•™ãˆã‚‹ãƒ¡ãƒ³ãƒ†ãƒŠãƒ–ãƒ«ãªCSSè¨è¨ˆæ‰‹æ³•ã€ã¯ã€CSSã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§ç™ºç”Ÿã—ãŒã¡ãªå•é¡Œã‚’äº‹å‰ã«å›žé¿ã™ã‚‹ãŸã‚ã®è¨è¨ˆæ‰‹æ³•ãŒå¦ã¹ã‚‹è§£èª¬æ›¸ã§ã™ã€‚ CSSã¯è‡ªç”±åº¦ãŒé«˜ãæ‰‹è»½ã«æ›¸ãã“ã¨ãŒã§ãã‚‹ãŸã‚ã€ã¤ã„æ€ã„ã¤ãã§ä¸Šæ›¸ãã‚„ç·¨é›†ãƒ»ä¿®æ£ã‚’ç¹°ã‚Šè¿”ã—ã¦ã—ã¾ã†ã“ã¨ãŒã‚ã‚‹ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ãã®çµæžœã€æ€ã„ã‚‚ã—ãªã„ã¨ã“ã‚ã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒå´©ã‚ŒãŸã‚Šã€ãƒ•ã‚¡ã‚¤ãƒ«ãŒè‚¥å¤§åŒ–ã—ã¦ã©ã“ã‚’ç·¨é›†ã™ã‚Œã°ã„ã„ã®ã‹ã‚ã‹ã‚‰ãªããªã£ãŸã‚Šã™ã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ æœ¬æ›¸ã¯ãã‚“ãªã‚«ã‚ªã‚¹ã‚’é¿ã‘ã‚‹ãŸã‚ã«ã€åŸºæœ¬ã‹ã‚‰å®Ÿ
kazu_levis501 2017/03/13
CSS

CSSè¨è¨ˆ

ãƒ¡ãƒ³ãƒ†ãƒŠãƒ–ãƒ«

æ£ç¾©
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒ³ã‚µãƒ³ãƒ—ãƒ«ã§å¦ã¶CSSã«ã‚ˆã‚‹ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ï½žã€Œãƒ†ã‚ã‚¹ãƒˆï¼ˆãƒžãƒ«ãƒã‚«ãƒ©ãƒ ï¼‰ã€ç·¨
ã¯ã˜ã‚ã« å‰å›žã®è¨˜äº‹ã§ã¯ã€floatãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’ä½¿ã£ãŸæ®µçµ„ã¿ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ç´¹ä»‹ã—ã¾ã—ãŸã€‚ã“ã‚Œã¯è¤‡æ•°ã®ãƒœãƒƒã‚¯ã‚¹ã‚’floatãƒ—ãƒãƒ‘ãƒ†ã‚£ã§æ¨ªä¸¦ã³ã«é…ç½®ã—ã€æ®µçµ„ã¿ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å®Ÿç¾ã™ã‚‹ã‚‚ã®ã§ã—ãŸã€‚ä»Šå›žç´¹ä»‹ã™ã‚‹æ–¹æ³•ã¯ã€CSS3ã®ãƒžãƒ«ãƒã‚«ãƒ©ãƒ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆï¼ˆMulti-column Layoutï¼‰æ©Ÿèƒ½ã‚’åˆ©ç”¨ã—ã¦ã€1ã¤ã®ãƒœãƒƒã‚¯ã‚¹å†…ã«è¤‡æ•°ã®æ®µçµ„ã¿ã‚’ç”Ÿæˆã™ã‚‹ã‚‚ã®ã§ã™ã€‚floatãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ã‚ˆã†ã«ã€æ®µã‚’åŒºåˆ‡ã‚‹ãŸã‚ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’è¿½åŠ ã—ãŸã‚Šã€æ®µã®é«˜ã•ã‚’æ„è˜ã—ãŸã‚Šã™ã‚‹å¿…è¦ãŒãªãã€ç°¡å˜ã«æ®µçµ„ã¿ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å®Ÿç¾ã§ãã¾ã™ã€‚ç‰¹ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®å†…å®¹ãŒã©ã®ãã‚‰ã„ã®åˆ†é‡ã«ãªã‚‹ã®ã‹ã‚ã‹ã‚‰ãªã„å ´åˆãªã©ã€é•·ã„æ–‡ç« ã‚’æ®µã«æµã—è¾¼ã¿ãŸã„æ™‚ã«å¤§å¤‰ä¾¿åˆ©ã§ã™ã€‚ å¯¾è±¡èªè€… ï¼ˆXï¼‰HTMLã¨CSSã®åŸºæœ¬ã‚’ç†è§£ã—ã¦ã„ã‚‹æ–¹ ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚³ãƒ„ã‚’å¦ã³ãŸã„æ–¹ å¿…è¦ãªç’°å¢ƒ æœ¬é€£è¼‰ã§å‹•ä½œç¢ºèªã‚’è¡Œã£ãŸãƒ–ãƒ©ã‚¦ã‚¶ã¯æ¬¡ã®ã¨ãŠã‚Šã§ã™ã€‚ Windows 7 Internet Explo
kazu_levis501 2015/01/13
CSS

ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°

ãƒ†ã‚ã‚¹ãƒˆ
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒ³ã‚µãƒ³ãƒ—ãƒ«ã§å¦ã¶CSSã«ã‚ˆã‚‹ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ï½žã€Œãƒ†ãƒ¼ãƒ–ãƒ«ï¼ˆã‚»ãƒ«ã®ãƒœãƒ¼ãƒ€ãƒ¼ã®è¡¨ç¤ºå½¢å¼ã«ã‚ˆã‚‹ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ï¼‰ã€ç·¨
CodeZineç·¨é›†éƒ¨ã§ã¯ã€ç¾å ´ã§æ´»èºã™ã‚‹ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã‚’ã‚¹ã‚¿ãƒ¼ã«ã™ã‚‹ãŸã‚ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ŒDevelopers Summitã€ã‚„ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ç”Ÿãã–ã¾ã‚’ãƒ–ãƒ¼ã‚¹ãƒˆã™ã‚‹ãŸã‚ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒDevelopers Boostã€ãªã©ã€ã•ã¾ã–ã¾ãªã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ä¼ç”»ãƒ»é‹å–¶ã—ã¦ã„ã¾ã™ã€‚
kazu_levis501 2014/06/04
CSS

ãƒ†ãƒ¼ãƒ–ãƒ«
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒ³ã‚µãƒ³ãƒ—ãƒ«ã§å¦ã¶CSSã«ã‚ˆã‚‹ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ï½žã€Œãƒªã‚¹ãƒˆã€ç·¨
CodeZineç·¨é›†éƒ¨ã§ã¯ã€ç¾å ´ã§æ´»èºã™ã‚‹ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã‚’ã‚¹ã‚¿ãƒ¼ã«ã™ã‚‹ãŸã‚ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ŒDevelopers Summitã€ã‚„ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ç”Ÿãã–ã¾ã‚’ãƒ–ãƒ¼ã‚¹ãƒˆã™ã‚‹ãŸã‚ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒDevelopers Boostã€ãªã©ã€ã•ã¾ã–ã¾ãªã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ä¼ç”»ãƒ»é‹å–¶ã—ã¦ã„ã¾ã™ã€‚
kazu_levis501 2014/05/07
CSS

ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒ³ã‚µãƒ³ãƒ—ãƒ«ã§å¦ã¶CSSã«ã‚ˆã‚‹ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ï½žã€Œè¦‹å‡ºã—ã€ç·¨
CodeZineç·¨é›†éƒ¨ã§ã¯ã€ç¾å ´ã§æ´»èºã™ã‚‹ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã‚’ã‚¹ã‚¿ãƒ¼ã«ã™ã‚‹ãŸã‚ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ŒDevelopers Summitã€ã‚„ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ç”Ÿãã–ã¾ã‚’ãƒ–ãƒ¼ã‚¹ãƒˆã™ã‚‹ãŸã‚ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒDevelopers Boostã€ãªã©ã€ã•ã¾ã–ã¾ãªã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ä¼ç”»ãƒ»é‹å–¶ã—ã¦ã„ã¾ã™ã€‚
kazu_levis501 2014/04/03
CSS

è¦‹å‡ºã—
ãƒªãƒ³ã‚¯
æ¤œè¨¼ï¼šãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã®CSSã¯ãƒ¢ãƒã‚¤ãƒ«å‘ã‘ã‚’å…ˆã«æ›¸ãã¨è¡¨ç¤ºãŒæ—©ã„ï¼Ÿ | åˆä»£ç·¨é›†é•·ãƒ–ãƒã‚°â€•å®‰ç”°è‹±ä¹…
ä»Šæ—¥ã¯ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã§ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’æ›¸ãé †ç•ªã«ã¤ã„ã¦ã€‚CSSã‚’æ›¸ãé †ç•ªãŒã€ãƒ‡ãƒã‚¤ã‚¹ã”ã¨ã®è¡¨ç¤ºé€Ÿåº¦ã«é–¢ä¿‚ã™ã‚‹ã®ã‹ã‚’æ¤œè¨¼ã—ã¦ã¿ãŸè©±é¡Œã§ã™ã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã§ã¯ã€ãƒ¢ãƒã‚¤ãƒ«å‘ã‘ã®CSSã‚’å…ˆã«æ›¸ãã»ã†ãŒã€ãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«ã§æ—©ãè¡¨ç¤ºã•ã‚Œã‚‹ ä»¥å‰ã«ã€ãã‚“ãªã“ã¨ã‚’è€³ã«ã—ã¾ã—ãŸã€‚ã€Œã‚“ãƒ¼ã€ã©ã†ãªã‚“ã ã‚ã†ã€ã¨æ€ã£ãŸã®ã§ã€å®Ÿéš›ã«æ¤œè¨¼ã—ã¦ã¿ã¾ã—ãŸã€‚ ä»®èª¬ã§ã¯ã€ã€Œãƒ–ãƒ©ã‚¦ã‚¶ã¯DOMè¦ç´ ã‚’æ§‹ç¯‰ã—ã¦ã‹ã‚‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã™ã‚‹ã ã‚ã†ã‹ã‚‰ã€ãƒ¢ãƒã‚¤ãƒ«å‘ã‘ã¨PCå‘ã‘ã§CSSã‚’åˆ¥ã«ã—ã¦linkè¦ç´ ã§èªã¿è¾¼ã‚ã°ã€ãŸã—ã‹ã«ãã‚Œã‚‚æœ‰ã‚Šå¾—ã‚‹ã€ã§ã—ãŸãŒã€å®Ÿéš›ã«ã¯ã©ã†ã ã£ãŸã®ã§ã—ã‚‡ã†ã‹ï¼Ÿ ãƒ†ã‚¹ãƒˆç”¨ã«ã€å°‚ç”¨ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç”¨æ„ã—ã¾ã—ãŸã€‚ã„ã‚ã‚“ãªãƒ‘ã‚¿ãƒ¼ãƒ³ï¼ˆlinkè¦ç´ ã¨ã‹ã€styleè¦ç´ ã¨ã‹ã€styleè¦ç´ ã§@importã¨ã‹ï¼‰ã®CSSã‚’ã€headå†…ãƒ»bodyä¸Šéƒ¨ãƒ»bodyä¸‹éƒ¨ã«å‡ºåŠ›ã§ãã‚‹ã‚ˆã†ã«ã—ã¦ã€ãƒ¢ãƒã‚¤ãƒ«å‘ã‘CSSã‚’å‡ºåŠ›ã—ã¦æ•°
kazu_levis501 2013/05/14
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

CSS

å®‰ç”°ã•ã‚“

å…±æœ‰
ãƒªãƒ³ã‚¯
CSSã§å¤‰æ•°ã‚’åˆ©ç”¨å¯èƒ½ã«ã€‚W3CãŒã€ŒCSS Variables Module Level 1ã€ãƒ‰ãƒ©ãƒ•ãƒˆã‚’å…¬é–‹
CSSã§å¤‰æ•°ã‚’åˆ©ç”¨å¯èƒ½ã«ã€‚W3CãŒã€ŒCSS Variables Module Level 1ã€ãƒ‰ãƒ©ãƒ•ãƒˆã‚’å…¬é–‹ CSSã¯ã“ã‚Œã¾ã§å¤‰æ•°ãŒä½¿ãˆãªã‹ã£ãŸãŸã‚ã€ä¾‹ãˆã°ãƒšãƒ¼ã‚¸å†…ã®è¤‡æ•°ç®‡æ‰€ã‚’åŒã˜è‰²ã§æƒãˆã‚ˆã†ã¨ã—ãŸã¨ãã«ã¯ã€åŒã˜ã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ã‚’CSSã®è¤‡æ•°ç®‡æ‰€ã«æ›¸ãè¾¼ã‚€å¿…è¦ãŒã‚ã‚Šã€è‰²ã«å¤‰æ›´ãŒã‚ã‚‹ãŸã³ã«ã™ã¹ã¦ã®ç®‡æ‰€ã‚’ç¢ºå®Ÿã«ä¿®æ£ã—ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ CSS Variables Module Level 1ã¯ã€CSSã«å¤‰æ•°ã‚’æŒã¡è¾¼ã‚€ã“ã¨ã«ã‚ˆã£ã¦ã€å¤‰æ•°ã®å€¤ã‚’è²·ã„æ›ãˆã‚‹ã ã‘ã§è¤‡æ•°ç®‡æ‰€ã®ã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ãŒè‡ªå‹•çš„ã«æ›¸ãæ›ã‚ã‚‹ã€ã¨ã„ã£ãŸã“ã¨ã‚’å¯èƒ½ã«ã—ã¾ã™ã€‚ è‰²ã®ã‚³ãƒ¼ãƒ‰ã‚’ç°¡å˜ã«ä½¿ã„ã¾ã‚ã›ã‚‹ å¤‰æ•°ã‚’è¨˜è¿°ã™ã‚‹ã¨ãã«ã¯ã€Œdata-å¤‰æ•°åã€ã¨è¨˜è¿°ã—ã¾ã™ã€‚ä¾‹ãˆã°å¤‰æ•°åãŒã€Œvarã€ã®ã¨ãã«ã¯ã€CSSãƒ•ã‚¡ã‚¤ãƒ«å†…ã§ã€Œdata-varã€ã¨è¨˜è¿°ã—ã¾ã™ã€‚æŽ¥é è¾žãŒã€Œdata-ã€ãªã®ã¯ã€HTML5ã®ã€ŒCustom Data Attributeã€ã¨
kazu_levis501 2012/02/13
W3C

CSS
ãƒªãƒ³ã‚¯
CSSã ã‘ã§å¿…æ®ºæŠ€ã‚’ä½œã‚‹ã‚³ãƒ³ãƒ†ã‚¹ãƒˆã®ã‚¯ã‚ªãƒªãƒ†ã‚£ãƒ¼ãŒé«˜ã™ãŽã‚‹ä»¶
jsdo.itã§ã€ŒSPECã€ã¨ã„ã†ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚³ãƒ³ãƒ†ã‚¹ãƒˆã‚’é–‹å‚¬ã—ã¦ã„ã¾ã™ã€‚ ä»Šå›žã®ãƒ†ãƒ¼ãƒžã¯ä»¥ä¸‹ã®äºŒã¤ã€‚ CSSã ã‘ã‚’ä½¿ã£ã¦å¿…æ®ºæŠ€ã®æ¼”å‡ºã‚’åŠ ãˆã¦ãã ã•ã„ ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®æ¼”å‡ºã‚’è€ƒãˆã¦ãã ã•ã„ ã€Œã“ã‚“ãªãƒžãƒ‹ã‚¢ãƒƒã‚¯ãªãƒ†ãƒ¼ãƒžã ã‘ã©å‚åŠ ã—ã¦ãã‚Œã‚‹äººãŒã„ã‚‹ã®ã ã‚ã†ã‹â€¦ï¼ã€ã¨å¿ƒé…ã—ã¦ã„ãŸã®ã‚‚æžæ†‚ã«çµ‚ã‚ã‚Šã€ç¶šã€…ã¨ã™ã”ã„ä½œå“ãŒæŠ•ç¨¿ã•ã‚Œã¦ã„ã¾ã™ã€‚ é–‹å‚¬æœŸé–“ä¸ã§ã™ãŒã€ã¼ããŒå€‹äººçš„ã«ã€Œã“ã‚Œã¯ï¼ã€ã¨æ€ã£ãŸä½œå“ã‚’ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã¦ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ï¼ˆã‚³ãƒ³ãƒ†ã‚¹ãƒˆã®å¯©æŸ»ã¨ã¯é–¢ä¿‚ãªã„ã§ã™ã‚ˆï¼ï¼‰ CSSã ã‘ã‚’ä½¿ã£ã¦å¿…æ®ºæŠ€ã®æ¼”å‡ºã‚’åŠ ãˆã¦ãã ã•ã„ ã‚¹ãƒ¼ãƒ•ã‚¡ãƒŸã®RPGé¢¨ ãˆã„ï¼ï¼šforked: CSSã§å¿…æ®ºæŠ€ï¼ - jsdo.it - share JavaScript, HTML5 and CSS å…‰ãŒé›†ã¾ã‚‹å¿…æ®ºæŠ€ forked: CSSã§å¿…æ®ºæŠ€ï¼ç¬¬2å¼¾ï¼ - jsdo.it - share JavaScript, HTML5 a
kazu_levis501 2011/12/13
KAYAC

CSS
ãƒªãƒ³ã‚¯
ã©ã†è€ƒãˆã¦ã‚‚ç„¡èŒ¶ãªã€ŒCSSãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã€ãŒè©±é¡Œã«
CSS3ãŒã„ãã‚‰ãƒ‘ãƒ¯ãƒ•ãƒ«ã¨ã¯ã„ãˆã€ã•ã™ãŒã«ã“ã“ã¾ã§å‡ã£ãŸã‚‚ã®ãŒä½œã‚Œã‚‹ã¨ã¯æ€ã„ã¾ã›ã‚“ã§ã—ãŸã€‚ ã¾ãšã¯Chromeã§ã“ã¡ã‚‰ã‚’éŠã‚“ã§ã¿ã¦ãã ã•ã„ã€‚ CSS3 OF THE DEAD - jsdo.it - share JavaScript, HTML5 and CSS ã¾ã‚‹ã§JSã‚’ãƒãƒªãƒãƒªä½¿ã£ãŸã‚²ãƒ¼ãƒ ã€ã®ã‚ˆã†ã«è¦‹ãˆã¾ã™ãŒã€å®Ÿã¯ã€ŒOnly CSSã€ã€‚ä¸Šã®STOPãƒœã‚¿ãƒ³ã‚’æŠ¼ã™ã¨ã‚³ãƒ¼ãƒ‰ã‚’ç¢ºèªã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ jsdo.itã§CSSãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ãŒæµè¡Œä¸ï¼ ãˆãˆã€ã©ã†è€ƒãˆã¦ã‚‚ç„¡èŒ¶ãªã‚“ã§ã™ã€‚CSSã¯ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã˜ã‚ƒãªã„ã§ã™ã‹ã‚‰ãã€‚ CSSã®æ©Ÿèƒ½ã‚’å·§ã¿ã«çµ„ã¿åˆã‚ã›ã¦ä½œæˆã•ã‚Œã¦ã„ã¾ã™ã€‚ ã¨ã„ã†ã“ã¨ã§ã€æŠ•ç¨¿ä½œå“ã®ã»ã‚“ã®ä¸€éƒ¨ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ CSS PANIC CSSã ã‘ã§ä½œã‚‰ã‚ŒãŸãƒ¯ãƒ‹ãƒ¯ãƒ‹ãƒ‘ãƒ‹ãƒƒã‚¯ã€‚ ã“ã®ã‚³ãƒ¼ãƒ‰ã¯æµ·å¤–ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã‚‚å¤§ããªåéŸ¿ã‚’å‘¼ã³ã¾ã—ãŸã€‚
kazu_levis501 2011/06/23
CSS
ãƒªãƒ³ã‚¯
Zen Codingã§ã‚ˆã‚Šã‚¹ãƒžãƒ¼ãƒˆã«HTMLã‚’æ›¸ã | Zen Coding 3-4 | HTML+CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒ10å€é€Ÿããªã‚‹Zen Coding
åŒã˜ã‚¿ã‚°ã‚’ãã‚Šè¿”ã—å…¥åŠ›ã™ã‚‹Zen Codingã§è¤‡æ•°ã®è¦ç´ ã‚’ã‚°ãƒ«ãƒ¼ãƒ—åŒ–ã™ã‚‹Zen Codingã§idå±žæ€§ã‚’æŒ‡å®šã™ã‚‹Zen Codingã§classå±žæ€§ã‚’æŒ‡å®šã™ã‚‹Zen Codingã§idå±žæ€§ã¨classå±žæ€§ã‚’æŒ‡å®šã™ã‚‹Zen Codingã§idå±žæ€§ã¨classå±žæ€§ã‚’ä»˜ä¸Žã—ãŸdivã‚¿ã‚°ã§å›²ã‚€åŒã˜ã‚¿ã‚°ã‚’ãã‚Šè¿”ã—å…¥åŠ›ã™ã‚‹HTMLã‚¿ã‚°ã§å±žæ€§ã‚’æŒ‡å®šã—ãŸã‚Šã€åŒã˜ã‚¿ã‚°ã‚’ç¶šã‘ã¦å…¥åŠ›ã—ãŸã‚Šã‚’æ‰‹ã§å…¥åŠ›ã—ã¦ã„ã‚‹ã¨ã€HTMLæ–‡æ›¸ãŒè¤‡é›‘ã«ãªã‚Œã°ãªã‚‹ã»ã©ã‚³ãƒ¼ãƒ‰ã‚‚ç…©é›‘ã«ãªã‚Šã€æ€ã‚ã¬ã†ã£ã‹ã‚ŠãƒŸã‚¹ã‚‚ãµãˆã¦ã—ã¾ã„ã¾ã™ã€‚ Zen Codingã‚’ä½¿ã£ã¦ãã‚Šè¿”ã—æŒ‡å®šã‚’ã™ã‚Œã°ã€ãã®ã‚ˆã†ãªãƒŸã‚¹ã‚’é˜²ãã“ã¨ãŒã§ãã¾ã™ã€‚ ãŸã¨ãˆã°ã€è¡¨ã®ãƒ‡ãƒ¼ã‚¿ã®ãã‚Šè¿”ã—ã‚’Zen Codingã§æŒ‡å®šã—ã¦å±•é–‹ã™ã‚‹ã¨ã€è¡¨çµ„ã¿ã®HTMLãŒä½œæˆã§ãã¾ã™ã€‚ tableã‚¿ã‚°ã§è¡¨ã‚’ä½œæˆã™ã‚‹ã®ã¯ã¨ã¦ã‚‚ç…©é›‘ã§ã™ãŒã€Zen Codingã‚’ä½¿ãˆã°ã“ã®ã‚ˆã†ã«ã€1è¡Œè¨˜è¿°ã™ã‚‹ã ã‘ã§è¡¨çµ„ã«å¿…
kazu_levis501 2011/03/03
HTML

CSS

å…±æœ‰
ãƒªãƒ³ã‚¯
HTMLã§ã‚ˆãä½¿ã†ã‚¿ã‚°ã‚’Zen Codingã§å…¥åŠ›ã™ã‚‹ | Zen Coding 3-3 | HTML+CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒ10å€é€Ÿããªã‚‹Zen Coding
kazu_levis501 2011/02/25
HTML

CSS

å…±æœ‰
ãƒªãƒ³ã‚¯
Zen Codingã®ä¾¿åˆ©ãªæ©Ÿèƒ½ | Zen Coding 3-2 | HTML+CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒ10å€é€Ÿããªã‚‹Zen Coding
Zen Codingã«ã¯ã€ä¾¿åˆ©ãªæ©Ÿèƒ½ãŒã„ã‚ã„ã‚ã‚ã‚Šã¾ã™ã€‚ ã“ã‚Œã‚‰ã®ä¾¿åˆ©ãªæ©Ÿèƒ½ã‚’ã‚¿ã‚°å…¥åŠ›æ”¯æ´æ©Ÿèƒ½ã¨çµ„ã¿åˆã‚ã›ã‚‹ã“ã¨ã§ã€å¿«é©ãªé«˜é€Ÿã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒå®Ÿç¾ã§ãã¾ã™ã€‚ ã‚³ãƒ¡ãƒ³ãƒˆã®ã‚ªãƒ³ãƒ»ã‚ªãƒ•ã®åˆ‡ã‚Šæ›¿ãˆHTML/CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§ã¯ã€ãƒšãƒ¼ã‚¸ã‚„ã‚³ãƒ¼ãƒ‰ã®ä¸ã«ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã§ã¯è¡¨ç¤ºã•ã‚Œãªã„ã‚ˆã†ã«ã—ã¦ã‚³ãƒ¡ãƒ³ãƒˆã‚’å…¥ã‚Œã¦ãŠããŸã„ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ãã®å ´åˆã€HTMLã§ã¯ã€Œã€ã€CSSã§ã¯ã€Œ/* ã‚³ãƒ¡ãƒ³ãƒˆéƒ¨åˆ† */ã€ã®ã‚ˆã†ã«ã€ãã‚Œãžã‚Œã‚¿ã‚°ã§å›²ã‚“ã ç¯„å›²ã‚’éžè¡¨ç¤ºã®ã‚³ãƒ¡ãƒ³ãƒˆã«æŒ‡å®šã™ã‚‹è¨˜è¿°ã‚’ã—ã¾ã™ã€‚ Zen Codingã«ã¯ã€é¸æŠžã—ãŸç¯„å›²ã‚’éžè¡¨ç¤ºã®ã‚³ãƒ¡ãƒ³ãƒˆã«ã—ãŸã‚Šã€é€†ã«è§£é™¤ã—ãŸã‚Šã™ã‚‹æ©Ÿèƒ½ãŒã‚ã‚Šã¾ã™ã€‚ç¯„å›²ã‚’é¸æŠžã—ã¦ï¼»Toggle Commentï¼½ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’é¸æŠžã™ã‚‹ã‹ã€ï¼‹ï¼‹ã‚ãƒ¼ã‚’æŠ¼ã™â€»ã¨ã€ã‚³ãƒ¡ãƒ³ãƒˆã®ã‚ªãƒ³ãƒ»ã‚ªãƒ•ã®åˆ‡ã‚Šæ›¿ãˆãŒã‹ã‚“ãŸã‚“ã«ã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ â€»ç§€ä¸¸ã‚¨ãƒ‡ã‚£ã‚¿ã§ã¯åˆ¥ãƒžã‚¯ãƒã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¨è¨å®šãŒå¿…è¦
kazu_levis501 2011/02/21
HTML

CSS

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

å…±æœ‰
ãƒªãƒ³ã‚¯
Zen Codingã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ | Zen Coding 3-1 | HTML+CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒ10å€é€Ÿããªã‚‹Zen Coding
Zen Codingã‚’ä½¿ã£ã¦HTML/CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ã«ã¯ã€Zen Codingã‚’å°Žå…¥ã—ãŸç’°å¢ƒã§ãã‚Œãžã‚Œã®HTML/CSSã‚¿ã‚°ã®ã€Œçœç•¥å½¢ã€ï¼ˆAbberiviationï¼‰ã¨ã„ã‚ã‚Œã‚‹ç•¥èªžã‚’å…¥åŠ›ã—ã€ã€Œå±•é–‹ã€ã‚’å®Ÿè¡Œï¼ˆï¼»Expand Abberiviationï¼½ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’é¸æŠžã€ã‚ã‚‹ã„ã¯ ï¼‹ã‚ãƒ¼ã‚’æŠ¼ã™â€»ï¼‰ã—ã¾ã™ã€‚å…¥åŠ›ã—ãŸçœç•¥å½¢ã‚’ã€Œå±•é–‹ã€ï¼ˆExpandï¼‰ã™ã‚‹ã¨ã€çµ±åˆé–‹ç™ºç’°å¢ƒã®ã‚¹ãƒ‹ãƒšãƒƒãƒˆï¼ˆçµ±åˆé–‹ç™ºç’°å¢ƒã‹ã‚‰çŸã„ãƒ—ãƒã‚°ãƒ©ãƒ ã‚³ãƒ¼ãƒ‰ã‚’å‘¼ã³å‡ºã™æ©Ÿèƒ½ï¼‰ã®ã‚ˆã†ã«ã€ä¸€é€£ã®ã‚³ãƒ¼ãƒ‰ãŒç”Ÿæˆã•ã‚Œã‚‹ã—ãã¿ã«ãªã£ã¦ã„ã¾ã™ã€‚ çœç•¥å½¢ã‚’è¦šãˆã‚‹ã®ã¯ãŸã„ã¸ã‚“ã ã¨æ€ã†ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€1ç« ã§è¿°ã¹ãŸã¨ãŠã‚Šã€ã™ã¹ã¦ã‚’è¦šãˆã‚‹å¿…è¦ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚è‡ªåˆ†ãŒã‚ˆãä½¿ã†ã‚¿ã‚°ã®çœç•¥å½¢ã ã‘ã‚’è¦šãˆã‚Œã°ã˜ã‚…ã†ã¶ã‚“ã§ã™ã€‚ ã¾ãŸã€Zen Codingã®çœç•¥å½¢ã¯ã€HTMLã®å ´åˆã¯HTMLã‚¿ã‚°ã®åå‰ã®ã€CSSã®å ´åˆã¯ã‚¹ã‚¿ã‚¤ãƒ«æŒ‡å®šã®ãŸã‚ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£åã®é æ–‡å—ãªã©ã«ãªã£ã¦ã„ã¾
kazu_levis501 2011/02/15
HTML

CSS

ã‚¿ã‚°

å…±æœ‰
ãƒªãƒ³ã‚¯
1