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

sudan id:sudan

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

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

Sencha.com
Enterprise-ready UI framework to build modern web apps Sencha Ext JS is a powerful JavaScript framework for creating data-rich, modern, cross-platform web and mobile applications. It enables rapid development of complex UIs using pre-built components, ensuring faster time to market.
sudan 2010/09/27
ã©ã£ã¡ãŒCSS3ã‹FLASHã‹å½“ã¦ã‚‹ï½»ï½²ï¾„ã€‚Winã ã¨ãƒ•ã‚©ãƒ³ãƒˆã§ãƒãƒ¬ãƒãƒ¬ã ãŒã€Macã ã¨åŒºåˆ¥ã¤ã‹ã‚“ã‹ã‚‚

css3

Flash

CSS
ãƒªãƒ³ã‚¯
è¦‹å‡ºã—ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚è€ƒã«ã—ãŸã„ CSSã§ä½œã‚‹hã‚¿ã‚°ã®ã‚µãƒ³ãƒ—ãƒ«é›† | æ—¥åˆŠã‚¦ã‚§ãƒ–ãƒã‚°å¼
ãƒ–ãƒã‚°ã®è¨˜äº‹ã‚¿ã‚¤ãƒˆãƒ«ã‚„ã‚µã‚¤ãƒ‰ãƒãƒ¼ã®ã‚¿ã‚¤ãƒˆãƒ«ãªã©ã§ä½¿ãˆã‚‹ã‚ªãƒ¼ã‚½ãƒ‰ãƒƒã‚¯ã‚¹ãªè¦‹å‡ºã—ï¼ˆhã‚¿ã‚°ï¼‰ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚µãƒ³ãƒ—ãƒ«é›†ã§ã™ã€‚è¦‹å‡ºã—ã«ã¯CSS3ã‚„ç”»åƒã‚’ä½¿ã£ã¦ã„ãªã„ã®ã§ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ãŒã€ä¸€å¿œã‚ˆãä½¿ã†ã®ã§ã€ãƒ¡ãƒ¢ã¨ã—ã¦ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã—ã¦ãŠãã¾ã—ãŸã€‚ â€»è¿½è¨˜6/24 HTMLã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’pã‹ã‚‰h3ã«ç½®ãæ›ãˆã¾ã—ãŸã€‚ è¦‹å‡ºã—(Headline)ã®ã‚µãƒ³ãƒ—ãƒ«é›† è‰²ã‚„ãƒœãƒ¼ãƒ€ãƒ¼ã‚µã‚¤ã‚ºç‰ã®è£…é£¾éƒ¨åˆ†ã¯ ãŠå¥½ã¿ã§ç·¨é›†ã—ã¦ãã ã•ã„ã€‚ è¦‹å‡ºã—ã‚µãƒ³ãƒ—ãƒ«01 .selector01{ border-left:7px solid #e3297d; padding:.6em .8em } è¦‹å‡ºã—ã‚µãƒ³ãƒ—ãƒ«02 .selector02{ border-left:7px solid #ccc; border-bottom:1px solid #ccc; padding:.6em .8em } è¦‹å‡ºã—ã‚µãƒ³ãƒ—ãƒ«03 .selector03{ bor
sudan 2010/06/14
webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

css
ãƒªãƒ³ã‚¯
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"] (å±žæ€§é¸æŠžå
sudan 2010/06/02
ä½¿ã„æ–¹ã€ã‚µãƒ³ãƒ—ãƒ«ã¾ã§ã‚ã£ã¦ä¾¿åˆ©ãã†ã€‚é‡ãŒå¤šãã¦ã¡ã‚ƒã‚“ã¨è¦‹ã‚Œã¦ãªã„ãŒã€‚

CSS

*ã¾ã¨ã‚

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
http://www.designwalker.com/2010/05/css3.html
sudan 2010/05/29
ã¾ã¨ã‚

CSS

webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

tips
ãƒªãƒ³ã‚¯
CSSã‚»ãƒ¬ã‚¯ã‚¿ã®é«˜é€ŸåŒ–ã®è©±ã— - Webtech Walker
ç¶šãƒ»ãƒã‚¤ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹Webã‚µã‚¤ãƒˆã‚’èªã‚“ã§CSSã‚»ãƒ¬ã‚¯ã‚¿ã®é«˜é€ŸåŒ–ã®è©±ã—ãŒé¢ç™½ã‹ã£ãŸï¼ˆã¨ã„ã†ã‹å…¨ç„¶çŸ¥ã‚‰ãªãã¦ã¡ã‚‡ã£ã¨ã³ã³ã£ãŸï¼‰ã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚»ãƒ¬ã‚¯ã‚¿ã¯å³ã‹ã‚‰å·¦ã«è§£é‡ˆã•ã‚Œã‚‹ ã“ã‚Œã¯æ£ç›´çŸ¥ã‚‰ãªãã¦ã€çµæ§‹è¡æ’ƒã§ã—ãŸã€‚ #foo .bar {} ã“ã‚Œã¯ãªã‚“ã¨ãªã#fooã‚’æŽ¢ã—ã¦ã€ãã®ä¸ã®.barã‚’æŽ¢ã—ã¦ã„ã‚‹æ°—ãŒã—ã¦ãŸã‚“ã§ã™ã‘ã©ã€å®Ÿã¯.barã‚’æŽ¢ã—ã¦ã€ãã®è¦ªè¦ç´ ã«#fooãŒã‚ã‚‹ã‹ã‚’æŽ¢ã™ãã†ã§ã™ã€‚ãªã®ã§ç‰¹ã«#fooãŒå¿…è¦ãªã‘ã‚Œã° .bar {} ã¨æ›¸ã„ãŸã»ã†ãŒé«˜é€Ÿã ã¨ã„ã†ã“ã¨ã€‚ ã¾ãŸã€ä»¥ä¸‹ã®æ§˜ã«è¦ç´ åã§æŒ‡å®šã™ã‚‹ã¨ã€ãã®è¦ç´ ã‚’å…¨ã¦æŽ¢ã—ã¾ã™ã€‚ #foo a {} ã“ã‚Œã¯ä¸€åº¦aè¦ç´ ã‚’å…¨ã¦æŽ¢ã™ã®ã§ã€ã§ãã‚Œã°aã«classã‚’ãµã£ã¦ #foo .anchor {} ã¨ã™ã‚‹ã»ã†ãŒé«˜é€Ÿã®ã‚ˆã†ã§ã™ã€‚ï¼ˆ#fooã‚’ã¨ã‚‹ã¨ã‚ˆã‚Šé«˜é€Ÿï¼‰ ç‰¹ã«ãƒ¦ãƒ‹ãƒãƒ¼ã‚µãƒ«ã‚»ãƒ¬ã‚¯ã‚¿ãªã©ã¯ã€ #foo * {} ã¨ã™ã‚‹ã¨ã€å…¨ã¦ã®è¦ç´ ã®è¦ªè¦ç´ ã«å¯¾ã—ã¦
sudan 2010/05/29
css

é«˜é€ŸåŒ–

Tips

ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹

æœ€é©åŒ–
ãƒªãƒ³ã‚¯
MdN Designï½œç·åˆæƒ…å ±ã‚µã‚¤ãƒˆ
ä½œæ¥åŠ¹çŽ‡ãŒã‚¢ãƒƒãƒ—ã™ã‚‹éš ã‚ŒãŸä½¿ã„æ–¹æ•™ãˆã¾ã™ï¼ WEBåˆ¶ä½œã€ãƒ—ãƒã®ç„¡æ–™ã‚µãƒ¼ãƒ“ã‚¹æ´»ç”¨è¡“ â”€â”€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«ä½¿ãˆã‚‹ãƒ„ãƒ¼ãƒ«ï¼ˆ1ï¼‰ ã‚¯ãƒ©ã‚¦ãƒ‰éš†ç››ã®æ˜¨ä»Šã€ã‚½ãƒ•ãƒˆã‚¦ã‚¨ã‚¢ã¨åŒç‰ã‹ã€ãã‚Œä»¥ä¸Šã«ä¾¿åˆ©ãªæ©Ÿèƒ½ã‚’æŒã£ãŸã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ã‚¹ï¼ãƒ„ãƒ¼ãƒ«ãŒè±Šå¯Œã«å–ã‚Šãã‚ã£ã¦ããŸã€‚æœ¬è¨˜äº‹ã§ã¯ã€ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ã‚¹ã®ä¸ã§ã‚‚ç„¡æ–™åˆ©ç”¨ãŒå¯èƒ½ãªã‚‚ã®ã‚’é¸ã‚Šã™ãã‚Šã€Webåˆ¶ä½œã‚’6ã¤ã®ã‚·ãƒ¼ãƒ³ã«åˆ†é¡žã—ã¦ã‚ˆã‚Šå¿«é©ã«ä½œæ¥ã™ã‚‹ãŸã‚ã® 82ã®æ´»ç”¨è¡“ã®ä¸ã‹ã‚‰ã€ä»Šå›žã¨æ¬¡å›žã¯Webåˆ¶ä½œã«ä½¿ãˆã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã«ç‰¹åŒ–ã—ãŸç„¡æ–™ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã®æ´»ç”¨æ³•ã®ä¸ã‹ã‚‰ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«ä½¿ãˆã‚‹6ç‚¹ãšã¤ç´¹ä»‹ã™ã‚‹ã€‚ãƒ‡ã‚¶ã‚¤ãƒ³ã®å¹…ã‚’åºƒã’ã€Webã‚µã‚¤ãƒˆã®è³ªã‚’é«˜ã‚ã‚‹å®Ÿè·µæ–¹æ³•ã‚’è©¦ã—ã¦ã»ã—ã„ã€‚ â– ãƒãƒƒã‚¯ãƒŠãƒ³ãƒãƒ¼ ç¬¬1å›žã€€ãƒ‡ã‚¶ã‚¤ãƒ³ã«ä½¿ãˆã‚‹ãƒ„ãƒ¼ãƒ«ï¼ˆ1ï¼‰ã¯ã“ã¡ã‚‰ ç¬¬2å›žã€€ãƒ‡ã‚¶ã‚¤ãƒ³ã«ä½¿ãˆã‚‹ãƒ„ãƒ¼ãƒ«ï¼ˆ2ï¼‰ã¯ã“ã¡ã‚‰ ç¬¬3å›žã€€ãƒ‡ã‚¶ã‚¤ãƒ³ã«ä½¿ãˆã‚‹ãƒ„ãƒ¼ãƒ«ï¼ˆ3ï¼‰ã¯ã“ã¡ã‚‰ Tweet [technique 01]CSS 3ã®è¡¨
sudan 2010/05/12
Webã‚µãƒ¼ãƒ“ã‚¹

webåˆ¶ä½œ

ãƒ‡ã‚¶ã‚¤ãƒ³

ãƒ„ãƒ¼ãƒ«

CSS
ãƒªãƒ³ã‚¯
è¦šãˆã¦è‰¯ã‹ã£ãŸCSSãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ Â« zaru blog
ã“ã“æœ€è¿‘ã€è¦šãˆã¦ã‚ˆã‹ã£ãŸãªãƒ¼ã¨æ€ã£ãŸCSSãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ã¾ã¨ã‚ã¦ã¿ã‚‹ CSSãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯æ™‚ä»£ã¨ã¨ã‚‚ã«å¤‰ã‚ã£ã¦ã„ãã‘ã‚Œã©ã€ã“ã“1å¹´ã»ã©ã‚¹ã‚¿ãƒ¡ãƒ³ãƒ¬ãƒ™ãƒ«ã§ä½¿ã†CSSãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒçµžã‚‰ã‚Œã¦ããŸã®ã§ã€ã“ã“ã‚‰ã§ã¡ã‚‡ã£ã¨å€‹äººçš„ã«ã‚‚ã¾ã¨ã‚ã¦ãŠã“ã†ã‹ã¨ã€‚ liãƒœãƒƒã‚¯ã‚¹ å¹…ï¼š190px ãƒžãƒ¼ã‚¸ãƒ³ï¼š15px liãƒœãƒƒã‚¯ã‚¹ ãƒ€ãƒŸãƒ¼ãƒ†ã‚ã‚¹ãƒˆã€‚ãƒ€ãƒŸãƒ¼ãƒ†ã‚ã‚¹ãƒˆã€‚ãƒ€ãƒŸãƒ¼ãƒ†ã‚ã‚¹ãƒˆã€‚ãƒ€ãƒŸãƒ¼ãƒ†ã‚ã‚¹ãƒˆã€‚ãƒ€ãƒŸãƒ¼ãƒ†ã‚ã‚¹ãƒˆã€‚ liãƒœãƒƒã‚¯ã‚¹ ãƒ€ãƒŸãƒ¼ãƒ†ã‚ã‚¹ãƒˆã€‚ãƒ€ãƒŸãƒ¼ãƒ†ã‚ã‚¹ãƒˆã€‚ãƒ€ãƒŸãƒ¼ãƒ†ã‚ã‚¹ãƒˆã€‚ãƒ€ãƒŸãƒ¼ãƒ†ã‚ã‚¹ãƒˆã€‚ãƒ€ãƒŸãƒ¼ãƒ†ã‚ã‚¹ãƒˆã€‚ <li>ã«ã¯ã‚¯ãƒ©ã‚¹ã‚’æŒ‡å®šã›ãšã«ã€å·¦å³ã«ã´ã£ãŸã‚Šãã£ä»˜ãã‚ˆã†ã«é…ç½®ãŒå¯èƒ½ã€‚ <style type="text/css"> #box1{ width: 600px; } ul{ width: 615px; margin: 0 -15px 0 0; overflow: hidden; _zoom: 1; font-size:7
sudan 2010/04/23
CSS

ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯

html

Tips
ãƒªãƒ³ã‚¯
å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª20ã®CSSå°æŠ€é›†
å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª20ã®CSSå°æŠ€é›†CSSãƒãƒƒã‚¯ã«ç¶šãã€ã“ã®CSSå°æŠ€é›†ã‚‚ç§ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã«ãšã‚‰ã‚Šã¨ä¸¦ã‚“ã§ã„ãŸã®ã§ã€æ•´ç†ã‚‚å…¼ãã¦è¨˜äº‹ã«ã—ã¦ã¿ã¾ã—ãŸã€‚CSSã®ãŠå‹‰å¼·ã‚’å§‹ã‚ãŸã°ã‹ã‚Šã®é ƒã«ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ã¦ãŠã„ãŸã‚‚ã®ã‚‚å¤šæ•°ã€‚ã€‚ã¨ã„ã†ã“ã¨ã§åˆå¿ƒè€…ã•ã‚“ã‹ã‚‰ãƒ™ãƒ†ãƒ©ãƒ³ã•ã‚“ã¾ã§å‚è€ƒã«ã—ã¦ã¿ã¦ãã ã•ã„ï¼ ã‚³ãƒ¼ãƒ‰ã¯ã‚µãƒ³ãƒ—ãƒ«å†…ã®ã€ŒHTMLã€ã‚„ã€ŒCSSã€ã‚¿ãƒ–ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ãã ã•ã„ãï¼ å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª CSS å°æŠ€é›† ã‚·ãƒªãƒ¼ã‚ºã€ç¬¬ 2 å¼¾ã€‘å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª 20 ã® CSS å°æŠ€é›†ã€ç¬¬ 3 å¼¾ã€‘å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª 15 ã® CSS å°æŠ€é›†ã¾ãšã¯ CSS åŸºç¤Žç·¨1. div ã‚’ä¸å¤®æƒãˆã«ã™ã‚‹ã»ã¨ã‚“ã©ã®ã‚µã‚¤ãƒˆãŒåŸºæº–ã¨ãªã‚‹ div ã‚’ç”»é¢ã®ä¸å¤®æƒãˆã«è¨å®šã—ã¦ã„ã¾ã™ã€‚å·¦å³ã® margin ã‚’ auto ã«ã—ã¦ä¸å¤®æƒãˆã«ã€‚ 3. è¤‡æ•°ã®ã‚¯ãƒ©ã‚¹ã‚’æŒ‡å®šå®Ÿã¯ã‚¯ãƒ©ã‚¹ã¯ä¸€åº¦ã«è¤‡æ•°æŒ‡å®šã§ãã¾ã™ã€‚ã‚¹ãƒšãƒ¼ã‚¹ã‚’ç©ºã‘
sudan 2010/04/14
webãƒ‡ã‚¶ã‚¤ãƒ³

ã¾ã¨ã‚

CSS

ã‚µãƒ³ãƒ—ãƒ«

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
MdN Designï½œç·åˆæƒ…å ±ã‚µã‚¤ãƒˆ
åŸºæœ¬çš„ãªWebåˆ¶ä½œ æŠ€è¡“ã¯ã‚ã£ã¦ã‚‚ã€ã€Œæ•´ç†ã•ã‚Œã¦ã„ãªã„ã€ã€ã€Œã‚„ã¼ã£ãŸã„ã€ã€ã€Œå¹³å‡¡ã§ã¤ã¾ã‚‰ãªã„ã€ã€ã€Œãƒ¡ãƒªãƒãƒªãŒãªã„ã€ãªã©ã¨ã„ã£ãŸé›£é¡Œã«ç›´é¢ã—ã¦ã—ã¾ã£ãŸã“ã¨ã¯ãªã„ã ã‚ã†ã‹ã€‚ãã“ã§æœ¬ç‰¹é›†ã¯ã€Webãƒ‡ã‚¶ã‚¤ãƒ³ã§ã¤ã¾ãšãã‚„ã™ã„éƒ¨åˆ†ã‚’ã€CSSã§è§£æ±ºã™ã‚‹å®Ÿè·µçš„ãªã‚¢ã‚¤ãƒ‡ã‚¢ã‚’ç´¹ä»‹ã™ã‚‹ã€‚ã¾ãŸã€ã²ã¨ç›®ã§ã‚ã‹ã‚‹ã€Œå•é¡Œã®å±é™ºåº¦ã€ã‚‚æŽ²è¼‰ã€‚ã“ã“ã§ç´¹ä»‹ã™ã‚‹å¤šå½©ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’èº«ã«ã¤ã‘ã¦ã€Webè¡¨ç¾ã®å¹…ã‚’åºƒã’ã‚ˆã†ï¼
sudan 2010/04/13
webãƒ‡ã‚¶ã‚¤ãƒ³

CSS

ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
ãƒªãƒ³ã‚¯
p15.jp
å…ˆæ—¥ã‚’ãžãƒ¼ãã‚“ã«æ•™ãˆã¦ã‚‚ã‚‰ã£ãŸ Zen-Codingã€Coda ã§ã‚‚ä½¿ãˆã‚‹ã¨ã®ã“ã¨ã§è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ Downloads ã‹ã‚‰ Zen Coding for Coda v0.3 (Universal Binary) ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã€‚ è§£å‡ã™ã‚‹ã¨ ZenCoding.codaplugin ã¨ã„ã†ãƒ•ã‚¡ã‚¤ãƒ«ãŒå‡ºã¦ãã‚‹ã®ã§ã€ãƒ€ãƒ–ãƒ«ã‚¯ãƒªãƒƒã‚¯ã§ Coda ãŒèµ·å‹•ã—ã¦ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¾ã™ã€‚ ç¶šãã‚’èªã‚€ Coda ã§ Zen-Coding ã‚’ä½¿ã†
sudan 2010/02/11
coda

coding

CSS

HTML

zen-coding

plugin
ãƒªãƒ³ã‚¯
cssã®æƒ…å ±ãƒ»ã¾ã¨ã‚ - ã‹ã¡ã³ã¨.net
cssã®æƒ…å ±ã¾ã¨ã‚ã§ã™ã€‚ãƒãƒ¼ã‚«ãƒ« ç’°å¢ƒã«ã‚¹ãƒˆãƒƒã‚¯ã—ã¦ã„ãŸæƒ…å ±ã‚’ é–‹æ”¾ã—ã¦ã¿ã¾ã™ã®ã§ã‚·ã‚§ã‚¢ã—ã¦ é ‚ã‘ã‚Œã°å¹¸ã„ã§ã™ã€‚å†…å®¹ã¯ çµæ§‹åã£ã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã®ã§ å‚è€ƒç¨‹åº¦ã«ãªã•ã£ã¦ãã ã•ã„ã€‚ å…¨ã¦ã®cssæƒ…å ±ãŒæœ‰ã‚‹ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ä¸»è¦³ã§ã‚¹ãƒˆãƒƒã‚¯ã—ã¦ã„ãŸãƒªãƒ³ã‚¯é›†ã§ã™ã€‚ãƒ„ãƒ¼ãƒ«ã¨ã‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼é–¢é€£ã¨ã‹ãƒãƒƒã‚¯ã¨ã‹ã„ã‚ã„ã‚188ã®æƒ…å ±ã§ã™ã€‚ ãƒ„ãƒ¼ãƒ« ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã®cssãƒ„ãƒ¼ãƒ«ã€‚ CSS Validation Service / W3Cæ¤œè¨¼ã‚µãƒ¼ãƒ“ã‚¹æ—¥æœ¬èªžç‰ˆ RoundedCornr / è§’ä¸¸ã®HTMLãƒ»CSSã‚³ãƒ¼ãƒ‰ã‚’ç”Ÿæˆã—ã¦ãã‚Œã‚‹ CSS Type Set / ãƒ•ã‚¡ãƒŸãƒªãƒ¼ã€è‰²ã€å˜èªžé–“ã€è¡Œé–“ç‰ã‚’ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ã§ç¢ºèª CSS Text Wrapper / æ§˜ã€…ãªå½¢ã®ãƒ†ã‚ã‚¹ãƒˆã®å›žã‚Šã“ã¿ã‚’ç°¡å˜ã«å®Ÿç¾ã§ãã‚‹ CSS Builder / ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã§ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ç”Ÿæˆå¯èƒ½ Spiffy Box / cssã«ã‚ˆã‚‹è§’ä¸¸ã‚’ç°¡å˜ã«ç”Ÿæˆ The
sudan 2010/01/26
*ã¾ã¨ã‚

*ã‚¦ã‚§ãƒ–åˆ¶ä½œ

CSS

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚½ãƒ•ãƒˆã®ã‚ˆã†ã«HTMLãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒçµ„ã‚ã‚‹ã€ŒDrawterã€
HTMLã‚’ç›´æ„Ÿçš„ã«çµ„ã¿ä¸Šã’ã¦ã„ã‘ã‚‹ã®ãŒã€ä»Šå›žç´¹ä»‹ã™ã‚‹ã€ŒDrawterã€ã§ã™ã€‚ã“ã¡ã‚‰ã®ã‚µãƒ¼ãƒ“ã‚¹ã¯ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ„ãƒ¼ãƒ«ã§çµµã‚’æã„ã¦ã„ãã‚ˆã†ãªæ„Ÿè¦šã§HTMLã‚’ãƒžãƒ¼ã‚¯ã‚¢ãƒƒã‚¯ã—ã¦ã„ã‘ã‚‹ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ ã‹ãªã‚Šè‡ªç”±åº¦ãŒé«˜ã„ã®ã§ã€ç°¡å˜ãªç‰©ã‹ã‚‰ã€å‡ã£ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¾ã§è‰²ã€…ã¨è©¦ã›ãã†ãªæ„Ÿã˜ã§ã™ã€‚ è©³ã—ãã¯ä»¥ä¸‹ ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ãƒ„ãƒªãƒ¼ã‚‚ã‚°ãƒ©ãƒ•ã‚£ã‚«ãƒ«ã«è¡¨ç¤ºã•ã‚Œåˆ†ã‹ã‚Šã‚„ã™ãä½¿ã„å‹æ‰‹ãŒè‰¯ã„ã§ã™ã€‚ã¨ã«ã‹ãã‚ã¾ã‚Šè€ƒãˆãªãã¦ã‚‚ã€ã€Œè¦‹ãˆã‚‹åŒ–ã€ãŒå¾¹åº•ã•ã‚Œã¦ã„ã¾ã™ã®ã§è¦–è¦šçš„ã«ç†è§£ã—ãªãŒã‚‰HTMLã‚’çµ„ã¿ä¸Šã’ã¦ã„ã‘ã¾ã™ã€‚ è‡ªåˆ†ãŠå¥½ããªã‚ˆã†ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’çµ„ã‚“ã ã‚‰ã€ä¸Šéƒ¨ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®Code ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‹ã‚‰ã€ŒGenerate Codeã€ã‚’é¸ã¹ã°å„ã‚³ãƒ¼ãƒ‰ãŒç”Ÿæˆã•ã‚Œã¾ã™ã€‚Allsiteã¯HTML+CSSã§ã®ã‚³ãƒ¼ãƒ‰ã§ã€ãã®ä¸‹ã«ã¯HTMLã¨CSSã®æ¬„ãŒã‚ã‚Šã€å€‹åˆ¥ã«ã‚³ãƒ¼ãƒ‰ã‚’ç”Ÿæˆã—ã¦ãã‚Œã¾ã™ã€‚ HTMLãŒè‹¦æ‰‹ãªã‚“ã¦äººã§ã‚‚ãªã‚Œã‚Œã°ã€ç°¡å˜ã«ãƒšãƒ¼ã‚¸ã‚’çµ„ã¿ä¸Šã’ã‚‹ã“ã¨ãŒ
sudan 2010/01/25
WEBã‚µãƒ¼ãƒ“ã‚¹

CSS

WEB

HTML

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ
ãƒªãƒ³ã‚¯
css-lecture.com
sudan 2009/11/16
CSS

image

HTML

*ã‚¦ã‚§ãƒ–åˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã¨ã£ã¦ã‚‚ä½¿ãˆã‚‹overflowãƒ—ãƒãƒ‘ãƒ†ã‚£ã€‚ãã®ä½¿ã„æ–¹è‰²ã€…ã€‚
å…‰ã®4æˆ¦å£«ã‚’è²·ã£ãŸã‚“ã™ãŒã€å£²ã‚Šæ–‡å¥é€šã‚Šãƒ¬ãƒˆãƒãªæ„Ÿã˜ãŒã—ã¦ã„ã„ã§ã™ãã€‚ ã¾ãã¾ã 2, 3æ™‚é–“ç¨‹åº¦ã—ã‹ã‚„ã£ã¦ãªã„ã‚“ã§ã€ã“ã‚Œã‹ã‚‰ã©ã†ãªã‚‹ã‹åˆ†ã‹ã‚Šã¾ã›ã‚“ãŒæ™‚é–“ã‚’è¦‹ã¤ã‘ã¦ã‚„ã£ã¦è¡Œã“ã†ã‹ã¨ã€‚ ã•ã¦ã€ä»¥å‰ã‹ã‚‰overflowãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯ä½¿ã„å‹æ‰‹ãŒè‰¯ã„ã¨ã„ã†ã‹ã€ä½¿ã†å ´é¢ãŒå¤šã„ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®ä¸€ã¤ã§ã™ãŒã€è€ƒãˆã¦ã¿ã‚‹ã¨è‰²ã‚“ãªäº‹ã«ä½¿ã£ã¦ã‚‹ãªãï½žã¨æ€ã£ãŸã®ã§è‡ªåˆ†ãŒè‰¯ãä½¿ã†ã®ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã‚ã‚“ã¾overflowãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’ä½¿ã£ãŸäº‹ãŒç„¡ã„æ–¹ã¯ã€ãƒ“ãƒƒã‚¯ãƒªã§ã™ã‚ˆï¼ ã“ã‚Œã§ã€ã‚½ã‚³ã®å¯æ„›ã„ã‚¢ãƒŠã‚¿ã‚‚overflowãƒ—ãƒãƒ‘ãƒ†ã‚£ã®è™œã«ãªã‚‹äº‹é–“é•ã„ç„¡ã—ï¼ï¼ï¼ˆã‚ã‹ã‚“ãªã„ã‘ã© ã‚µãƒ³ãƒ—ãƒ«ã¨ã‹ã¯ä»¥ä¸‹ã‚ˆã‚Šã©ã†ãžã€‚ ã‚µãƒ³ãƒ—ãƒ«ã‚µã‚¤ãƒˆã‚’è¦‹ã‚‹ ã‚µãƒ³ãƒ—ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ åŸºæœ¬çš„ã«ã€å…¨ã¦overflow: hidden; ã®æŒ‡å®šã‚’è¶³ã™äº‹ã§è§£æ±ºã—ãŸã‚Šå®Ÿç¾å‡ºæ¥ã‚‹æ„Ÿã˜ã§ã™ã€‚ 01 clearfixã¿ãŸã„ã«ä½¿ã† ã¾ãšã¯ä»¥å‰ã®ã€Œclearfixã‚’ä½¿ã‚ãªã„ã§ã‚„ã‚‹ã«
sudan 2009/11/02
ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

CSS

ãƒ‡ã‚¶ã‚¤ãƒ³

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
IE 6ã§æ³£ã‹ãªã„ãŸã‚ã®ã€9ã¤ã®CSSãƒãƒƒã‚¯ (1/3) - ï¼ IT
æœ‰é™ä¼šç¤¾ã‚¿ã‚°ãƒ‘ãƒ³ãƒ€ å–œå®‰ äº®ä»‹ 2009/10/8 Webãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚¨ãƒ³ã‚¸ãƒ³ã®é•ã„ã«ã‚ˆã‚Šèµ·ã“ã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®è¡¨ç¤ºãšã‚Œå•é¡Œã«æ³£ã‹ã•ã‚Œã‚‹Webãƒ‡ã‚¶ã‚¤ãƒŠã®ãŸã‚ã«ã€Webãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã«ä½¿ãˆã‚‹ã‹ã©ã†ã‹ã®è¡¨ã‚’äº¤ãˆãªãŒã‚‰å•é¡Œã‚’è§£æ±ºã™ã‚‹ãŸã‚ã®CSSãƒãƒƒã‚¯ï¼†ãƒ•ã‚£ãƒ«ã‚¿Tipsã‚’ãŠå±Šã‘ã—ã¾ã™ï¼ˆç·¨é›†éƒ¨ï¼‰ æœ€ã‚‚å¤šãä½¿ã‚ã‚Œã¦ã„ã‚‹ã®ã«â€¦â€¦ã€ã„ã‚„ã€ã ã‹ã‚‰ã“ã å¤šãã®Webãƒ‡ã‚¶ã‚¤ãƒŠã®æ‚©ã¿ã®1ã¤ã¯ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®è¡¨ç¤ºãšã‚Œå•é¡Œã ã¨æ€ã„ã¾ã™ã€‚ã“ã‚Œã¯ã€å„Webãƒ–ãƒ©ã‚¦ã‚¶ãŒæŽ¡ç”¨ã—ã¦ã„ã‚‹ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚¨ãƒ³ã‚¸ãƒ³ã®é•ã„ã‹ã‚‰èµ·å› ã—ã¦ã„ã‚‹å ´åˆãŒå¤šã„ã§ã™ã€‚ãã®ä¸ã§ã‚‚ã€æœ€ã‚‚Webãƒ‡ã‚¶ã‚¤ãƒŠæ³£ã‹ã›ã®Webãƒ–ãƒ©ã‚¦ã‚¶ãªã®ã¯ã€ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆãŒé–‹ç™ºã—ã¦ã„ã‚‹IEï¼ˆInternet Exploreï¼‰ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³6ã§ã™ã€‚ IE 6ã¯ã€ç™ºå£²é–‹å§‹å½“åˆã®Windows XPã«ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„ãŸWebãƒ–ãƒ©ã‚¦ã‚¶ã¨ã„ã†ã“ã¨ã‚‚ã‚ã‚Šã€ä¸–ã®ä¸ã®å¤šãã®ãƒ¦ãƒ¼ã‚¶ãƒ¼
sudan 2009/10/09
webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

IE6

CSS
ãƒªãƒ³ã‚¯
1