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

HeavyFeather id:HeavyFeather

css3ã¨CSSã«é–¢ã™ã‚‹HeavyFeatherã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

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

Googleã‹ã‚‰å¦ã¶ ãƒŒãƒ«ãƒŒãƒ«ã‚µã‚¯ã‚µã‚¯ãªã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ - Qiita
##ã‚¹ãƒžãƒ•ã‚©webãƒšãƒ¼ã‚¸ã®ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ ã‚¢ãƒ—ãƒªã§ã¯å½“ãŸã‚Šå‰ã®ã‚ˆã†ã«å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã§ã™ãŒã€webãƒšãƒ¼ã‚¸ã§ã¯ãªã‹ãªã‹ä½¿ã„å¿ƒåœ°ã®ã‚ˆã„ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒå®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã®ã¯è¦‹ã‹ã‘ã¾ã›ã‚“ã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯javascriptã§ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã©ã†ã—ã¦ã‚‚ã‚¬ã‚¿ã‚¬ã‚¿ã«ãªã£ã¦ã—ã¾ã†ã—ã€ã¡ã‚‰ã¤ãã‚„ã‚¹ã‚¯ãƒãƒ¼ãƒ«åˆ¶å¾¡ã®ã‚ã‚“ã©ãã•ã•ã‹ã‚‰ã‚‚ã†webãƒšãƒ¼ã‚¸ã§ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªä¸¦ã®ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å®Ÿè£…ã™ã‚‹ãªã‚“ã¦ç„¡ç†ã¨æ€ã£ã¦ã„ã¾ã—ãŸã€‚ Facebookã®webãƒšãƒ¼ã‚¸ã§ã™ã‚‰ãƒœã‚¿ãƒ³ã®åå¿œã¯æ‚ªã„ã—ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚å‹•ã‹ãªã„ã—æœ€æ‚ªã§ã™ã€‚ ##ä¸€æ–¹Googleå…ˆç”Ÿã¯ãƒ‘ãƒ¼ãƒ•ã‚§ã‚¯ãƒˆãªã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å®Ÿè£…ã—ã¦ã„ãŸ ã•ã™ãŒGoogleå…ˆç”Ÿï¼ ä¿ºé”ã«å‡ºæ¥ãªã„ã“ã¨ã‚’( Googleã®ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯ä»¥ä¸‹ã®ç‚¹ã§ãƒ‘ãƒ¼ãƒ•ã‚§ã‚¯ãƒˆã§ã™ã€‚ ã‚¹ãƒ©ã‚¤ãƒ‰ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒã¨ã¦ã‚‚æ»‘ã‚‰ã‹ãƒ»ã¡ã‚‰ã¤ã‹ãªã„ ãƒœã‚¿ãƒ³ã®åå¿œã«ã‚¹ãƒˆãƒ¬ã‚¹ã‚’æ„Ÿã˜ãª
HeavyFeather 2013/06/11
Google

CSS

UI

web

javascript

css3
ãƒªãƒ³ã‚¯
ã€Ž2012å¹´ã®HTML5ã€CSS3ã€JavaScriptã¯ã“ã†ãªã‚‹ã€œå®Ÿéš›ã®ã‚µãƒ¼ãƒ“ã‚¹äº‹ä¾‹ã§è€ƒãˆã‚‹HTML5ã®è¿‘æœªæ¥ã€ã«å‚åŠ ã—ã¦ããŸ #html5semi - Diary of absj31
2012å¹´ã®HTML5ã€CSS3ã€JavaScriptã¯ã“ã†ãªã‚‹ã€œå®Ÿéš›ã®ã‚µãƒ¼ãƒ“ã‚¹äº‹ä¾‹ã§è€ƒãˆã‚‹HTML5ã®è¿‘æœªæ¥ : ATND 2012/01/20 2012å¹´ã®HTML5ã€CSS3ã€JavaScriptã¯ã“ã†ãªã‚‹ã€œå®Ÿéš›ã®ã‚µãƒ¼ãƒ“ã‚¹äº‹ä¾‹ã§è€ƒãˆã‚‹HTML5ã®è¿‘æœªæ¥ #html5semi - Togetter (å†™çœŸï¼šç¥žä¿ç”ºé§…æ”¹æœå‰) HTML5é–¢é€£ãƒã‚¿ã¯ã‚„ã‚ã†ã‚„ã‚ã†ã¨æ€ã„ã¤ã¤å€‹äººçš„ã«ã¯ãƒªãƒ¼ãƒå‡ºæ¥ã¦ãªã„åˆ†é‡Žã§ã—ã¦ã€ã¡ã‚‡ã£ãã‚‰æ‹è¦‹ã—ã¦ãã¾ã—ãŸã€‚ã¡ãªã¿ã«ä¸Šè¨˜ã®å‹Ÿé›†ã‚µã‚¤ãƒˆã€å‡„ã„äººæ°—ã§200äººã®å®šå“¡ã«ä¸€æ™‚ã¯å€ã®400äººãŒç™»éŒ²ã™ã‚‹ã¨è¨€ã†äº‹æ…‹ã«ã€‚HTML5äººæ°—ã¯å‡„ã„ã§ã™ãã€œã€‚ é–‹å‚¬é–‹å ´ã¯æ ªå¼ä¼šç¤¾ã‚ªãƒ—ãƒˆï¼‘Få¤§ä¼šè°å®¤ï¼ ç¥žä¿ç”ºã€‚ã“ã®æ—¥ã¯æœã‹ã‚‰é›ªãŒé™ã‚‹ãªã©ã—ã¦å¤©å€™ãŒå´©ã‚Œã¦ã„ã¾ã—ãŸãŒã€å¤•æ–¹ã€œé–‹å‚¬ã®é ƒã«ã¯å•é¡Œç„¡ãæ¢ã‚“ã§ãŠã‚Šã¾ã—ãŸã€‚ã—ã‹ã—å¤–ã¯å¯’ã‹ã£ãŸï¼(>_<) å…¥å ´æ™‚ã®çŠ¶æ³ã§5åˆ†ç¨‹é…ã‚Œã¦æœ¬ç·¨ã‚¹ã‚¿ãƒ¼ãƒˆã€‚ä»¥ä¸‹ãƒ¡ãƒ¢ã§ã™ã€‚ åŸºèª¿
HeavyFeather 2012/02/01
HTML5

