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

superbrothers id:superbrothers

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

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

floatã‚’è§£é™¤ã™ã‚‹æ‰‹æ³•ã®clearfix ã¨ æ¬¡ä¸–ä»£ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®è©±
floatã‚’è§£é™¤ã™ã‚‹æ‰‹æ³•ã®clearfix ã¨ æ¬¡ä¸–ä»£ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®è©± 2013-06-20 / 2013-06-30 2011å¹´ã«clearfixã«ã¤ã„ã¦è¨˜äº‹ã‚’æ›¸ãã¾ã—ãŸãŒã€Micro clearfixãªã©ã®æ–°ã—ã„æ‰‹æ³•ã‚‚å‡ºã¦ãã¾ã—ãŸã€‚ è¨˜äº‹ã‚’æ›¸ã„ã¦ã‹ã‚‰2å¹´ãŒçµŒã¡ã€è‰²ã€…æ€ã†ã¨ã“ã‚ã‚‚å‡ºã¦ããŸã®ã§ã€æ”¹ã‚ã¦clearfixã«ã¤ã„ã¦æ›¸ãã¾ã™ã€‚ floatã‚’è§£é™¤ã™ã‚‹ã«ã¯ CSSã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®æ§‹ç¯‰ã‚’è¡Œã†éš›ã«ã€ã‚ˆãfloatãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒç”¨ã„ã‚‰ã‚Œã¾ã™ã€‚ ã—ã‹ã—floatã‚’ä½¿ç”¨ã™ã‚‹ã¨ã€ã€Œè¦ªã®èƒŒæ™¯ãŒè¡¨ç¤ºã•ã‚Œãªã„ã€ã€Œä¸‹ã®æ®µã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒå´©ã‚Œã‚‹ã€ãªã©ã®ãƒˆãƒ©ãƒ–ãƒ«ãŒèµ·ã“ã‚Šã‚„ã™ããªã‚Šã¾ã™ã€‚ floatãƒ—ãƒãƒ‘ãƒ†ã‚£ã®ç‰¹æ€§ è¦ªã®èƒŒæ™¯ãŒè¡¨ç¤ºã•ã‚Œãªã„ç†ç”±ã¯ã€floatãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’æŒ‡å®šã—ã¦ã„ã‚‹ãƒœãƒƒã‚¯ã‚¹ãŒæµ®å‹•åŒ–ã—ã€é€šå¸¸ã®ãƒœãƒƒã‚¯ã‚¹ã®ãƒ•ãƒãƒ¼ã‹ã‚‰å¤–ã•ã‚Œã‚‹ã“ã¨ãŒåŽŸå› ã§ã™ã€‚ é€šå¸¸ãƒ•ãƒãƒ¼ã‹ã‚‰å¤–ã•ã‚ŒãŸãƒœãƒƒã‚¯ã‚¹ã¯ã€è¦ªã®ãƒœãƒƒã‚¯ã‚¹ã®é«˜ã•ã‚’èªè˜ã§ããªããª
superbrothers 2013/07/04
CSS
ãƒªãƒ³ã‚¯
wearepico.comÂ -Â ã“ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¯è²©å£²ç”¨ã§ã™ï¼Â -Â wearepico ãƒªã‚½ãƒ¼ã‚¹ãŠã‚ˆã³æƒ…å ±
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
superbrothers 2011/01/16
css

button

