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

HeavyFeather id:HeavyFeather

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

${{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ã®å‹‰å¼·ä¸ã«è‰²ã€…å›°ã‚‹ã“ã¨ãŒèµ·ãã¦æ¤œç´¢ã™ã‚‹ã®ã§ã™ãŒã€ã ã„ãŸã„åŒã˜ã¨ã“ã‚ã«è¡Œãç€ãã®ã§è‡ªåˆ†ç”¨ã®ãƒªãƒ³ã‚¯é›†ã‚‚å…¼ãã¦ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ ä»•æ§˜ã‚’ç¢ºèªã™ã‚‹ã¨ã‚Šã‚ãˆãšW3Cã‚’è¦‹ã«è¡Œã£ãŸæ–¹ãŒæ—©ã„ã€‚ ãã‚‚ãã‚‚ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚„å€¤ã«ã¤ã„ã¦åˆ†ã‹ã£ã¦ã„ãªã„å ´åˆã¯ã“ã“ã§è§£æ±ºã™ã‚‹ã“ã¨ãŒå¤šã„ã€‚ CSS current work & how to participateç¾åœ¨ã®çŠ¶æ³ã¨ä»•æ§˜æ›¸ã®ç›®æ¬¡ã€‚CSS3ã®æ—¥æœ¬èªžè¨³é›† - è¡€çµ±ã®æ£® webå®Ÿé¨“å°å±‹æ—¥æœ¬èªžè¨³ã¸ã®ãƒªãƒ³ã‚¯é›†ã€‚W3Cã®ç›®æ¬¡ã‹ã‚‰æŽ¢ã™ã®ãŒé¢å€’ãªã¨ãã¯Googleã§ã€Œw3.org ãƒ—ãƒãƒ‘ãƒ†ã‚£åã€ã§æŽ¢ã™ã¨æ—©ã„ã€‚ã€Œdevs.w3.orgã€ã¨ã€Œwww.w3.orgã€ã‚’åˆ†ã‘ã¦æ¤œç´¢ã™ã‚‹ã®ã‚‚ã„ã„ã¨æ€ã†ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã®å¯¾å¿œã¨å®Ÿè£…å¯¾å¿œã—ã¦ã„ã‚‹ã‹ã©ã†ã‹ã ã‘ã®å ´åˆã¯ä»¥ä¸‹ã®2ã¤ã®ã‚µã‚¤ãƒˆã§äº‹è¶³ã‚Šã‚‹å ´åˆã‚‚å¤šã„ã€‚ When can I useâ€¦ Support tables for HTML5, CSS3
HeavyFeather 2012/08/16
css

web

design

tips

reference
ãƒªãƒ³ã‚¯
ç´„700é …ç›®ã®HTMLï¼ã‚¹ã‚¯ãƒªãƒ—ãƒˆè¨€èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’å…¬é–‹
æ—¥çµŒLinuxã¨ITproã¯ã€ç·è¨ˆç´„700é …ç›®ã®HTMLï¼ã‚¹ã‚¯ãƒªãƒ—ãƒˆè¨€èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’å…¬é–‹ã—ã¾ã—ãŸã€‚ã€ŒHTMLã€ï¼ˆ295é …ç›®ï¼‰ã€ã€ŒCSSã€ï¼ˆ73é …ç›®ï¼‰ã€ã€ŒDynamic HTMLã€ï¼ˆ98é …ç›®ï¼‰ã€ã€ŒJavaScriptã€ï¼ˆ295é …ç›®ï¼‰ã€ã€ŒPerlã€ï¼ˆ125é …ç›®ï¼‰ã‚ã‚ã›ã¦698é …ç›®ã€‚å„é …ç›®ã«ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã‚’æŽ²è¼‰ã—ã¦ãŠã‚Šã€ã‚³ãƒ”ãƒ¼ã—è²¼ã‚Šä»˜ã‘ã¦ã™ãã«ãŠä½¿ã„ã„ãŸã ã‘ã¾ã™ã€‚JavaScriptã¯ã€Œã“ã®ç”¨ä¾‹ã‚’å®Ÿè¡Œã™ã‚‹ã€ã¨ã„ã†æ–‡å—ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚Œã°ã€ãã®å ´ã§ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã‚’å®Ÿè¡Œã—ã¦ã¿ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ ãƒ•ã‚¡ãƒ³ãƒ¬ãƒ³ã‚¹ã‚’ä½¿ã„ã“ãªã™ãŸã‚ã®è¨˜äº‹ã‚„ã€ã€ŒJavaScriptå…¥é–€ã€ã€ŒPerlã®ä½¿ã„æ–¹å…¥é–€ã€ã€ŒCSSã®åŸºæœ¬ã€ã€ŒLinuxã‚³ãƒžãƒ³ãƒ‰é“å ´ã€ã€Œã‚·ã‚§ãƒ«ãƒ»ã‚¹ã‚¯ãƒªãƒ—ãƒˆå·¥æˆ¿ã€ã¨ã„ã£ãŸå…¥é–€è¨˜äº‹ã‚‚ã”ç”¨æ„ã—ã¾ã—ãŸã€‚ ã“ã‚Œã‚‰ã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã¯ã“ã“2ï½ž3å¹´ã‹ã‘ã¦ä½œæˆã—ã¦ããŸã‚‚ã®ã§ã™ã€‚ãã®ãŸã‚ä¸€éƒ¨ã«å†…å®¹ã®å¤ã„ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ãŒã€é †æ¬¡æ›´æ–°ã—ã¦ã„
HeavyFeather 2010/12/23
HTML

linux

css

reference
ãƒªãƒ³ã‚¯
RedLine Magazine : CSS ã‚»ãƒ¬ã‚¯ã‚¿ç·å¾©ç¿’ ï¼ˆ2010å¹´5æœˆç‰ˆï¼‰
CSS ã‚»ãƒ¬ã‚¯ã‚¿ç·å¾©ç¿’ ï¼ˆ2010å¹´5æœˆç‰ˆï¼‰ CSS3ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã«ã‚‚èˆˆå‘³æ´¥ã€…ãªã®ã§ã™ãŒã€ãã®å‰ã«ã¾ãšã‚»ãƒ¬ã‚¯ã‚¿ã‚’å…¨éƒ¨ã¾ã¨ã‚ã¦ç·å¾©ç¿’ã—ã¦ãŠã“ã†ã‹ãªã€ã¨ã€‚æœ¬æ¥1ãƒšãƒ¼ã‚¸ã«æ›¸ãã¹ãã§ã¯ãªã„å†…å®¹é‡ãªã®ã§èªã¿è¾¼ã¿é…ã„ã¨æ€ã„ã¾ã™ã€‚ã”ã‚ã‚“ãªã•ã„ã€‚ Selectors Level 3 http://www.w3.org/TR/css3-selectors/ é¸æŠžå http://zng.info/specs/css3-selectors.htmlã€€(æ—¥æœ¬èªžè¨³) â€»ä¸‹è¨˜å†…å®¹ã§ã€ã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ã‚’ç”¨æ„ã—ãŸã‚»ãƒ¬ã‚¯ã‚¿ã‚‚ã‚ã‚‹ã‚“ã§ã™ãŒã€å½“ç„¶ã€å„ã‚»ãƒ¬ã‚¯ã‚¿ã«å¯¾å¿œã—ã¦ã„ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã¨ãã†ã§ãªã„ãƒ–ãƒ©ã‚¦ã‚¶ãŒã‚ã‚Šã¾ã™ã€‚å¯¾å¿œã—ã¦ã„ãªã„ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ã‚’è¦‹ã¦ã‚‚å†ç¾ã§ãã¾ã›ã‚“ã€‚ ç›®æ¬¡ *ã€€(æ±Žç”¨é¸æŠžå) Eã€€(åž‹é¸æŠžå) E[foo] (å±žæ€§é¸æŠžå) E[foo="bar"] (å±žæ€§é¸æŠžå) E[foo~="bar"] (å±žæ€§é¸æŠžå
HeavyFeather 2010/05/14
web

design

css

reference
ãƒªãƒ³ã‚¯
IE6ã€IE7ã€IE8ã«ãŠã‘ã‚‹CSSã®é•ã„ã¾ã¨ã‚ | ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚º | ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«
IE? - IE6, IE7 and IE8 Net Applicationsã®å ±å‘Šã«ã‚ˆã‚Œã°ã€2009å¹´9æœˆã«ãŠã‘ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã‚·ã‚§ã‚¢ã¯IEãŒ65.71%ã§éŽåŠæ•°ã®ã‚·ã‚§ã‚¢ã‚’ç¢ºä¿ã—ã¦ã„ã‚‹ã€‚ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã”ã¨ã«ã¿ã‚‹ã¨IE6 24.42%ã€IE7 19.39%ã€IE8 16.84%ã¨ãªã£ã¦ãŠã‚Šã€IE6ã€IE7ã€IE8ã®ã‚·ã‚§ã‚¢ãŒæ‹®æŠ—ã—ã¤ã¤ã‚ã‚‹ã“ã¨ãŒã‚ã‹ã‚‹ã€‚ã“ã‚Œã¾ã§ã®ã‚·ã‚§ã‚¢å¤‰å‹•ã‹ã‚‰æŽ¨æ¸¬ã™ã‚‹ã¨ã€ä»Šå¾Œæ•°ãƒ¶æœˆã®é–“ã¯3ã¤ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®IEãŒä¼¼ãŸã‚ˆã†ãªã‚·ã‚§ã‚¢ã‚’æŒã£ãŸæœŸé–“ãŒç¶šãã“ã¨ã«ãªã‚‹ã€‚IEãŒç¬¬ä¸€ã‚·ã‚§ã‚¢ã ã¨ã„ã£ã¦ã‚‚ã€çµæžœçš„ã«3ã¤ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«å¯¾å¿œã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã€‚ ã“ã®çŠ¶æ³ã¯ã€ç‰¹ã«CSSã®ã‚µãƒãƒ¼ãƒˆã¨ã„ã†é¢ã§åŽ„ä»‹ãªçŠ¶æ³ã‚’ç”Ÿã¿å‡ºã—ã¦ã„ã‚‹ã€‚IE8ã¯CSS 2.1ã¸ã®é«˜ã„æº–æ‹ ã‚’å®Ÿç¾ã—ã¦ã„ã‚‹ãŒã€IE7ã¯ãã†ã§ã¯ãªã„ã€‚IE6ã¯ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹è¦ç´ ã‚„ãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒã•ã‚‰ã«å°‘ãªã„ã€‚ã¾ãŸIE7ã‚„IE6ã¯å¯¾è±¡ã®è¦ç´ ã‚„ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ã„
HeavyFeather 2009/10/18
browser

CSS

design

IE

reference

tips

web
ãƒªãƒ³ã‚¯
[CSS]ãƒã‚¬ãƒ†ã‚£ãƒ–ãƒžãƒ¼ã‚¸ãƒ³ã®ç†è§£ã‚’æ·±ã‚ã€æ´»ç”¨ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†
ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®marginã§ä½¿ç”¨ã™ã‚‹ã€Œãƒã‚¬ãƒ†ã‚£ãƒ–ãƒžãƒ¼ã‚¸ãƒ³ï¼ˆãƒžã‚¤ãƒŠã‚¹ãƒžãƒ¼ã‚¸ãƒ³ï¼‰ã€ã«ã¤ã„ã¦ç†è§£ã—ã¦ãŠãã¹ãã“ã¨ã€ãƒã‚¬ãƒ†ã‚£ãƒ–ãƒžãƒ¼ã‚¸ãƒ³ã‚’ä½¿ç”¨ã—ãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãªã©ã‚’Smashing Magazineã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ The Definitive Guide to Using Negative Margins 1. ãƒã‚¬ãƒ†ã‚£ãƒ–ãƒžãƒ¼ã‚¸ãƒ³ã®ç†è§£ 2. ãƒã‚¬ãƒ†ã‚£ãƒ–ãƒžãƒ¼ã‚¸ãƒ³ã®ä½¿ã„æ–¹ 3. ãƒã‚¬ãƒ†ã‚£ãƒ–ãƒžãƒ¼ã‚¸ãƒ³ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›† 4. ãƒã‚¬ãƒ†ã‚£ãƒ–ãƒžãƒ¼ã‚¸ãƒ³ã®ãƒã‚°ãƒ•ã‚£ãƒƒã‚¯ã‚¹ 5. çµ‚ã‚ã‚Šã« 1. ãƒã‚¬ãƒ†ã‚£ãƒ–ãƒžãƒ¼ã‚¸ãƒ³ã®ç†è§£ ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ä½¿ç”¨ã™ã‚‹éš›ã€å¿…ãšã¨ã„ã£ã¦ã„ã„ã»ã©ãƒžãƒ¼ã‚¸ãƒ³ã‚’ä½¿ç”¨ã™ã‚‹ã§ã—ã‚‡ã†ã€‚ã—ã‹ã—ã€ãƒã‚¬ãƒ†ã‚£ãƒ–ãƒžãƒ¼ã‚¸ãƒ³ã«ãªã‚‹ã¨æ„è¦‹ã¯åˆ†ã‹ã‚Œã€ãã‚Œã¯æ‚ªé”ã®ä»•äº‹ã§ã‚ã‚‹ã¨è€ƒãˆã‚‹äººãŸã¡ã‚‚ã„ã¾ã™ã€‚ ãƒã‚¬ãƒ†ã‚£ãƒ–ãƒžãƒ¼ã‚¸ãƒ³ã‚’ã¯ã€ä¾‹ãˆã°ã“ã†ã„ã†ã®ã§ã™ã€‚
HeavyFeather 2009/08/05
css

tips

reference

webdesign

layout
ãƒªãƒ³ã‚¯
è„±åˆå¿ƒè€…ã‚’ã‚ã–ã™äººã®ãŸã‚ã®ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ä½œæˆè¬›åº§
ç›®æ¬¡ åˆç´š ã¡ã‚‡ã£ã¨è©³ã—ã„HTMLã¨CSS ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ä½œæˆã«å¿…è¦ãªHTMLã¨CSSã®æ£ã—ã„æ–‡æ³•ã‚’ã‚„ã•ã—ãèª¬æ˜Žã—ã¾ã™ã€‚ èª°ã§ã‚‚è¦‹ã‚‰ã‚Œã‚‹ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã®ã¤ãã‚Šæ–¹ ä½¿ã„ã‚„ã™ã„ãƒšãƒ¼ã‚¸ã‚„ç’°å¢ƒã«ä¾å˜ã—ãªã„ãƒšãƒ¼ã‚¸ã®ä½œã‚Šæ–¹ã‚’è€ƒãˆã¾ã™ã€‚ ä¸ç´š HTML 4.01 ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ HTML 4.01ã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ã™ã€‚HTML 4.01ã®å…¨è¦ç´ ãƒ»å±žæ€§ã®è©³ç´°ãªè§£èª¬ãŒã‚ã‚Šã¾ã™ã€‚ CSS 2.1ã®ã‚¨ãƒƒã‚»ãƒ³ã‚¹ CSS 2.1ã®ä»•æ§˜ã‚’èª¬æ˜Žã—ã¾ã™ã€‚CSSã‚’åŽŸç†ã‹ã‚‰ç†è§£ã—ãŸã„äººã®ãŸã‚ã«ã€‚ ã„ã‚ã„ã‚ å‚è€ƒãƒªãƒ³ã‚¯ å‚è€ƒæ›¸ç± è¿·æƒ‘ãƒ¡ãƒ¼ãƒ«å¯¾ç– SEOã‚’ã‚„ã‚ã‚ˆã†
HeavyFeather 2009/03/14
HTML

CSS

web

tips

reference

tutorial
ãƒªãƒ³ã‚¯
æ–‡æ›¸æ§‹é€ ã‚’è¡¨ç¾ã™ã‚‹XHTMLã‚¿ã‚°ã®æ£ã—ã„ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ— HTMLã‚¿ã‚°ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ï¼ˆ1/10ï¼‰ - ï¼ IT
æ–‡æ›¸æ§‹é€ ã‚’è¡¨ç¾ã™ã‚‹ã‚¿ã‚° æ–‡æ›¸æ§‹é€ ã‚’è¡¨ç¾ã™ã‚‹XHTMLã‚¿ã‚°ã‚’å¤§ã¾ã‹ã«åˆ†é¡žã—ã€åˆ†é¡žã—ãŸã‚¿ã‚°ã‚’XHTMLã®â€œè¦ç´ â€ã¨ã—ã¦ã€1ã¤ãšã¤ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ ã“ã‚Œã‚‰ã®è¦ç´ é¡žã¯XHTMLã®éª¨æ ¼ï¼ˆæž ï¼‰ã¨ãªã‚‹éƒ¨åˆ†ã‚’å½¢æˆã—ã¦ã„ããŸã‚ã«ä½¿ã‚ã‚Œã‚‹ã€XHTMLã‚¿ã‚°ã®è¨˜è¿°ï¼ˆï¼ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ï¼‰ã‚’è¡Œã†ã†ãˆã§åŸºç¤Žã¨ãªã‚‹è¦ç´ é¡žã§ã™ã€‚ htmlã‚¿ã‚°ãŒä¸€ç•ªã®å¤–å´ï¼ˆå…ˆç¥–ï¼‰ã¨ãªã‚Šã€ãã®å†…å´ï¼ˆåï¼‰ã«ä¸Šã‹ã‚‰headè¦ç´ ã€bodyè¦ç´ ã¨ã„ã£ãŸé †ç•ªã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã•ã‚Œã¾ã™ã€‚ ãƒšãƒ¼ã‚¸ã¨ã—ã¦ä½œæˆã™ã‚‹ï¼ˆ.htmlãƒ•ã‚¡ã‚¤ãƒ«ï¼‰ã®æ–‡æ›¸æ§‹é€ ã‚’è€ƒæ…®ã—ã€æƒ…å ±æ§‹é€ ã¨ã—ã¦è«–ç†çš„ã«åˆã£ã¦ã„ã‚‹ã‹ã¨ã„ã†ã®ã‚’è€ƒãˆãªãŒã‚‰ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’è¡Œã„ã¾ã—ã‚‡ã†ã€‚ htmlè¦ç´ htmlã®ãã‚Œãžã‚Œã®è¦ç´ ã¯htmlè¦ç´ ã‚’é ‚ç‚¹ã¨ã™ã‚‹éšŽå±¤æ§‹é€ ã«ãªã£ã¦ã„ã¾ã™ã€‚ ãã®ä¸ã§htmlè¦ç´ ã¯æœ€ã‚‚åŸºç¤Žã¨ãªã‚‹è¦ç´ ã§ã€ãã®ã»ã‹ã®è¦ç´ ã¯ã™ã¹ã¦ãŒhtmlè¦ç´ ã®åã‚„åå«ï¼ˆâ€»ï¼‰ã¨ãªã‚‹é–¢ä¿‚æ€§ã«ãªã‚Šã¾ã™ã€‚ ãªãŠã€htmlãƒ•ã‚¡ã‚¤
HeavyFeather 2009/01/22
web

CSS

xhtml

HTML

reference

tips
ãƒªãƒ³ã‚¯
1