presentation

CSS

css3

HTML

web
ãƒªãƒ³ã‚¯
CSS3ã«ã¤ã„ã¦çŸ¥ã£ã¦ãŠããŸã„ã“ã¨ã®ã¾ã¨ã‚
CSS3ã«ã¯èˆˆå‘³æ·±ã„æ§˜ã€…ãªãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒã‚ã‚Šã¾ã™ãŒã€ã“ã‚Œã‚‰ã‚’å‹‰å¼·ã™ã‚‹ã«ã‚ãŸã£ã¦çŸ¥ã£ã¦ãŠããŸã„CSS3ã®åŸºç¤Žã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ éŽåŽ»ã®è¨˜äº‹ã«æ‰‹ã‚’åŠ ãˆãŸã‚‚ã®ã‚„æ–°ãŸã«æ›¸ã„ãŸã‚‚ã®ãªã©å¹…åºƒãã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã®ã§ã€ãœã²æŠ‘ãˆã¦ãŠã„ã¦ãã ã•ã„ã€‚ ä»Šå›žã¯çµæ§‹ãƒœãƒªãƒ¥ãƒ¼ãƒ ã‚‚ã‚ã‚‹ã®ã§ç›®æ¬¡ã‚’ä½œã£ã¦ã„ã¾ã™ã€‚ 1. ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®æ§‹é€ CSS3ã«é™ã£ãŸã“ã¨ã§ã¯ãªã„ã§ã™ãŒã€CSSã®æ§‹é€ ã¯ä¸‹ã®å›³ã®ã‚ˆã†ã«ã€ã‚»ãƒ¬ã‚¯ã‚¿ã€ãƒ—ãƒãƒ‘ãƒ†ã‚£ã€å€¤ã¨ãªã£ã¦ã„ã¾ã™ã€‚ ã‚‚ã¡ã‚ã‚“ãƒ—ãƒãƒ‘ãƒ†ã‚£ã¨å€¤ã¯ä¸€å¯¾ã§ã™ã€‚CSSã¨ã„ãˆã°ã€ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒå¼·ã„ã§ã™ãŒã€ã‚»ãƒ¬ã‚¯ã‚¿ã‚‚çµæ§‹å¥¥ãŒæ·±ã„ã§ã™ã€‚ CSS3ã§ã¯ã‚»ãƒ¬ã‚¯ã‚¿ã‚‚ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚‚æ–°ãŸã«è¿½åŠ ã•ã‚Œã¦ã„ã¾ã™ã®ã§ã€é•ã„ã‚’ã¡ã‚ƒã‚“ã¨ç†è§£ã—ã¦ãŠãã¾ã—ã‚‡ã†ã€‚ 2. CSS3ã‚»ãƒ¬ã‚¯ã‚¿ CSSã‚»ãƒ¬ã‚¯ã‚¿ã¯ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã™ã‚‹å¯¾è±¡ã‚’é¸æŠžã™ã‚‹ã‚‚ã®ã§ã™ã€‚æ™®æ®µä½•æ°—ãªãä½¿ã£ã¦ã„ã‚‹classã‚„idãªã©ã‚‚ã‚»ãƒ¬ã‚¯ã‚¿ã®ï¼‘ã¤ã§ã™ã€‚ CSS3ã‚»ãƒ¬ã‚¯ã‚¿ã¯W3
HeavyFeather 2011/08/16
css3

web

design

css