design
ãƒªãƒ³ã‚¯
ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°å‰ã«ç¢ºèªã—ã¦ãŠããŸã„ã“ã¨ã€‚ - CSS HappyLife
CSS HappyLife ZERO ãŒç§»è»¢ã—ãŸã®ã§ãŠæ‰‹æ•°ã§ã™ãŒã€æ¶ˆãˆã¡ã‚ƒã†å‰ã«ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ç‰å¤‰æ›´ã—ã¦ã‚‚ã‚‰ãˆã‚‹ã¨ã¨ã¦ã‚‚å¬‰ã—ã„ã§ã™ã€‚ åˆ¶ä½œä¼šç¤¾ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹å ´åˆã€ç¤¾å†…ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³çš„ãªã®ãŒæœ‰ã£ãŸã‚Šãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚‚ã‚ã‚‹ç¨‹åº¦å›ºå®šã•ã‚Œã¦ã‚‹ã¨æ€ã†ã®ã§ã€æ¯Žå›žä¼¼ãŸã‚ˆã†ãªäº‹ã‚’ç¢ºèªã—ãŸã‚Šã¨ã‹ã€ã“ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã©ã†ã„ã†æ„å›³ãªã‚“ã ã‚ã†ï¼Ÿã£ã¦ã®ã‚‚ã€ä½•åº¦ã‹åŒã˜äººã¨ã‚„ã£ã¦ã‚Œã°è¦‹ãˆã¦ãã‚‹è¨³ã§ã™ãŒã€ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã®å ´åˆã ã¨ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¯æ¯Žå›žé•ã£ã¦ã„ãŸã‚Šã€å½“ç„¶ãƒ‡ã‚£ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã‚’ã™ã‚‹äººã‚‚é•ã†ã®ã§æœ€åˆã«ç¢ºèªã—ã¦ãŠããŸã„äº‹ãŒæœ‰ã£ãŸã‚Šã—ã¾ã™ã€‚ ã£ã¦äº‹ã§ã€ãã®è¾ºã‚Šã‚’ã¾ã¨ã‚ã¦ã¿ãŸã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æ¸¡ã•ã‚ŒãŸã¨ãã«ã“ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã®æ„å›³ã¯ï¼Ÿã£ã¦æ€ã†äº‹ã¨ã‹ã‚‚ã°ãƒ¼ã£ã¨æ›¸ã„ã¦ã¿ã¾ã™ã€‚ã¯ã„ã€‚ ãªã®ã§ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã‚‚ã‚³ãƒ¼ãƒ€ãƒ¼ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æ¸¡ã™ã¨ãã«æ°—ã‚’ã¤ã‘ã¦æ¬²ã—ã„ç‚¹ã¨ã‹ã‚‚ã‚ã‹ã£ã¦ã—ã¾ã†ã™ã°ã‚‰ã—ã„å†…å®¹ï¼ˆã ã¨è‰¯ã„ãªï¼‰ï¼ ã˜ã‚ƒã‚ã¾ãšã¯æœ€åˆã«ç¢ºèªã—ã¦ãŠããŸã„åŸºæœ¬çš„ãªã“ã¨ã‹
superbrothers 2010/09/05
HTML

CSS
ãƒªãƒ³ã‚¯
HTML5 Reset
This domain may be for sale!
superbrothers 2010/08/30
html

