[B! css] hildeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

hilde id:hilde

cssã«é–¢ã™ã‚‹hildeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (86)

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

Twitter Bootstrap ã‚’ä½¿ã†éš›ã« a:link ãªã©ã« color ã‚’è¨å®šã™ã‚‹ã¨ãƒœã‚¿ãƒ³ã®è‰²ã¾ã§ä¸Šæ›¸ãã•ã‚Œã¡ã‚ƒã†å•é¡Œã®å¯¾ç– - FLOG SPLASH
1å¹´ã¶ã‚Šãã‚‰ã„ã«æ›´æ–°ã—ã¾ã™ãŒã€å¼•ãç¶šãã‚¯ãƒã‚³ã‚¹ã«ãŠã‚Šã¾ã—ã¦ (ã¦ã‹ã“ã®å‰ã®è¨˜äº‹ãŒåŽ»å¹´ã®7æœˆãªã‚“ã§ãã®å¾Œãƒ¤ãƒ•ãƒ¼ã«è²·åŽã•ã‚Œã‚‹ãªã©ã„ã‚ã„ã‚ã‚ã£ãŸã‚Šã—ã¾ã—ãŸãŒ) ã€ã¾ã‚ã¾ã‚å…ƒæ°—ã«ã‚„ã£ã¦ãŠã‚Šã¾ã™ã€‚ - ã•ã¦æœ¬é¡Œã€‚æ™®æ®µ CSS æ›¸ãã¨ãã¯å¤§æŠµã€ Twitter Bootstrap ã‹ã‚‰ã„ãã¤ã‹ã® LESS ã‚’ã‚¤ãƒ³ãƒãƒ¼ãƒˆã—ã¤ã¤ã€å¿…è¦ã«å¿œã˜ã¦ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ä¸Šæ›¸ãã™ã‚‹å½¢å¼ã‚’ã¨ã£ã¦ã„ã¾ã™ã€‚ ãã‚“ãªä¸ã€ãªã‚“ã‹ã©ã†ã—ã¦ã‚‚ãƒœã‚¿ãƒ³(buttons.less ã§ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ã‚ã¦ã¦ã„ã‚‹ã‚„ã¤)ã®æ–‡å—è‰²ãŒåæ˜ ã•ã‚Œãªã„çŠ¶æ³ã«é™¥ã‚Šã¾ã—ã¦ã€ãªã‚“ã§ã ã‚ã†ã¨èª¿ã¹ã¦ä¸€å¿œè§£æ±ºã—ãŸã®ã§æ›¸ã„ã¦ãŠãã¾ã™ã€‚ å•é¡Œã®æ¦‚è¦ ä»Šå›žã®ã‚±ãƒ¼ã‚¹ã§ã¯ã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®æ–‡å—è‰²ã‚’æ¬¡ã®ã‚ˆã†ã«è¨å®šã—ã¦ã„ã¾ã—ãŸã€‚ @import "bootstrap/buttons.less"; a, a:link { color: #666666; } a:visited { color: #
hilde 2013/11/17
css

bootstrap
ãƒªãƒ³ã‚¯
Gumby - Bootstrapã®å¼·åŠ›ãªãƒ©ã‚¤ãƒãƒ«ã«ãªã‚‹ã‹ï¼ï¼Ÿã‚·ãƒ³ãƒ—ãƒ«ã‹ã¤å¼·åŠ›ãªCSS3ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ MOONGIFT
CSS3ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯æ•°å¤šããªã£ã¦ããŸã®ã§ãã®ç‰¹å¾´ã‚’ã¡ã‚ƒã‚“ã¨æŽ´ã‚“ã§ãŠã‹ãªã„ã¨ã„ã‘ãªã„ã§ã™ãã€‚ Gumbyã¯Sassã‚’ä½¿ã£ãŸCSS3ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ä»–ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨åŒã˜ã‚ˆã†ã«ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã€ãƒ¢ãƒã‚¤ãƒ«ãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ã«ãªã£ã¦ã„ã¾ã™ã€‚ãã®ç‰¹å¾´ã‚’è¦‹ã¦ã„ãã¾ã—ã‚‡ã†ã€‚ ã¾ãšãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‹ã‚‰ã§ã™ã€‚ ãƒ˜ãƒƒãƒ€ãƒ¼ãƒãƒ¼ã€‚ãƒ•ãƒ©ãƒƒãƒˆã ã£ãŸã‚Šã€å¹…ãŒå›ºå®šã ã£ãŸã‚Šã¨è‰²ã€…ãªå½¢å¼ãŒæƒ³å®šã•ã‚Œã¦ã„ã¾ã™ã€‚ ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã€‚å¯èªæ€§é«˜ã„ã§ã™ã€‚ ãƒªã‚¹ãƒˆã ã‘ã§ã‚‚é»’ä¸¸ã€ç™½ä¸¸ã€ãƒ‰ãƒƒãƒˆã€æ•°å—ãªã©å¤šæ•°ç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ã•ã‚‰ã«å®šç¾©ãƒªã‚¹ãƒˆã¾ã§ï¼ ãƒœã‚¿ãƒ³ã€‚ã‚µã‚¤ã‚ºã€è‰²ã€å½¢ãŒæ§˜ã€…ã§ã™ã€‚ç‰‡æ–¹ã ã‘ä¸¸ã„ã€ãªã‚“ã¦ä¾¿åˆ©ãã†ã§ã™ãã€‚ ã‚¤ãƒ³ã‚¸ã‚±ãƒ¼ã‚¿ãƒ¼ã‚„ãƒ©ãƒ™ãƒ«ã€ã‚¢ãƒ©ãƒ¼ãƒˆã€‚ã“ã†ã„ã†ã®ã‚‚ã‚ˆãä½¿ã„ã¾ã™ã‚ˆãã€‚ ãƒ•ã‚©ãƒ¼ãƒ ã€‚åŸºæœ¬çš„ã«placeholderã‚’ä½¿ã£ãŸè¡¨ç¤ºã«ãªã£ã¦ã„ã‚‹ã‚ˆã†ã§ã™ã€‚ ãƒ†ãƒ¼ãƒ–ãƒ«ã€‚è§’ä¸¸ã‚µãƒãƒ¼ãƒˆã§ã™ã€‚ ã‚¿ãƒ–ã€‚å¹…ãŒè¨å®šã§ãã¾ã™ã€‚ ç¸¦ã®ã‚¿ãƒ–ã‚‚ã‚ã‚Šã¾ã™ã€‚ ãƒ‰ãƒãƒ¯ãƒ¼ã€‚ã‚¯ãƒª
hilde 2013/10/22
css
ãƒªãƒ³ã‚¯
floatã‚’è§£é™¤ã™ã‚‹æ‰‹æ³•ã®clearfix ã¨ æ¬¡ä¸–ä»£ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®è©±
floatã‚’è§£é™¤ã™ã‚‹æ‰‹æ³•ã®clearfix ã¨ æ¬¡ä¸–ä»£ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®è©± 2013-06-20 / 2013-06-30 2011å¹´ã«clearfixã«ã¤ã„ã¦è¨˜äº‹ã‚’æ›¸ãã¾ã—ãŸãŒã€Micro clearfixãªã©ã®æ–°ã—ã„æ‰‹æ³•ã‚‚å‡ºã¦ãã¾ã—ãŸã€‚ è¨˜äº‹ã‚’æ›¸ã„ã¦ã‹ã‚‰2å¹´ãŒçµŒã¡ã€è‰²ã€…æ€ã†ã¨ã“ã‚ã‚‚å‡ºã¦ããŸã®ã§ã€æ”¹ã‚ã¦clearfixã«ã¤ã„ã¦æ›¸ãã¾ã™ã€‚ floatã‚’è§£é™¤ã™ã‚‹ã«ã¯ CSSã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®æ§‹ç¯‰ã‚’è¡Œã†éš›ã«ã€ã‚ˆãfloatãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒç”¨ã„ã‚‰ã‚Œã¾ã™ã€‚ ã—ã‹ã—floatã‚’ä½¿ç”¨ã™ã‚‹ã¨ã€ã€Œè¦ªã®èƒŒæ™¯ãŒè¡¨ç¤ºã•ã‚Œãªã„ã€ã€Œä¸‹ã®æ®µã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒå´©ã‚Œã‚‹ã€ãªã©ã®ãƒˆãƒ©ãƒ–ãƒ«ãŒèµ·ã“ã‚Šã‚„ã™ããªã‚Šã¾ã™ã€‚ floatãƒ—ãƒãƒ‘ãƒ†ã‚£ã®ç‰¹æ€§ è¦ªã®èƒŒæ™¯ãŒè¡¨ç¤ºã•ã‚Œãªã„ç†ç”±ã¯ã€floatãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’æŒ‡å®šã—ã¦ã„ã‚‹ãƒœãƒƒã‚¯ã‚¹ãŒæµ®å‹•åŒ–ã—ã€é€šå¸¸ã®ãƒœãƒƒã‚¯ã‚¹ã®ãƒ•ãƒãƒ¼ã‹ã‚‰å¤–ã•ã‚Œã‚‹ã“ã¨ãŒåŽŸå› ã§ã™ã€‚ é€šå¸¸ãƒ•ãƒãƒ¼ã‹ã‚‰å¤–ã•ã‚ŒãŸãƒœãƒƒã‚¯ã‚¹ã¯ã€è¦ªã®ãƒœãƒƒã‚¯ã‚¹ã®é«˜ã•ã‚’èªè˜ã§ããªããª
hilde 2013/06/29
css
ãƒªãƒ³ã‚¯
3D Button Parallax | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! The following is a guest post by Alexander Futekov. We recently published an article by Joshua Bader in which a 3D inset look was adjusted as the page scrolled to give it a more realistic interaction. This is similar only Alexander is using an extruded look on buttons and employing a totally
hilde 2013/05/28
ã‚ãƒ¢ã„ï½—

css
ãƒªãƒ³ã‚¯
CSSã®ã¿ã§ç”»åƒã‚’èƒŒæ™¯ï¼ˆç”»é¢å…¨ä½“ï¼‰ã«ã‚¢ã‚¹ãƒšã‚¯ãƒˆæ¯”ã‚’å´©ã•ãšä¸å¤®é…ç½®ã™ã‚‹ | soplog(ãã·ãƒã‚°)
CSSã®ã¿ã§ç”»åƒã‚’èƒŒæ™¯ã«ãƒ™ã‚¿ãƒ¼ã£ã¨è¡¨ç¤ºã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚’ä½œã‚Šã¾ã—ãŸã€‚ èƒŒæ™¯ã¨è¨€ã£ã¦ã‚‚å®Ÿéš›ã«é…ç½®ã™ã‚‹ã®ã¯ imgè¦ç´ ã§ã™ã€‚ â€»IE7ï½ž8ã¯ã€ç”»åƒã‚ˆã‚Šã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ãŒç‹ããªã£ãŸæ™‚ã€ä¸å¤®é…ç½®ã•ã‚Œã¾ã›ã‚“ã€‚ â€»IE6ã¯ã‚¢ã‚¹ãƒšã‚¯ãƒˆæ¯”ãŒå´©ã‚Œã¾ã™ã€‚ â€»Media Query ã¨ min-*** ã«å¯¾å¿œã™ã‚Œã°ã€IE6ï½ž8ã§ã‚‚æ„å›³ã—ãŸå‹•ä½œã«ãªã‚‹ã¯ãšã§ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ« HTML  <div id="bg-fill-image"> <img src="http://placekitten.com/g/1024/768"> </div> <div id="wrapper">  </div> CSS html { /* å†…åŒ…ã™ã‚‹è¦ç´ ã«é–¢ã‚ã‚‰ãšé«˜ã•ã‚’ä¿æŒã™ã‚‹ */ height: 100%; } body { margin: 0; padd
hilde 2013/04/27
CSS
ãƒªãƒ³ã‚¯
ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆå¯¾å¿œã®ã‚·ãƒ³ãƒ—ãƒ«ãªCSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãƒ»IVORY FRAMEWORK - ã‹ã¡ã³ã¨.net
ã‚·ãƒ³ãƒ—ãƒ«ãªCSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«å¯¾å¿œã€‚åŒã˜ã‚ˆã†ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯ã„ãã¤ã‚‚ã‚ã‚Šã¾ã™ãŒé¸æŠžè‚¢ãŒå¤šã„ã«ã“ã—ãŸäº‹ã¯ç„¡ã„ã®ã§ã”ç´¹ä»‹ã€‚ CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚æ•°ãˆåˆ‡ã‚Œãªã„ã»ã©å‡ºå›žã£ã¦ã‚‹ã®ã§ä»Šæ›´ã‹ã‚‚ã§ã™ã‘ã©é¸æŠžè‚¢ã¯å°‘ãªã„ã‚ˆã‚Šå¤šã„ã»ã†ãŒã„ã„ã§ã™ãã€‚
hilde 2012/12/30
css
ãƒªãƒ³ã‚¯
[CSS]ãƒ›ãƒãƒ¼ã§åãŒãƒã‚¤ãƒ©ã‚¤ãƒˆã€å®¶ç³»å›³ã®ã‚ˆã†ãªãƒ„ãƒªãƒ¼ã‚’å®Ÿè£…ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ -CSS3 Family Tree
åå«ã®ã¿ãƒã‚¤ãƒ©ã‚¤ãƒˆ [ad#ad-2] CSS3 Family Treeã®å®Ÿè£… HTML ãƒ„ãƒªãƒ¼ã¯ãƒªã‚¹ãƒˆè¦ç´ ã§ã€å„ã‚¢ã‚¤ãƒ†ãƒ ã®è¦ªåé–¢ä¿‚ã¯ãƒªã‚¹ãƒˆã®å…¥ã‚Œåã§å®Ÿè£…ã—ã¾ã™ã€‚ <div class="tree"> <ul> <li><a href="#">è¦ª</a> <ul> <li><a href="#">å</a> <ul> <li><a href="#">å«</a></li> </ul> </li> <li><a href="#">å</a> <ul> <li><a href="#">å«</a></li> <li><a href="#">å«</a> <ul> <li><a href="#">ã²å«</a></li> <li><a href="#">ã²å«</a></li> <li><a href="#">ã²å«</a></li> </ul> </li> <li><a href="#">å«</a></l
hilde 2012/07/22
css
ãƒªãƒ³ã‚¯
[CSS]GoodDesignè³žã«ãƒŽãƒŸãƒãƒ¼ãƒˆã•ã‚Œã¦è½é¸ã™ã‚‹ã“ã¨é–“é•ã„ç„¡ã—ã®ã™ã”ãã‚¢ãƒ¬ã£ã½ã„è¦‹å‡ºã—ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ä½œæˆã—ãŸ
ã©ã†ã‚‚ã€ãŠã¤ã±ï¼ˆ @OZPA ï¼‰ã§ã™ã€‚ ãƒ–ãƒã‚°ã®è¦‹å‡ºã—è¦ç´ ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã„ã˜ãã£ã¦ã„ãŸã‚‰ãªã‚“ã‹GoodDesignè³žã«ãƒŽãƒŸãƒãƒ¼ãƒˆã•ã‚Œãã†ãªè¦‹å‡ºã—ã‚¹ã‚¿ã‚¤ãƒ«â€¦ã„ã‚„ã€æ£ç¢ºã«ã¯è«¸å‡¦ã®äº‹æƒ…ã§ãƒŽãƒŸãƒãƒ¼ãƒˆãŒå–ã‚Šæ¶ˆã•ã‚Œãã†ãªã‚¹ã‚¿ã‚¤ãƒ«ãŒå‡ºæ¥ä¸ŠãŒã‚Šã¾ã—ãŸï¼ é©å‘½ã‚’èµ·ã“ã™è¦‹å‡ºã—ã‚¹ã‚¿ã‚¤ãƒ« ãˆãƒ¼ã€å‡ºæ¥ä¸ŠãŒã£ãŸè¦‹å‡ºã—ã¯ä»¥ä¸‹ã®3ã‚¹ã‚¿ã‚¤ãƒ«ã§ã™ã€‚ ç”»åƒã§ã¯ãªãã€CSSã§å®Ÿè£…ã—ã¦ãŠã‚Šã¾ã™ã€‚ ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ ã‚½ãƒ•ãƒˆ ãƒãƒ¼ãƒ‰ ã™ã”ã„â€¦ ãªã‚“ã‹ã‚ˆãã‚ã‹ã‚“ãªã„ã‘ã©â€¦ã‚¨ãƒã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥â€¦ï¼ï¼ ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã¯ä»¥ä¸‹ã€‚ ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ html [html] <p class="t_standard">ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰</p> [/html] css [css] /**** ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ ****/ .t_standard{ border-top:1px solid #CCC; border-right:10px solid #CC
hilde 2012/06/09
ã¾ã¡ãŒã„ãªã—ï¼

css
ãƒªãƒ³ã‚¯
ä½¿ãˆãã†ã§ä½¿ãˆãªã„CSSã®èƒŒæ™¯é è¿‘æ³• | tuglog!
ä¸€å®šæœŸé–“æ›´æ–°ãŒãªã„ãŸã‚åºƒå‘Šã‚’è¡¨ç¤ºã—ã¦ã„ã¾ã™
hilde 2012/05/31
ãŠã‚‚ã¡ã‚ã„

CSS
ãƒªãƒ³ã‚¯
ç”»åƒç½®æ›ã®ã‚ã‚Œã¸ã®è£œè¶³
å…ˆæœˆã‚ãŸã‚Šã€CSS ã«ã‚ˆã‚‹ç”»åƒç½®æ›ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®è©±é¡ŒãŒã«ã‚ã‹ã«ç››ã‚Šä¸ŠãŒã‚Šã‚’è¦‹ã›ã¦ã„ã¾ã—ãŸã€‚ãã®çµŒç·¯ã«ã¤ã„ã¦ ã¾ã¨ã‚Šã•ã‚“ã®è¨˜äº‹ ã§ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ãŒã€åƒ•ã‹ã‚‰ã‚‚ç°¡å˜ã«è£œè¶³ã—ã¦ã¿ã¾ã™ã€‚ ã¾ãšã€ã‚ˆãçŸ¥ã‚‰ã‚ŒãŸç”»åƒç½®æ›ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¨ã—ã¦ã„ã‚ã‚†ã‚‹ãƒ•ã‚¡ãƒ¼ã‚¯å¼ãŒã‚ã‚Šã¾ã—ãŸ: /* Phark method */ .ir { height: 100px; width: 400px; background: url(image.png) no-repeat 0 0; text-indent: -9999px; } ã“ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯é•·ã‚‰ãåˆ©ç”¨ã•ã‚Œç¶šã‘ã¦ãã¾ã—ãŸãŒã€ãã®ä»£æ›¿ã¨ã—ã¦ã€ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹é¢ã§ã‚ˆã‚Šè‰¯ã„ã¨ã•ã‚Œã‚‹ Scott Kellum ã•ã‚“ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ (ã‚±ãƒ©ãƒ å¼) ãŒ Jeffrey Zeldman ã•ã‚“ã®è¨˜äº‹ ã§ç´¹ä»‹ã•ã‚Œã¾ã—ãŸ: /* Kellum method */ .ir { height: 100px
hilde 2012/05/04
css
ãƒªãƒ³ã‚¯
CSSã ã‘ã§ä½œã‚‹tableãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
ä»Šå›žã¯CSSã ã‘ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹tableã®ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’2ã¤ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ç”»åƒã‚’ä½œã£ãŸãƒ†ãƒ¼ãƒ–ãƒ«ã‚‚å¤šãè¦‹ã¾ã™ãŒã€ç”»åƒã‚’ä½¿ã‚ãšã«ã‚‚ã€ãªã‹ãªã‹ã‚«ãƒƒã‚³ã„ã„ãƒ†ãƒ¼ãƒ–ãƒ«ãŒã§ãã¾ã™ã®ã§ã€ãœã²å‚è€ƒã«ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ã“ã“ã§ã¯ã€ç·šã¨å¡—ã‚Šã ã‘ã§è¡¨ç¾ã™ã‚‹ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ†ãƒ¼ãƒ–ãƒ«ã‚’ä½œã£ã¦ã¿ã¾ã™ã€‚ 7/22ã«ç¬¬äºŒæ®µã¨ã—ã¦[CSSã ã‘ã§ä½œã‚‹tableãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯Ver.02(ãŠã¾ã‘ä»˜ã)]ã‚’å…¬é–‹ã—ã¾ã—ãŸã®ã§ã€ã‚³ãƒãƒ©ã‚‚ãœã²è¦‹ã¦ã¿ã¦ãã ã•ã„ï¼ ã¾ãŸãƒ†ãƒ¼ãƒ–ãƒ«ã¯SEOçš„ã«è‰¯ããªã„ã¨è€ƒãˆã¦ã„ã‚‹æ–¹ãŒã„ã¾ã—ãŸã‚‰ã€tableã‚¿ã‚°ã¯SEOã«ä¸åˆ©ã¨ã„ã†ãƒ‡ãƒžã‚³ãƒãƒ©ã®è¨˜äº‹ã‚‚ã‚ã‚ã›ã¦èªã‚“ã§ã¿ã¦ãã ã•ã„ã€‚ å…ƒã¨ãªã‚‹HTML <table summary="ä¼šç¤¾æ¡ˆå†…è¡¨"> <tr> <th class="t_top" width="180">ä¼šç¤¾å</th> <td class="t_top">æ ªå¼ä¼šç¤¾â—‹â—‹â—‹</td> </tr> <tr>
hilde 2012/04/26
css
ãƒªãƒ³ã‚¯
jQueryã®CSSã‚»ãƒ¬ã‚¯ã‚¿APIã‚’é«˜é€Ÿã«æ‰±ã†æ–¹æ³• - KAYAC Engineers' Blog
æœ€è¿‘Androidã¨ã®æŠ—äº‰ãŒæ¿€åŒ–ã—ã¦ã„ã‚‹agoï¼ˆ@kyo_agoï¼‰ã§ã™ã€‚ jQueryã¯CSSã‚»ãƒ¬ã‚¯ã‚¿ã‚’å¤šç”¨ã™ã‚‹ç‰¹å¾´ãŒã‚ã‚Šã¾ã™ãŒã€jQueryå†…ã§ã¯å®Ÿè¡Œãƒ–ãƒ©ã‚¦ã‚¶ã‚„CSSã‚»ãƒ¬ã‚¯ã‚¿ã®è¨˜è¿°ã«ã‚ˆã£ã¦å‘¼ã³å‡ºã•ã‚Œã‚‹ãƒ–ãƒ©ã‚¦ã‚¶APIãŒå¤‰ã‚ã‚Šã€ãã‚Œã«ã‚ˆã£ã¦å®Ÿè¡Œé€Ÿåº¦ã«ã‚‚å½±éŸ¿ãŒå‡ºã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€Œã‚»ãƒ¬ã‚¯ã‚¿APIã¨ã¯ãªã«ã‹ã€ã€ã€ŒCSSã‚»ãƒ¬ã‚¯ã‚¿ã®è¨˜è¿°ã«ã‚ˆã£ã¦å‘¼ã³å‡ºã•ã‚Œã‚‹ã‚»ãƒ¬ã‚¯ã‚¿APIã®ç¨®é¡žã€ã€ã€Œé«˜é€Ÿãªã‚»ãƒ¬ã‚¯ã‚¿APIã‚’ä½¿ç”¨ã™ã‚‹ãŸã‚ã®æ–¹æ³•ã€ã€ã€Œé«˜é€Ÿãªã‚»ãƒ¬ã‚¯ã‚¿APIãŒä½¿ã‚ã‚Œã‚‹ã‹ã©ã†ã‹ç¢ºèªã™ã‚‹æ–¹æ³•ã€ãªã©ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ï¼ˆâ€»ã“ã®è¨˜äº‹ã¯JavaScript Advent Calendar 2011 (ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚³ãƒ¼ã‚¹) : ATNDã®1æ—¥ç›®ã®è¨˜äº‹ã§ã™ï¼‰ ã‚»ãƒ¬ã‚¯ã‚¿APIã¨ã¯ãªã«ã‹ ã‚»ãƒ¬ã‚¯ã‚¿APIã¨ã¯ã€Œ#hoge .hugaã€ã®ã‚ˆã†ãªCSSã‚»ãƒ¬ã‚¯ã‚¿ã‹ã‚‰ã€DOMä¸Šã«å˜åœ¨ã™ã‚‹è¦ç´ ã‚’å–å¾—ã™ã‚‹ãŸã‚ã®APIã§ã™ã€‚ jQue
hilde 2011/12/01
jquery

css
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
hilde 2011/01/09
css
ãƒªãƒ³ã‚¯
[CSS]æ¨ªã‚¹ã‚¯ãƒãƒ¼ãƒ«æ™‚ã«ãƒ˜ãƒƒãƒ€ã‚„ãƒ•ãƒƒã‚¿ãŒåˆ‡ã‚Œã¦ã—ã¾ã†æ™‚ã®è§£æ±ºæ–¹æ³•
ãƒ˜ãƒƒãƒ€ã‚„ãƒ•ãƒƒã‚¿ãŒãƒ–ãƒ©ã‚¦ã‚¶ã®æ¨ªå¹…ã‚ˆã‚Šåºƒã„éš›ã«ã€æ¨ªã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ãƒ˜ãƒƒãƒ€ã¨ãƒ•ãƒƒã‚¿ãŒåˆ‡ã‚Œã¦ã—ã¾ã†ã®ã‚’è§£æ±ºã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã“ã‚Œã¯IE6ãªã©ã®æ—§å¼ã®ãƒ–ãƒ©ã‚¦ã‚¶ã ã‘ã§ãªãã€Firefox3.6ã‚„Chromeã§ã‚‚èµ·ãã‚‹ç¾è±¡ã§ã™ã€‚ How to Resolve a Fluid Header/Footer Probl em When the Window is Resized ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼ˆä¸å…·åˆç‰ˆï¼‰ â€»ã‚ãƒ£ãƒ—ãƒãƒ£ã¯Firefox3.6ï¼ˆä¸å…·åˆã®ç¢ºèªã¯æ¨ªå¹…ã‚’å°ã•ãã—ã¦ï¼‰ ã“ã®ç¾è±¡ãŒèµ·ãã‚‹æ¡ä»¶ã¯ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ãƒ˜ãƒƒãƒ€ã¨ãƒ•ãƒƒã‚¿ã®ã‚µã‚¤ã‚ºã¯æŒ‡å®šã•ã‚Œã¦ã„ãªã„ã€‚ â†’æ¨ªã„ã£ã±ã„ã«åºƒãŒã‚‹ã€‚ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚¨ãƒªã‚¢ã®ã‚µã‚¤ã‚ºã¯æŒ‡å®šã•ã‚Œã¦ãŠã‚Šã€ã€Œmargin:auto;ã€ã§ä¸å¤®ã«é…ç½®ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚µã‚¤ã‚ºã¯ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚¨ãƒªã‚¢ã®ã‚µã‚¤ã‚ºã‚ˆã‚Šå°ã•ã„ã€‚ â†’ãƒ–ãƒ©ã‚¦ã‚¶ã«æ¨ªã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ãŒã§ã‚‹ã€‚ æœŸå¾…ã•ã‚Œã‚‹è¡¨ç¤ºã¯ã€ä¸‹è¨˜ã®ã‚ˆã†ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒä¸å¤®
hilde 2010/08/11
css
ãƒªãƒ³ã‚¯
visibility:hidden/display:none ã®ä½¿ã„åˆ†ã‘ - ãã‚Œãƒžã‚°ã§ï¼
visibility / display ã®ä½¿ã„åˆ†ã‘ ãŸã¾ã«é–“é•ã£ã¦èª¬æ˜Žã—ã¦ã„ã‚‹äººã¨ã‹ã€ãƒ†ãƒ¼ãƒ–ãƒ«è¡ŒãŒã‚¦ãƒžãæ¶ˆãˆãšã«è‹¦ã—ã‚“ã§ã‚‹äººã‚’è¦‹ã‹ã‘ã‚‹ã®ã§ã€èª¬æ˜Žã—ã‚ˆã†ã¨ã™ã‚‹ã®ã ã‘ã©ã€ã„ã¤ã‚‚å¿˜ã‚Œã¦ã„ã‚‹ã®ã§ã¡ã‚ƒã‚“ã¨ã¾ã¨ã‚ã¦ãŠãã€‚ CSSå±žæ€§ åŠ¹æžœ display:none ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãŒè¡¨ç¤ºã‚¨ãƒªã‚¢ã‹ã‚‰æ¶ˆãˆã‚‹ã€‚DOMã¨ã—ã¦ã¯å˜åœ¨ã™ã‚‹ãŒæç”»ã•ã‚Œãªã„ visibl ity:hidden ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã¯æç”»ã•ã‚Œãªã„ã€‚ã—ã‹ã—è¡¨ç¤ºã‚¨ãƒªã‚¢ã¯ã€Œæ®‹ã‚‹ã€ã€‚ãŠãŠã–ã£ã±ã«è¨€ãˆã°ã€èƒŒæ™¯è‰²ã§å¡—ã‚Šã¤ã¶ã—ãŸæ„Ÿã˜ ã§ã¯å®Ÿä¾‹ã‚’ãŠè¦‹ã›ã™ã‚‹ã€‚ æ—¥ä»˜ã®ã¨ã“ã‚ã«æ³¨ç›®ã€‚3è¡Œã‚ã‚Šã¾ã™ã€‚ å…¨éƒ¨ãŒè¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹çŠ¶æ…‹ visibility : hidden ã§ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’éžè¡¨ç¤ºã«ã—ãŸå ´åˆ display : none ã§Blockè¦ç´ ã‚’éžãƒ–ãƒãƒƒã‚¯è¦ç´ ã«ã—ãŸå ´åˆ ã¾ã€ä¸€ç›®çžç„¶ã ã‚ãªã€‚ å‚è€ƒã‚¨ãƒ³ãƒˆãƒª è¦ç´ ã®è¡¨ç¤º/éžè¡¨ç¤ºãƒ—ãƒãƒ‘ãƒ†ã‚£ã€‚è¡¨ç¤º/éžè¡¨ç¤ºã ã‘ã ã¨displayãƒ—ãƒãƒ‘
hilde 2010/07/07
css
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
hilde 2010/06/06
css

ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
hilde 2010/03/16
css
ãƒªãƒ³ã‚¯
CSSã§ç”»åƒã«ãƒ™ãƒ™ãƒ«åŠ¹æžœã‚’ã‚ã¦ã‚‹ã‚µãƒ³ãƒ—ãƒ«:phpspoté–‹ç™ºæ—¥èªŒ
Creating Beveled Images with CSS CSSã§ç”»åƒã«ãƒ™ãƒ™ãƒ«åŠ¹æžœã‚’ã‚ã¦ã‚‹ã‚µãƒ³ãƒ—ãƒ«ãŒå…¬é–‹ã•ã‚Œã¦ã¾ã™ã€‚ æ¬¡ã®ã‚ˆã†ã«ç«‹ä½“çš„ã«è¡¨ç¤ºã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ã‚ˆã†ã§ã™ ãã£ãã‚Šç«‹ä½“æ„Ÿã‚’å‡ºã—ãŸã„å ´åˆã«ä½¿ãˆãã†ã§ã™ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ä¾¿åˆ©ãªï¼£ï¼³ï¼³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï¼“ï¼é¸ CSSãƒªã‚¹ãƒˆã«é–¢ã™ã‚‹5ã¤ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›† ã“ã‚Œã¯æ¥½ã—ã„ï¼ã©ã‚“ãªç”»åƒã‚‚CDã®ã‚¢ãƒ«ãƒãƒ é¢¨ã«ã§ãã‚‹CSSãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ æœ¬ã®ç›®æ¬¡éƒ¨åˆ†ã®ã‚ˆã†ãªãƒªã‚¹ãƒˆã‚’CSSã§ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
hilde 2010/03/16
css
ãƒªãƒ³ã‚¯
ä½¿ã£ã¦ã„ãªã„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
hilde 2010/03/16
css
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
hilde 2010/03/07
css
ãƒªãƒ³ã‚¯
1 2 3 4 5 æ¬¡ã®ãƒšãƒ¼ã‚¸