javascript
ãƒªãƒ³ã‚¯
Media Queries ã‚’ä½¿ã£ã¦ã€Webã‚µã‚¤ãƒˆã‚’ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«å¯¾å¿œã•ã›ã‚‹ã¨ãã®æ³¨æ„æ›¸ã
ä»Šå›žã“ã®ãƒ–ãƒã‚° - Webãƒ‡ã‚¶ã‚¤ãƒ³ ãƒ¬ã‚·ãƒ”ã‚’ã€iPhone ãªã©ã§ã‚‚è¦‹ã‚Œã‚‹ã‚ˆã†ã«ãƒªãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¾ã—ãŸã€‚ä½¿ç”¨ã—ãŸã®ã¯ CSS3 ã® Media Queriesï¼ˆãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªï¼‰ã€‚ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã®ä½¿ã„æ–¹ã‚„æ„Ÿæƒ³ã€æ°—ã‚’ã¤ã‘ãŸã„æ³¨æ„æ›¸ãã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸï¼ é…ã‚Œã°ã›ãªãŒã‚‰ã“ã®ãƒ–ãƒã‚° â€“ Webãƒ‡ã‚¶ã‚¤ãƒ³ ãƒ¬ã‚·ãƒ”ã‚’ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã‚‚è¦‹ã‚Œã‚‹ã‚ˆã†ã«æ”¹ä¿®ã—ã¾ã—ãŸã€‚ã“ã®ãƒ–ãƒã‚°ã¯ WordPress ã§æ›¸ã„ã¦ã„ã‚‹ã®ã§ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„ iPad ã¸ã®å¯¾å¿œæ–¹æ³•ã¯ã„ãã¤ã‚‚ã‚ã‚‹ã®ã§ã™ãŒã€ä»Šå›žã¯ CSS3 ã® Media Queriesï¼ˆãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªï¼‰ã‚’ä½¿ã£ã¦ã€iPadã€iPhone ãªã©ã€ã„ã‚ã‚“ãªãƒ‡ãƒã‚¤ã‚¹ã«å¯¾å¿œï¼ˆå¯¾å¿œã¨ã„ã†ã‹ã€ä¸€å¿œè¦‹ã‚Œã‚‹ç¨‹åº¦ï¼‰ã«ã—ã¦ã¿ã¾ã—ãŸã€‚ ãªã®ã§ Media Queries ã‚’ä½¿ã£ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã¨ã€ãƒªãƒ‡ã‚¶ã‚¤ãƒ³ã—ãªãŒã‚‰æ€ã£ãŸã“ã¨ãªã©ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ CSS3 Media Queries ç›®æ¬¡
HeavyFeather 2011/07/28
css3

CSS

media

web
ãƒªãƒ³ã‚¯
IDã¨classã‚’ä½¿ã‚ãªã„ã§ã€HTML5ã¨CSS3ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã¿ãŸã€‚
IDã¨classã‚’ä½¿ã‚ãªã„ã§ã€HTML5ã¨CSS3ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã¿ãŸã€‚ 2011-05-02 Webã‚µã‚¤ãƒˆã‚’ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹æ™‚ã«ã€IDã¨classã‚’è€ƒãˆã‚‹ã®ãŒé¢å€’è‡ããªã£ãŸã®ã§ã€IDã¨classã‚’ä½¿ã‚ãªã„ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã¿ã¾ã—ãŸã€‚ ã‚·ãƒ³ãƒ—ãƒ«ãªã‚µã‚¤ãƒˆãªã‚‰ç°¡å˜ã§ã¤ã¾ã‚‰ãªã„ã®ã§ã€IDã¨classã‚’ä½¿ã£ã¦ã‚‚é›£ã—ãã†ãªãƒ‡ã‚¶ã‚¤ãƒ³ã«ã—ã¦ã„ã¾ã™ã€‚ ä»Šå›žã‚‚JavaScriptã¯ä¸€åˆ‡ã€ä½¿ç”¨ã—ã¦ã„ã¾ã›ã‚“ã€‚ å®Œæˆã—ãŸã‚µã‚¤ãƒˆ ID, classãªã—ã§çµ„ã‚“ã ã‚µã‚¤ãƒˆã‚’è¦‹ã‚‹ã€‚ ã‚µã‚¤ãƒˆã§ã‚„ã£ã¦ã¿ãŸHTML5 HTML5ã§ã¯ã€html, head, bodyã‚¿ã‚°ã‚’å®Œå…¨ã«çœç•¥ã—ã¦ã‚‚æ§‹ã‚ãªã„ã¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ çœç•¥ã—ã¦ã‚‚DOMãƒ„ãƒªãƒ¼ä¸Šã«å˜åœ¨ã—ã¦ã„ã‚‹ã®ã§ã€ body {background:#f00;} ã¨ã„ã†CSSã®è¨˜è¿°ã‚‚èªè˜ã—ã¦ãã‚Œã¾ã—ãŸã€‚ ã‚µã‚¤ãƒˆã§ä½¿ç”¨ã—ãŸCSS, CSS3ã®ç°¡å˜ãªã¾ã¨ã‚ Child Selector çµ
HeavyFeather 2011/05/15
css3

HTML

html5

CSS
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
HeavyFeather 2010/03/22
CSS

css3

tutorial

webdesign
ãƒªãƒ³ã‚¯
1