css
ãƒªãƒ³ã‚¯
[CSS]ç”»åƒã«ç¾Žã—ã„è§’ä¸¸ã¨ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã‚’é©ç”¨ã™ã‚‹æ–¹æ³•
imgè¦ç´ ã§é…ç½®ã—ãŸç”»åƒã«CSS3ã®è§’ä¸¸ã¨ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã‚’é©ç”¨ã‚’ã™ã‚‹ã¨ã€Firefoxã§è§’ä¸¸ãŒåæ˜ ã•ã‚Œãªã‹ã£ãŸã‚Šã€Webkitãƒ–ãƒ©ã‚¦ã‚¶ã§ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ãŒæ¬ ã‘ãŸã‚Šã—ã¾ã™ã€‚ ã“ã‚Œã‚’è§£æ¶ˆã™ã‚‹CSSã®Trickã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ CSS3 Rounded Image With jQuery ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ Firefoxã¨Webkitãƒ–ãƒ©ã‚¦ã‚¶ï¼ˆSafariï¼‰ã®ãã‚Œãžã‚Œã«CSS3ã®è§’ä¸¸ã¨ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã‚’é©ç”¨ã™ã‚‹ã¨ã€ä¸Šè¨˜ã®ã‚ˆã†ã«ç¾Žã—ãè¡¨ç¤ºã•ã‚Œã¾ã›ã‚“ã€‚ ãã‚Œã‚’ä¸‹è¨˜ã®ã‚ˆã†ã«ç¾Žã—ãé©ç”¨ã•ã‚Œã‚‹ã‚ˆã†ã«ã—ã¾ã™ã€‚ è§’ä¸¸ã¨ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã‚’ã“ã†ã„ã†é¢¨ã«ã—ãŸã„ å·¦ï¼šè§’ä¸¸ã¨å¤–å´ã«ã‚·ãƒ£ãƒ‰ã‚¦ã€å³ï¼šè§’ä¸¸ã¨å†…å´ã«ã‚·ãƒ£ãƒ‰ã‚¦ CSS3ã§ç´ ç›´ã«ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚° Firefoxã§ã¯è§’ä¸¸ãŒé©ç”¨ã•ã‚Œãšã€Safariã§ã¯ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ãŒé©ç”¨ã•ã‚Œã¾ã›ã‚“ã€‚
superbrothers 2010/07/17
CSS
ãƒªãƒ³ã‚¯
borderãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’ä½¿ç”¨ã—ãŸè¯éº—ãªã‚‹å››ã¤ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ | ã‚³ãƒªã‚¹
<textarea name="code" class="css" cols="60" rows="5"> .shadow { padding: 20px; border: 1px solid #f0f0f0; border-bottom: 2px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } </textarea>
superbrothers 2010/07/08
CSS
ãƒªãƒ³ã‚¯
graphicpeel.comÂ -Â graphicpeel ãƒªã‚½ãƒ¼ã‚¹ãŠã‚ˆã³æƒ…å ±
graphicpeel.com ã¯ã€ã‚ãªãŸãŒãŠæŽ¢ã—ã®æƒ…å ±ã®å…¨ã¦ã®æœ€æ–°ã‹ã¤æœ€é©ãªã‚½ãƒ¼ã‚¹ã§ã™ã€‚ä¸€èˆ¬ãƒˆãƒ”ãƒƒã‚¯ã‹ã‚‰ã“ã“ã‹ã‚‰æ¤œç´¢ã§ãã‚‹å†…å®¹ã¯ã€graphicpeel.comãŒå…¨ã¦ã¨ãªã‚Šã¾ã™ã€‚ã‚ãªãŸãŒãŠæŽ¢ã—ã®å†…å®¹ãŒè¦‹ã¤ã‹ã‚‹ã“ã¨ã‚’é¡˜ã£ã¦ã„ã¾ã™ï¼
superbrothers 2010/06/28
css
ãƒªãƒ³ã‚¯
CSS Click Chart | CSS3 Browser Support and Information
Can I Use ? Data on support for the default feature across the major browsers from caniuse.com.
superbrothers 2010/06/28
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"] (å±žæ€§é¸æŠžå
superbrothers 2010/05/13
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
superbrothers 2010/05/01
css
ãƒªãƒ³ã‚¯
å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª20ã®CSSå°æŠ€é›†
2019å¹´5æœˆ17æ—¥ CSS CSSãƒãƒƒã‚¯ã«ç¶šãã€ã“ã®CSSå°æŠ€é›†ã‚‚ç§ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã«ãšã‚‰ã‚Šã¨ä¸¦ã‚“ã§ã„ãŸã®ã§ã€æ•´ç†ã‚‚å…¼ãã¦è¨˜äº‹ã«ã—ã¦ã¿ã¾ã—ãŸã€‚CSSã®ãŠå‹‰å¼·ã‚’å§‹ã‚ãŸã°ã‹ã‚Šã®é ƒã«ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ã¦ãŠã„ãŸã‚‚ã®ã‚‚å¤šæ•°ã€‚ã€‚ã¨ã„ã†ã“ã¨ã§åˆå¿ƒè€…ã•ã‚“ã‹ã‚‰ãƒ™ãƒ†ãƒ©ãƒ³ã•ã‚“ã¾ã§å‚è€ƒã«ã—ã¦ã¿ã¦ãã ã•ã„ï¼ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ ã‚³ãƒ¼ãƒ‰ã¯ã‚µãƒ³ãƒ—ãƒ«å†…ã®ã€ŒHTMLã€ã‚„ã€ŒCSSã€ã‚¿ãƒ–ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ãã ã•ã„ãï¼ å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãªCSSå°æŠ€é›† ã‚·ãƒªãƒ¼ã‚º ã€ç¬¬2å¼¾ã€‘å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª20ã®CSSå°æŠ€é›† ã€ç¬¬3å¼¾ã€‘å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª15ã®CSSå°æŠ€é›† ã¾ãšã¯CSSåŸºç¤Žç·¨ 1. divã‚’ä¸å¤®æƒãˆã«ã™ã‚‹ ã»ã¨ã‚“ã©ã®ã‚µã‚¤ãƒˆãŒåŸºæº–ã¨ãªã‚‹divã‚’ç”»é¢ã®ä¸å¤®æƒãˆã«è¨å®šã—ã¦ã„ã¾ã™ã€‚å·¦å³ã®marginã‚’autoã«ã—ã¦ä¸å¤®æƒãˆã«ã€‚ See the Pen Center Div by Mana (@manabox
superbrothers 2010/04/30
css

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
CSSãƒ“ã‚®ãƒŠãƒ¼ã«æ°—ã‚’ã¤ã‘ã¦ã»ã—ã„5ã¤ã®ãƒã‚¤ãƒ³ãƒˆ | ã‚³ãƒªã‚¹
ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¯ã€è¤‡æ•°ã®äººé–“ãŒæºã‚ã‚‹å ´åˆã¯å½“ç„¶ã®ã“ã¨ãªãŒã‚‰ã€è‡ªåˆ†ä¸€äººã®å ´åˆã§ã‚‚é•·æœŸã«ã‚ãŸã‚Šæºã‚ã‚‹ã“ã¨ãŒã‚ã‚‹ã®ã§ã€åˆ†ã‹ã‚Šã‚„ã™ãã‚¯ãƒªãƒ¼ãƒ³ãªã‚‚ã®ã«ã—ã¦ãŠããŸã„ã‚‚ã®ã§ã™ã€‚ ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’é©åˆ‡ã«ä½¿ç”¨ã—ã€ãã—ã¦ç®¡ç†ã—ã‚„ã™ãã™ã‚‹5ã¤ã®ãƒã‚¤ãƒ³ãƒˆã‚’Soh Tanakaã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ CSS Beginners Do's and Dont's Part 2 ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ 1. classã¨idã¯é©åˆ‡ã«ä½¿ç”¨ã™ã‚‹ ãƒ“ã‚®ãƒŠãƒ¼ã¯æ–°ã—ã„classã‚’ã©ã‚“ã©ã‚“ä½œæˆã—ã¦ã—ã¾ã†å‚¾å‘ãŒã‚ã‚Šã¾ã™ã€‚å†—é•·ãªã‚‚ã®ã‚„ä¸å¿…è¦ãªclassã‚„idã¯CSS æœ¬æ¥ã®ç›®çš„ã‹ã‚‰ã¯ãšã‚Œã‚‹ã‚‚ã®ã§ã™ã€‚ CSSã®ç¾Žã—ã•ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‹ã‚‰åˆ‡ã‚Šé›¢ã™ã“ã¨ã«ã‚ã‚Šã€ãã‚Œã‚’è¨±ã™ã¨ã„ã†ã“ã¨ã§ã™ã€‚ã¾ãŸclassã‚„idã‚’æœ€å°é™ã«ã™ã‚‹ã“ã¨ã§è² è·ã‚’æ¸›ã‚‰ã™ã“ã¨ã«ã‚‚ç¹‹ãŒã‚Šã¾ã™ã€‚ Bad pè¦ç´ ãã‚Œãžã‚Œã«å…¨ã¦å€‹åˆ¥ã®classã‚’ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚ <tex
superbrothers 2010/04/04
css

web
ãƒªãƒ³ã‚¯
http://www.css-lecture.com/log/css3/css3-gradient.html
superbrothers 2010/03/18
css3

css

ã‚ã¨ã§...
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
superbrothers 2010/03/18
css

css3

web

ã‚ã¨ã§...
ãƒªãƒ³ã‚¯
ä½¿ã£ã¦ã„ãªã„CSSã‚’è¦‹ã¤ã‘å‡ºã™æ–¹æ³• | ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚º | ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«
Windows Internet Explorer 8 ã‚ªãƒ³ã‚¶ãƒ•ãƒ©ã‚¤ã§CSSã‚’èª¿æ•´ã—ã¦ãƒ–ãƒ©ã‚¦ã‚¶ã®è¡¨ç¤ºã«åæ˜ ã•ã›ã‚‹ãƒ„ãƒ¼ãƒ«ã¯ã„ãã¤ã‚‚ã‚ã‚‹ã€‚Webãƒ‡ã‚¶ã‚¤ãƒŠã‚„Webãƒ‡ãƒ™ãƒãƒƒãƒ‘ã«ã¨ã£ã¦ã€Webã‚µã‚¤ãƒˆã‚„Webãƒšãƒ¼ã‚¸ã‚’åˆ¶ä½œã™ã‚‹æ®µéšŽã«ãŠã„ã¦æ¬ ã‹ã›ãªã„ãƒ„ãƒ¼ãƒ«ã¨ã„ãˆã‚‹ã€‚ä¸»è¦ãƒ–ãƒ©ã‚¦ã‚¶ã«ã¯ãã‚Œãžã‚Œãƒ‡ãƒãƒƒã‚°ãƒ„ãƒ¼ãƒ«ãŒä»˜å±žã—ã¦ã„ã‚‹ã‹ã€ä»˜å±žã—ã¦ã„ãªãã¦ã‚‚Firebugã®ã‚ˆã†ã«å®Ÿè³ªçš„ã«ãƒ‡ãƒ•ã‚¡ã‚¯ãƒˆã«ãªã£ã¦ã„ã‚‹ãƒ„ãƒ¼ãƒ«ãŒæä¾›ã•ã‚ŒãŠã‚Šã€ãã†ã—ãŸãƒ„ãƒ¼ãƒ«ã‚’ä½¿ã†ã“ã¨ãŒå¤šã„ã€‚ ã“ã®ã‚ˆã†ã«CSSã‚’ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã™ã‚‹ãŸã‚ã®ãƒ„ãƒ¼ãƒ«ã¯æ•°å¤šãæä¾›ã•ã‚Œã¦ã„ã‚‹ãŒã€é€†ã«CSSã§ä½¿ã‚ã‚Œã¦ã„ãªã„ã‚»ãƒ¬ã‚¯ã‚¿ã‚’ç‰¹å®šã—ã¦å‰Šé™¤ã™ã‚‹ã¨ã„ã£ãŸæ©Ÿèƒ½ã‚’æä¾›ã™ã‚‹ã‚‚ã®ã¯å°‘ãªã„ã€‚IEBlog : CSS Crunch: new IE Extension for developersã«ãŠã„ã¦Selectors API Level 1ã§è¦ç¨‹ã•ã‚Œã¦ã„ã‚‹document.querySelec
superbrothers 2010/03/11
css
ãƒªãƒ³ã‚¯
ã€CSSã€‘è¦šãˆã¦ãŠã„ã¦æã¯ãªã„ CSS ã®å®šç•ªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ BEST 5 | ãƒã‚·ãƒ£ãƒã‚°ã€‚
ãƒãƒƒãƒˆã§æ¤œç´¢ã‚’ã™ã‚‹ã¨ CSS ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒå±±ã»ã©å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ãŒã€å®Ÿéš›ã«å•†ç”¨ã‚µã‚¤ãƒˆã®åˆ¶ä½œã‚’ã—ã¦ã„ã¦å€‹äººçš„ã«åˆ©ç”¨ã™ã‚‹é »åº¦ãŒé«˜ã„ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã® BEST 5 ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ã¡ã‚‡ã£ã¨å‡ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚µã‚¤ãƒˆã‚’ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹æ™‚ã«ã€ã“ã‚Œã‚‰ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã«åŠ©ã‘ã‚‰ã‚Œã‚‹ã“ã¨ãŒå¤šã„ã§ã™ã€‚ã©ã‚Œã‚‚è¦šãˆã¦ãŠã„ã¦æã¯ãªã„ã‚‚ã®ã°ã‹ã‚Šã§ã™ï¼ IE6 ã§ã‚‚ min-height ã‚’ä½¿ã† ä¾‹ãˆã°ã€ç•°ãªã‚‹é«˜ã•ã®ãƒ–ãƒãƒƒã‚¯ã‚’ float ã—ã¤ã¤åº•è¾ºã®ãƒ©ã‚¤ãƒ³ã‚’æƒãˆãŸã„æ™‚ãªã©ã«ã€ã€ŒIE6 ãŒ min-height ã«å¯¾å¿œã—ã¦ã„ãŸã‚‰æ¥½ãªã®ã«ï¼ã€ã¨æ€ã†ã“ã¨ãŒã‚ã‚Šã¾ã™ãŒã€ä»¥ä¸‹ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ä½¿ãˆã° IE6 ã§ã‚‚ min-heightï¼ˆç›¸å½“ï¼‰ã®é©ç”¨ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ [CREAMU]CSSã§min-heightã‚’ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ã«ã™ã‚‹æœ€ã‚‚ç°¡å˜ãªæ–¹æ³•ã€ŽEasiest cross-browser CSS min-heightã€ IE6 ã« mi
superbrothers 2009/06/21
CSS
ãƒªãƒ³ã‚¯
HTMLã‹ã‚‰XMLã¸ï¼Webã‚’å½©ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’çŸ¥ã‚ã† (1/4)
ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆä¸Šã§ã®ã‚·ãƒ§ãƒƒãƒ”ãƒ³ã‚°ã‚„ãƒ–ãƒã‚°ã®æ›´æ–°ã€æ˜ åƒã®è¦–è´ãªã©ã€ç¾åœ¨ã§ã¯å¤šç¨®å¤šæ§˜ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¦‹ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ãªã£ãŸã€‚ã“ã®ãƒ‘ãƒ¼ãƒˆã§ã¯Webã®ã€Œä¸èº«ã€ã§ã‚ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ä»•çµ„ã¿ã«ã¤ã„ã¦è¦‹ã¦ã„ã“ã†ã€‚ Webãƒ–ãƒ©ã‚¦ã‚¶ã¨Webã‚µãƒ¼ãƒã®ä»•çµ„ã¿ã‚’ä½¿ã£ã¦ã‚„ã‚Šå–ã‚Šã•ã‚Œã‚‹æƒ…å ±ãŒã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã ã€‚ã¾ãšãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¡¨ç¤ºã™ã‚‹ä»•çµ„ã¿ã‹ã‚‰è¦‹ã¦ã¿ã‚ˆã†ã€‚Webãƒšãƒ¼ã‚¸ã¯HTMLï¼ˆHyperText Markup Languageï¼‰ã¨ã„ã†ã€æ–‡æ›¸æ§‹é€ ã‚’è¨˜è¿°ã™ã‚‹ãŸã‚ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—è¨€èªžã§ä½œã‚‰ã‚Œã¦ã„ã‚‹ã€‚HTMLã¯1997å¹´1æœˆã«W3Cï¼ˆWWW Consortiumï¼‰ã«ã¦åˆã‚ã¦æ¨™æº–åŒ–ã•ã‚ŒãŸã€‚ HTMLã«ã¯è¦‹å‡ºã—ã‚„æ–‡å—ã®å¤§ãã•ã¨ã„ã£ãŸæ–‡æ›¸ã®è¦‹æ „ãˆã‚’å®šç¾©ã™ã‚‹ã€ã€Œã‚¿ã‚°ã€ã¨å‘¼ã°ã‚Œã‚‹æƒ…å ±ãŒæ•°å¤šãè¦å®šã•ã‚Œã¦ã„ã‚‹ã€‚è¨˜è¿°æ–¹æ³•ã¯ã€ã“ã‚Œã‚‰ã®ã‚¿ã‚°ã§è¡¨ç¾ã—ãŸã„ç¯„å›²ã®æ–‡æ›¸ã‚’æŒŸã‚€ã¨ã„ã†å½¢å¼ã§ã‚ã‚‹ã€‚ã“ã®ã‚¿ã‚°ã¯è‰²æƒ…å ±ã‚’æŒ‡å®šã™ã‚‹colorã‚„æ–‡å—ã‚µã‚¤ã‚ºã‚’æŒ‡å®šã™ã‚‹siz
superbrothers 2009/05/26
Web

html

CSS

XML
ãƒªãƒ³ã‚¯
ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ : æ—¥çµŒé›»åç‰ˆ
1å›žã®å……é›»ã§æ±äº¬â€•å¤§é˜ªé–“ã«ç›¸å½“ã™ã‚‹500ã‚ãƒãƒ¡ãƒ¼ãƒˆãƒ«ã‚’èµ°ã‚Œã‚‹ãƒªãƒã‚¦ãƒ ã‚¤ã‚ªãƒ³é›»æ± æŠ€è¡“ã®é–‹ç™ºãŒæ´»ç™ºã ã€‚ç©æ°´åŒ–å¦å·¥æ¥ã®æŠ€è¡“ã¯çªç ´ã®ãƒ¡ãƒ‰ãŒãŸã¡ã€æ—åŒ–æˆã‚‚è¿‘ã¥ã„ãŸã€‚ã„ãšã‚Œã‚‚æ—¢å˜ã®é›»æ¥µã‚’ä½¿ã†ã“â€¦ç¶šã å†ã‚¨ãƒåŠ¹çŽ‡çš„ã«è²¯è”µã€ã€ŒãƒŠãƒˆãƒªã‚¦ãƒ ã‚¤ã‚ªãƒ³é›»æ± ã€å¯¿å‘½ãƒ»å®¹é‡ãŒå¢—å¤§ ï¼»æœ‰æ–™ä¼šå“¡é™å®šï¼½ ãƒˆãƒ¨ã‚¿ã®å…¨å›ºä½“é›»æ± ã€€2025ï½ž30å¹´ï¼¥ï¼¶ãŒåŒ–ã‘ã‚‹ ï¼»æœ‰æ–™ä¼šå“¡é™å®šï¼½
superbrothers 2009/05/21
web

Silverlight

CSS

html
ãƒªãƒ³ã‚¯
[CSS]å…¨å¹…960+10pxã‚’ãƒ™ãƒ¼ã‚¹ã«æ±Žç”¨çš„ã«å±•é–‹ã™ã‚‹ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ
å…¨å¹…970pxï¼ˆ960+10pxï¼‰ã®6ã‚«ãƒ©ãƒ ã¨12ã‚«ãƒ©ãƒ ã®ã‚°ãƒªãƒƒãƒ‰ã‚’ãƒ™ãƒ¼ã‚¹ã«ã—ã€æ±Žç”¨çš„ã«å±•é–‹ã§ãã‚‹ã‚ˆã†ã«è¨è¨ˆã•ã‚ŒãŸã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã€ŒThe Golden Gridã€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ The Golden Grid ãƒ™ãƒ¼ã‚¹ã¨ãªã‚‹6ã‚«ãƒ©ãƒ ã¨12ã‚«ãƒ©ãƒ ã®ã‚°ãƒªãƒƒãƒ‰ã¯ã€ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ 6ã‚«ãƒ©ãƒ ã®æ§‹æˆ 1ã‚«ãƒ©ãƒ ï¼š150pxã€ãƒžãƒ¼ã‚¸ãƒ³ï¼š10px 150*6+10*7=970px 12ã‚«ãƒ©ãƒ ã®æ§‹æˆ 1ã‚«ãƒ©ãƒ ï¼š70pxã€ãƒžãƒ¼ã‚¸ãƒ³ï¼š10px 70*12+10*13=970px
superbrothers 2009/02/19
CSS
ãƒªãƒ³ã‚¯
1