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

fafhrd id:fafhrd

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

${{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é–‹ç™ºã‚’çˆ†é€ŸåŒ–ã™ã‚‹ã€ŒEmmet LiveStyleã€:phpspoté–‹ç™ºæ—¥èªŒ
Emmet LiveStyle ? live bi-directional CSS edit of new generation CSSé–‹ç™ºã‚’çˆ†é€ŸåŒ–ã™ã‚‹ã€ŒEmmet LiveStyleã€ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã®DOMã‚¤ãƒ³ã‚¹ãƒšã‚¯ã‚¿ã®æ–¹ã§CSSã‚’ä¿®æ£ã™ã‚‹ã¨SublimeTextã«åæ˜ ã•ã‚Œã€ã¾ãŸSublimeTextã‚’ç·¨é›†ã™ã‚‹ã¨ãƒ–ãƒ©ã‚¦ã‚¶ã«å³åæ˜ ã•ã‚Œã‚‹ã¨ã„ã†ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã§ç·¨é›†ã—ã¡ã‚ƒãˆã°ç°¡å˜ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã¯ã§ãã‚‹ã‘ã©ã€ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ‡ã‚£ã‚¿ã«ã‚³ãƒ”ãƒ¼ãŒå¿…è¦ã§ã€é€†ã«ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ‡ã‚£ã‚¿ã§æ›¸ãã®ã‚‚ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒªãƒãƒ¼ãƒ‰ãŒå¿…è¦ã¨ã„ã£ãŸå…·åˆã«æ‰‹é–“ãŒã‹ã‹ã‚Šã¾ã™ãŒã€ãã®æ‰‹é–“ãŒãªããªã‚Šã¾ã™ æ›´ã«ã€è¤‡æ•°ã®ãƒ–ãƒ©ã‚¦ã‚¶ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã«å³åº§ã«åæ˜ ã•ã‚Œã‚‹ãŸã‚ã€æ¨ªå¹…ã‚’å°ã•ãã—ãŸãƒ–ãƒ©ã‚¦ã‚¶ã€é€šå¸¸ã®ãƒ–ãƒ©ã‚¦ã‚¶ã‚’é–‹ã‘ã°ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ãŒåŒæ™‚ã«çµ‚ã‚ã‚Šã¾ã™ã€‚ ç‰‡æ–¹ã®ãƒ–ãƒ©ã‚¦ã‚¶ã®DOMã‚¤ãƒ³ã‚¹ãƒšã‚¯ã‚¿ã§CSSã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ã¦ã‚‚ã‚‚ã†ä¸€æ–¹ã®ãƒ–ãƒ©ã‚¦ã‚¶
fafhrd 2013/08/09
css

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Faux Absolute Positioning
There are two popular approaches to positioning with CSS: float and absolute positioning. Both approaches have their pros and cons. My teammates and I have developed a new positioning approach that gives us the best of both worlds. After quite a bit of experimenting and testing, itâ€™s time to share the technique with the rest of the world and see how we can work together to improve it. Iâ€™m calling
fafhrd 2008/06/24
css

layout

webdesign
ãƒªãƒ³ã‚¯
MTã§å®Ÿè·µ - CSSã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«åŒ–ã«ã‚ˆã‚‹ç®¡ç†æ–¹æ³•ã¨éŠã³æ–¹ - 3ping.org
1å¹´ã»ã©å‰ã‹ã‚‰MAQUEã¨ã„ã†Movable Typeã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’é…å¸ƒã—ã¦ã„ã‚‹ã®ã§ã™ãŒã€åˆ©ç”¨è€…ã‚‚å¢—ãˆã¦è‰²ã€…ã¨ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚’ã‚‚ã‚‰ã„ç¶šã‘ã¦ã„ãŸã®ã§ã€ãã‚Œã‚’æ´»ã‹ã—ã¦æ–°ã—ã„ã‚‚ã®ã‚’ä½œã‚Šã¾ã—ãŸã€‚Î²ãƒ†ã‚¹ãƒˆã‚‚çµ‚ã‚ã£ã¦ç´°éƒ¨ã‚’ä¿®æ£ã—ã¦æ£å¼ãƒªãƒªãƒ¼ã‚¹ã—ãŸã®ã§MTãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚„MTã«èˆˆå‘³ã‚ã‚‹æ–¹ã¯ã¿ã¦ãã ã•ã„ã€‚ãã—ã¦ã€ãã‚Œã§å®Ÿè·µã—ãŸCSSãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«åŒ–ã«ã‚ˆã‚‹ç®¡ç†æ–¹æ³•ã¨ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ–¹æ³•ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚MTãƒ¦ãƒ¼ã‚¶ãƒ¼ã§ãªã„æ–¹ã‚‚ãƒãƒ¼ã‚«ãƒ«ã§ç¢ºèªã§ãã‚‹ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ãŒã‚ã‚‹ã®ã§ã‚ˆã‹ã£ãŸã‚‰ã„ã˜ãã£ã¦ã¿ã¦ãã ã•ã„ãã€‚ Movable Type ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ mt.vicuna Movable Typeã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã‚½ãƒ¼ã‚¹ã‚’1ã‹ã‚‰æ›¸ãç›´ã—ã€ã‚·ãƒ³ãƒ—ãƒ«ã§è»½é‡ã€XHTML1.0 Strict DTDæº–æ‹ ã§ã™ã€‚åŸºæœ¬çš„ã«ã¯1ã¤ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚½ãƒ¼ã‚¹ã«å¯¾ã—ã¦å¥½ã¿ã®ã‚¹ã‚ãƒ³ã‚’ã‚ã¦ã“ã‚€å½¢ã§è‰²ã€…ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¦ã‚§ãƒ–ãƒã‚°ãŒä½œã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ã”ã¡ã‚ƒ
fafhrd 2007/03/16
webdesign

css
ãƒªãƒ³ã‚¯
æˆ‘çš„æ˜¥ç§‹: ãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—
ã¡ã‚‡ã£ã¨å‰ã« ãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆï¼ˆTopic Pathï¼‰ã‚’ä½œæˆã™ã‚‹éš›ã«ä½¿ãˆãã†ãªã‚µãƒ³ãƒ—ãƒ«8ç¨®ï¼ˆCSS HappyLifeï¼‰ã¨ã„ã†ã‚¨ãƒ³ãƒˆãƒªãƒ¼ãŒç››æ³ã§ã—ãŸãŒã€ä»Šæ—¥ã¯ãƒ‘ãƒ³ããšãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®è«–ç†æ§‹é€ é¢ã‚’è£œå¼·ã™ã‚‹æ„å‘³ã‚‚è¾¼ã‚ã¦ã€(X)HTML ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®ä¾‹ã‚’ã€ã‚µã‚¤ãƒˆæ§‹é€ ã‚„ã‚µã‚¤ãƒˆã®ç›®çš„ã«å¿œã˜ã¦ã€ã„ãã¤ã‹æŒ™ã’ã¦ã¿ã¾ã—ãŸã€‚CSS ã®è©±ã¾ã§å…¥ã‚Œã‚‹ã¨é•·ããªã‚‹ã®ã§ã€ä»Šå›žã¯ï¼ˆã‚‚ï¼Ÿï¼‰(X)HTML ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã«è©±ã‚’çµžã‚Šã¾ã™ã€‚CSS ã«ã¤ã„ã¦ã¯ã€ç‰¹ã«ã‚»ãƒ¬ã‚¯ã‚¿ã¾ã‚ã‚ŠãŒçµæ§‹ å¤‰ã‚ã£ã¦ã—ã¾ã„ã¾ã™ãŒã€ã²ã¨ã¾ãšã€HirasaWa ã•ã‚“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ãªã©ã‚’å‚ç…§ã—ã¦ãã ã•ã„ã€‚ï¼ˆæ°—ãŒå‘ã„ãŸã‚‰ã€åˆ¥ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚’ç«‹ã¦ã¾ã™ã‘ã©ã€å®Ÿéš›ã«æ›¸ãã‹ã©ã†ã‹ã¯æœªå®šã€‚ï¼‰ éšŽå±¤åž‹æ§‹é€ ï¼ˆtree structureï¼‰ ï¼»2006-02-11 è¿½è¨˜ï¼½ çŸ³å·ä¸€é–ã•ã‚“ã‚ˆã‚Šã€ã€Œã‚»ãƒžãƒ³ãƒ†ã‚£ã‚¯ã‚¹ã‚’é‡è¦–ã™ã‚‹ãªã‚‰aè¦ç´ ã«rel/revå±žæ€§ã‚’åŠ ãˆã¦ãƒªãƒ³ã‚¯ã®é–¢ä¿‚æ€§ã‚’æ˜Žç¤ºã™ã‚‹ã®ãŒ
fafhrd 2007/02/06
css

xhtml

html
ãƒªãƒ³ã‚¯
ãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆï¼ˆTopic Pathï¼‰ã‚’ä½œæˆã™ã‚‹éš›ã«ä½¿ãˆãã†ãªã‚µãƒ³ãƒ—ãƒ«8ç¨®ï½œCSS HappyLife
æ™®é€šã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ä¹…ã€…ãªæ°—ãŒã™ã‚‹ä»Šæ—¥ã“ã®é ƒã€‚ ä»Šå›žã¯ãƒˆãƒ”ãƒƒã‚¯ãƒ‘ã‚¹ã¨ã‹ãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆãªã‚“ã¦å‘¼ã°ã‚Œã¦ã‚‹ã€ã¡ã‚‡ã£ã¨è¦æ¨¡ã®å¤§ãã„ã‚µã‚¤ãƒˆã§ã¯æ—¥å¸¸èŒ¶é£¯äº‹ã§è¦‹ã‹ã‘ã‚‹ã‚¢ãƒ¬ã®ã‚µãƒ³ãƒ—ãƒ«è‰²ã€…ã§ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã®å‰ã« #main .entryBody #topicPath_01 ã¨ã‹ã£ã¦ãªã£ã¦ã¾ã™ã‘ã©ã€#main .entryBody ã¯ã‚¦ãƒã®ã‚µã‚¤ãƒˆã®éƒ½åˆã§å„ªå…ˆé †ä½ä¸Šã’ã®ç‚ºã«ã‚„ã£ã¦ã‚‹ã‚“ã§ã€ã‚³ãƒ”ã£ãŸã‚Šã™ã‚‹å ´åˆã¯ã„ã‚‰ãªã„æ„Ÿã˜ã§ã™ã€‚ #main .entryBody #topicPath_01 { margin:10px 0; } #main .entryBody #topicPath_01 li { display:inline; line-height:110%; list-style-type:none; } #main .entryBody #topicPath_01 li a { padding-right:10
fafhrd 2007/02/01
css

webdesign

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Jan 18 2007 :: CSS å‹‰å¼·ä¼šã§ç™ºè¡¨ã—ã¾ã—ãŸ / nulog, NULL::something : out of the washer
ãƒã‚¤ãƒˆå…ˆã®ç¤¾å†… CSS å‹‰å¼·ä¼šã§ã¡ã‚‡ã£ã¨ (?) ã—ã‚ƒã¹ã‚Šã¾ã—ãŸã€‚è³‡æ–™ ç½®ã„ã¨ãã¾ã™ã€‚(Safari, Fx, Opera ç”¨) è³‡æ–™ã¯å®Ÿéš›ã«è¦‹ã›ãŸã®ã¨å°‘ã—å¤‰ãˆã¦ã‚ã‚Šã¾ã™ã€‚æœ¬æ¥ã—ã‚ƒã¹ã‚‹ã¤ã‚‚ã‚Šã˜ã‚ƒãªãã¦ã‚³ãƒ¡ãƒ³ãƒˆã‚¢ã‚¦ãƒˆã—ãŸéƒ¨åˆ†ã‚‚ã—ã‚ƒã¹ã£ã¦ã—ã¾ã£ãŸã®ã§è¡¨ç¤ºã•ã›ã¦ã‚ã‚Šã¾ã™ã€‚ ã ã„ã¶ãƒ†ãƒ³ãƒ‘ã£ã¦ã¾ã—ã¦ä½•åˆ†å–‹ã£ãŸã‹ã‚ˆãã‚ã‹ã‚Šã¾ã›ã‚“ã€‚è³‡æ–™ã¨ã‹gdgdã§ã™ãŒæ¥½ã—ã‚“ã§ã„ãŸã ã‘ãŸã‚‰å¹¸ã„ã§ã™ï¼ˆã¦ã‘ ãƒ‡ã‚¶ã‚¤ãƒŠã•ã‚“ãŒã„ã‚‹ã®ã«ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã©ã†ã“ã†ã„ã†ã®ã¯ç¬‘ãˆã‚ˆwwwwãƒˆãƒãƒ³ãƒœãƒ¼ãƒ³wwwwã£ã¦æ„Ÿã˜ã§ã™ãŸã‘ã©ã€ä½•ã‚‚è€ƒãˆãªã„ã“ã¨ã«ã—ã¾ã—ãŸã€‚ ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚ CSS ã®æ ¹æœ¬çš„ãªéƒ¨åˆ†ã¯ç™ºè¡¨ç›´å‰ã«æ›¸ãã¾ã—ãŸã€‚ãƒã‚¿ãŒã“ã®ã¸ã‚“ã‹ã¶ã‚‹ã¨æ€ã£ã¦ã„ãŸã‚‰å…¨ãã‹ã¶ã‚‰ãªã‹ã£ãŸã®ã§æ€¥é½å…¥ã‚Œã¾ã—ãŸã€‚ ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ„ãƒ¼ãƒ«ã¯ text-hatena.js ã¨ MochiKit, KeyTypeListener.js ã‚’ä½¿ã£ã¦ã¤ãã‚Šã¾ã—ãŸã€‚ã¯ã¦ã‚°ã®ãƒ—ãƒ¬
fafhrd 2007/01/31
css

webdesign

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
CSS lookup
Filter Based on data from http://www.w3.org/TR/REC-CSS2/ Choose a CSS property from the list
fafhrd 2006/11/30
ã„ã¤ã®é–“ã«ã‹URLãŒå¤‰ã£ã¦ã„ãŸã‚‰ã—ã„

css

reference
ãƒªãƒ³ã‚¯
ã¡ã‚‡ã£ã¨ä½¿ãˆã‚‹ã‹ã‚‚ã—ã‚Œãªã„CSS(1) - è¦‹å‡ºã—ã‚’é£¾ã‚‹ | ã‚ªãƒˆã‚³ã®ã‚ãƒ¢ãƒï¼’
ã“ã¡ã‚‰ã®ãƒ–ãƒã‚°ã«ã¯èªè¨¼ãŒã‹ã‹ã£ã¦ã„ã¾ã™ã€‚ ãƒ¦ãƒ¼ã‚¶ãƒ¼å ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ Powered by Seesaa
fafhrd 2006/09/24
css

design

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
CurvyCorners - Beautiful rounded corners for your HTML boxes
æŽ¢åµã®ãƒã‚¤ãƒˆã®ãã£ã‹ã‘ã¯å˜ç´”ãªã‚‚ã®ã€‚ ãŸã‚“ãªã‚‹ã‚¢ãƒ«ãƒã‚¤ãƒˆã®ã¤ã‚‚ã‚Šã ã£ãŸã€‚ åå¤å±‹ã§ã‚¢ãƒ«ãƒã‚¤ãƒˆã§ãã‚‹ã®ã¯å¬‰ã—ã„ã“ã¨ã ã‘ã‚Œã©ã€‚ ãã‚ŒãŒæŽ¢åµäº‹å‹™æ‰€ã¨ã¯ã€æ€ã„ã‚‚ã‚ˆã‚‰ãªã„ã€‚ åå¤å±‹ã¯è‰¯ã„ã‘ã‚Œã©ã€æŽ¢åµäº‹å‹™æ‰€ã£ã¦ã€ã€ã€ ãã®ã“ã‚ã€è³‡æ ¼ã‚’ã¨ã‚‹ãŸã‚ã®å‹‰å¼·ã‚’é ‘å¼µã£ã¦ã€ è©¦é¨“ã‚’å—ã‘ãŸã‘ã‚Œã©ã€å¦ç§‘ã¯é€šã‚Šã€ å®ŸæŠ€ã‚’è½ã¡ã¦ã—ã¾ã£ãŸã‚ãŸã—ã¯ã€å°±è·ã™ã‚‹æ°—åˆ†ã«ãªã‚Œãªã‹ã£ãŸã€‚ å—é¨“ã—ã¦ï¼“é€±é–“ã»ã©ã§çµæžœãŒå±Šãã€ã™ãã•ã¾å†è©¦é¨“ã®ç”³ã—è¾¼ã¿ã¯ã—ãŸã‘ã‚Œã©ã€ã€ã€ ã¡ã‚‡ã†ã©ã€ï¼“ãƒ¶æœˆã€‚å‹é”ã¨ä¸€ç·’ã«åå¤å±‹ã®å¦æ ¡ã¸é€šã†ã€‚ ãã®é–“ã¯ã€ä¸¡è¦ªã‚‚å¿«ãå”åŠ›ã—ã¦ãã‚ŒãŸã®ã ãŒã€ã•ã™ãŒã«è©¦é¨“ã«è½ã£ã“ã¡ã¦ã—ã¾ã†ã¨ã€æ…‹åº¦ãŒå†·ãŸãæ€¥å¤‰ã—ãŸã€‚ ã§ã€ã‚¢ãƒ«ãƒã‚¤ãƒˆã‚’æŽ¢ã™ã“ã¨ã«ã—ãŸã®ã ã€‚ ï¼‘æ—¥ä¸ã€ã„ã¤æ©Ÿå«Œã®æ‚ªããªã‚‹ã¨ã‚‚ã—ã‚Œãªã„æ¯è¦ªã¨é¡”ã‚’çªãåˆã‚ã›ã‚‹ã‚ˆã‚Šã¯ã€ å°‘ã—ã§ã‚‚ç¨¼ããã‚‰ã„ã®æ–¹ãŒãƒžã‚·ã ã¨åˆ¤æ–ã—ãŸã‹ã‚‰ã€‚ ã¾ã ã€åå¤å±‹ã®å¦æ ¡ã®å†è©¦é¨“ã‚‚æŽ§ãˆã¦ã„ã‚‹ã—ã€ãã“ã¾ã§ä¸€ç”Ÿæ‡¸å‘½ã«ä»•äº‹ã¯ã—ãŸã
fafhrd 2006/06/17
webãƒ‡ã‚¶ã‚¤ãƒ³

è§’ä¸¸

webdesign

css

javascript
ãƒªãƒ³ã‚¯
Dynamic Drive CSS Library- Practical CSS codes and examples
fafhrd 2006/05/11
css

design

web design

webdesign

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
GIGAZINE - ä½¿ãˆã‚‹CSSã‚³ãƒ¼ãƒ‰ã„ã£ã±ã„ã€ŒDynamic Drive CSS Libraryã€
CSSã‚’ä½¿ã£ãŸã‚¿ãƒ–åž‹ã®å„ç¨®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¨ã‹ã€CSSã«ã‚ˆã‚‹ç”»åƒã®ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã¨ã‹ã€ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦ã‚„ãƒšãƒ¼ã‚¸ã‚«ãƒ¼ãƒ«ã®ä½œã‚Šæ–¹ãªã©ã®ã‚³ãƒ¼ãƒ‰ãŒå®Ÿéš›ã®ä¾‹ã¨ä¸€ç·’ã«ç½®ã„ã¦ã‚ã‚Šã¾ã™ã€‚å®Ÿä¾‹ã‚’è¦‹ã¦ã‹ã‚‰é¸ã¶ã“ã¨ãŒã§ãã‚‹ã®ã§ã€å¸Œæœ›é€šã‚Šã®ã‚‚ã®ãŒæ‰‹ã«å…¥ã‚Šã‚„ã™ã„ã§ã™ã€‚ Dynamic Drive CSS Library- Practical CSS codes and examples http://www.dynamicdrive.com/style/ RSSã‚‚ã‚ã‚‹ã®ã§æ–°ã—ã„ã‚³ãƒ¼ãƒ‰ãŒè¿½åŠ ã•ã‚Œã‚Œã°ã™ãã«ã‚ã‹ã‚Šã¾ã™ http://www.dynamicdrive.com/style/csslibrary/rss/ ã‚³ãƒ¼ãƒ‰ã®ç¨®é¡žã¨ã—ã¦ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªæ„Ÿã˜ã§ã‚«ãƒ†ã‚´ãƒªåˆ†ã‘ã•ã‚Œã¦ã„ã¾ã™ã€‚ æ¨ªåž‹ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ http://www.dynamicdrive.com/style/csslibrary/category/C1/ ç¸¦åž‹ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ h
fafhrd 2006/05/11
css

design

webdesign

ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
è§’ä¸¸ãƒ©ã‚¤ãƒ–ãƒ©ãƒª - tikeda::Diary:
æœ€è¿‘è§’ä¸¸ã‚’ä½œã‚‹æ©Ÿä¼šãŒå¤šã‹ã£ãŸã®ã§ã€ä»Šå¾Œã®ç‚ºã«è‰²ã€…æ•´ç†ã—ã¦ãŸã‚“ã§ã™ãŒã€å…¬é–‹ã—ã¦ãŠãã¾ã™ã€‚ä½¿ãˆãã†ã ã£ãŸã‚‰ã„ã˜ã£ã¦ä½¿ã£ã¦ãã ã•ã„ã€‚ä¸èº«ã®æ–‡æ›¸ã‚’æ›¸ãæ›ãˆã‚Œã°ä¸Šä¸‹å·¦å³ã¨å¯å¤‰ã™ã‚‹ã‚ˆã†ã«æŸ”è»Ÿã«ãªã£ã¦ã„ã¾ã™ã€‚ã¾ãŸã€ä¸€éƒ¨PSDã‚‚åŒå°ã—ã¦ã¾ã™ã€‚ 0501curve.zip ä¸èº«ã¯ã“ã‚“ãªæ„Ÿã˜ã€‚ ãƒ™ãƒ¼ã‚·ãƒƒã‚¯ãªã‚¿ã‚¤ãƒ— 01ï¼šå°ã•ç›®ãªè§’ä¸¸ 02ï¼šå¤§ãç›®ãªè§’ä¸¸ 03ï¼šæ–œç·šã®è§’ä¸¸ï¼ˆèƒŒæ™¯ç”»åƒã‚’ãƒ«ãƒ¼ãƒ—ï¼‰ 04ï¼šã‚¹ãƒˆãƒ©ã‚¤ãƒ—ã®è§’ä¸¸ï¼ˆèƒŒæ™¯ç”»åƒã‚’ãƒ«ãƒ¼ãƒ—ï¼‰ 05ï¼šæœ¨æ¨¡æ§˜ã®è§’ä¸¸ï¼ˆèƒŒæ™¯ç”»åƒã‚’ãƒ«ãƒ¼ãƒ—ï¼‰ 06ï¼šãƒªãƒœãƒ³ã®ã¤ã„ãŸè§’ä¸¸ï¼ˆèƒŒæ™¯ç”»åƒã‚’å›ºå®šï¼‰ 4ã¤è§’ã‚’ã®å†…å´ã‚’é€éŽGIFã«ã—ã¦ã‚‹ã®ã§ã€å¤§æž ã®èƒŒæ™¯ã‚’å¤‰ãˆã‚Œã°ç™ºæƒ³æ¬¡ç¬¬ã§è‰²ã€…ã¨ä½¿ãˆã‚‹ã¨æ€ã„ã¾ã™ã€‚HTMLã¨CSSã¯å¤§ä½“ã“ã‚“ãªã‚“ã§ã™ã€‚divãŒå¤šã„ã®ãŒã¡ã‚‡ã£ã¨å«Œãªæ„Ÿã˜ã§ã™ãŒã€‚ã¯ã¦ãªå†…ã§ã¯spanã§ã‚„ã£ã¦ãŸã‚Šã‚‚ã—ã¾ã™ã€‚ HTML <div class="curve-01"> <div class="cu
fafhrd 2006/05/01
css

design

è§’ä¸¸

webdesign
ãƒªãƒ³ã‚¯
Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download!
by Alessandro Fulciniti In November 2005 I presented on pro.html.it a three-part article on creating CSS layouts using techniques like negative margins, any order columns and in some case opposite floats. The main goal of the article was getting the maximum number of layouts based on the same markup, each with valid CSS and HTML, without hacks nor workaround and a good cross-browser compatibility.
fafhrd 2006/04/20
css

design

webdesign

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

layout

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
badboy.media.design :: articles :: Niceforms
This is where Lucian writes about design, coding, business, the web, and other stuff. Occasionally he also posts some of the photos he takes. Before Internet Explorer 7 and Windows Vista, web text on PCs looked significantly different than it did on Macs. That was because OS X has long employed an anti-aliasing engine, named Quartz, I believe, whereas Windows XP and all previous versions displayed
fafhrd 2006/04/20
ãƒ‡ã‚¶ã‚¤ãƒ³

webdesign

web

javascript

design

css
ãƒªãƒ³ã‚¯
hxxk.jp - CSS ã‚’æ›¸ãå‰ã«èªã‚“ã§ã‚‚ã‚‰ã„ãŸã„ã“ã¨
è¨˜äº‹ãƒ‡ãƒ¼ã‚¿ æŠ•ç¨¿è€… æœ›æœˆçœŸç´ æŠ•ç¨¿æ—¥æ™‚ 2006-04-09T19:40+09:00 ã‚¿ã‚° CSS IRC Team-One ã‚ªãƒ•ä¼š ä»•æ§˜ å®Ÿè·µ Web Standards Design æ˜¥ã«ä¼šã„ã¾ã—ã‚‡ã† æ¦‚è¦ CSS ã®åˆå¿ƒè€…ãªã‚ãªãŸã‚‚ã‚¨ã‚ã‚¹ãƒ‘ãƒ¼ãƒˆãªã‚ãªãŸã‚‚ã€ã¨ã‚Šã‚ãˆãšã“ã“ã¯æŠ¼ã•ãˆã¨ã‘ã€ã¨ã„ã†è¨˜äº‹ã‚’ç´¹ä»‹ã€‚ ãƒªãƒ—ãƒ©ã‚¤ 7 ä»¶ã®ãƒªãƒ—ãƒ©ã‚¤ãŒã‚ã‚Šã¾ã™ã€‚ CSS ã‚’æ›¸ãå‰ã«ãƒ–ãƒ©ã‚¦ã‚¶æ¯Žã®ã‚¯ã‚»ã‚’ãƒªã‚»ãƒƒãƒˆ CSS ã‚’æ›¸ãã“ã¨ã«æ…£ã‚Œã¦ã„ã‚‹äººã¯ã‚ˆãã”å˜çŸ¥ã§ã—ã‚‡ã†ã‘ã©ã€ IE ã‚„ Firefox ã‚„ Opera ã‚„ Safari ãªã©ã® UA ã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¨å‘¼ã°ã‚Œã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’æŒã£ã¦ãŠã‚Šã€ãã‚Œã‚’é©ç”¨ã›ãã°ã€ã‚ã‚‹ã„ã¯ãã†ã§ã‚ã‚‹ã‹ã®ã‚ˆã†ã«å‹•ä½œã›ãã°ãªã‚‰ãªã„ã¨ä»•æ§˜ã§å®šã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ User agent: Conforming user agents must apply a default s
fafhrd 2006/04/10
css

design

webdesign

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã‚¹ã‚¿ã‚¤ãƒ«ã®å·®ç•°ã‚’ç„¡ãã™CSS
fafhrd 2006/04/10
css

design

webdesign

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
SEOæ¥è€…ã§ã™ã‚‰æ„Ÿå‹•ã™ã‚‹é©šç•°ã®CSSãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ - ä¸å®šæœŸæ›´æ–° SEOã‚³ãƒ©ãƒ
æ€¥ã«ãŠé‡‘ãŒå¿…è¦ã«ãªã£ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ã‚ãƒ£ãƒƒã‚·ãƒ³ã‚°ã‚’ã™ã‚‹ã®ã«ã€ãƒ¬ã‚¤ã‚¯ã‹ãƒ¢ãƒ“ãƒƒãƒˆã€ã©ã£ã¡ã‚’åˆ©ç”¨ã™ã‚‹ã‹è¿·ã£ã¦ã„ã¾ã™ã€‚å€Ÿã‚Šã‚‹ãªã‚‰ã©ã£ã¡ãŒãŠå¾—ã§ã™ã‹ï¼Ÿ ãŠå¾—ã¨ã„ã†ç‚¹ã‹ã‚‰è¨€ãˆã°ã€åˆã‚ã¦ãªã‚‰ãƒ¬ã‚¤ã‚¯ãŒã‚ˆã‚ŠãŠå¾—ã§ã™ ã¾ãšã€ãã‚Œãžã‚Œã®ç‰¹å¾´ã‚’è¦‹ã¦ã„ãã¾ã—ã‚‡ã†ã€‚ãƒ¬ã‚¤ã‚¯ã¯éŠ€è¡Œç³»ã§ã€ç·é‡è¦åˆ¶ã®å¯¾è±¡å¤–ã€ï¼‘ä¸‡å††ã‹ã‚‰ãŠå€Ÿå…¥å¯èƒ½ã§ã€æœ€å¤§500ä¸‡ã®é™åº¦é¡ã€å¹´çŽ‡4.5ï½ž18ï¼…ã€200ä¸‡ã¾ã§30æ—¥é–“ç„¡åˆ©æ¯ã€ã¾ãŸã¯5ä¸‡ã¾ã§ãªã‚‰180æ—¥é–“ç„¡åˆ©æ¯ã€åˆã‚ã¦ã®ãŠå€Ÿå…¥ãªã‚‰æœ‰åˆ©ãªæ¡ä»¶ã§ã™ãã€‚å±Šãå°ç’ã¯ã€Œæ–°ç”ŸéŠ€è¡Œã€ã®åç§°ã§ã™ã€‚ ä¸€æ–¹ã€ãƒ¢ãƒ“ãƒƒãƒˆã¯æ¶ˆè²»è€…é‡‘èžã§ã€ç·é‡è¦åˆ¶ã®å¯¾è±¡ã¨ãªã‚Šã¾ã™ã€‚é™åº¦é¡ã¯500ä¸‡ã€å¹´çŽ‡4.8ï½ž18ï¼…ã§ã™ã€‚ç‰¹ã«ç„¡åˆ©æ¯æœŸé–“ã®æŒ‡å®šã¯ã‚ã‚Šã¾ã›ã‚“ã€‚WEBå®Œçµåž‹ãªã‚‰ã€å¯©æŸ»ã®é›»è©±ãŒå…¥ã‚Šã¾ã›ã‚“ã€‚ æœ€é«˜ãƒ»æœ€ä½Žé‡‘åˆ©ã ã‘ã§è¦‹ã‚‹ã¨ã€ãƒ¬ã‚¤ã‚¯ã®ã»ã†ãŒãŠå¾—ã«è¦‹ãˆã¾ã™ã€‚ã¾ãŸã€æœŸé–“ç„¡åˆ©æ¯ãªã©ã®ç‚¹ã‹ã‚‰ã‚‚ã€åˆã‚ã¦ã®æ–¹ã¯ãƒ¬ã‚¤ã‚¯ã®ã»ã†ãŒãŠå¾—ãªå°è±¡ã§ã™ã€‚ åé¢ã€æ–°ç”ŸéŠ€è¡Œ
fafhrd 2006/04/07
ã“ã‚Œã¯ã™ã”ã„

css

webdesign
ãƒªãƒ³ã‚¯
CSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®å®šçŸ³ã€€WinIE6ãƒã‚°å›žé¿æ³•
CSSã‚’ä½¿ã£ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ã™ã‚‹éš›ã«WinIE6ã®ãƒã‚°ã‚’å›žé¿ã™ã‚‹ãŸã‚ã®ã€Œå®šçŸ³ã€ã‚’ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ ã¨ãã«é‡è¦ã ã¨æ€ã†ã‚‚ã®ã¯å¼·èª¿ã—ã¦ã‚ã‚Šã¾ã™ã€‚å‚è€ƒã¨ã—ã¦ãƒã‚°è¾žå…¸ã¸ã®ãƒªãƒ³ã‚¯ã‚‚ç”¨æ„ã—ã¾ã—ãŸï¼ˆã¤ã¾ã‚Šå›žé¿æ³•ã‚’ç”¨ã„ãªã„å ´åˆã«ã©ã‚“ãªãƒã‚°ãŒç™ºç¾ã™ã‚‹ã‹ï¼‰ã€‚ ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºé–¢ä¿‚ font-sizeã¯%ã‹pxã§æŒ‡å®šã™ã‚‹ã€‚ ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã§æ–‡å—ã‚µã‚¤ã‚ºã‚’æŒ‡å®šã™ã‚‹ã¨æ¨™æº–ãƒ¢ãƒ¼ãƒ‰ã¨äº’æ›ãƒ¢ãƒ¼ãƒ‰ã§æ–‡å—ã‚µã‚¤ã‚ºãŒå¤‰ã‚ã‚‹(IE6) emå˜ä½ã§æŒ‡å®šã—ãŸå€¤ãŒæ–‡å—ã‚µã‚¤ã‚ºå¤‰æ›´å¾Œã«æ£ã—ãåæ˜ ã•ã‚Œãªã„(IE6) ãƒœãƒƒã‚¯ã‚¹ãƒ¢ãƒ‡ãƒ«é–¢ä¿‚ widthã¨åŒæ™‚ã«å·¦å³borderã‚„å·¦å³paddingã‚’æŒ‡å®šã—ãªã„ã€‚heightã¨åŒæ™‚ã«ä¸Šä¸‹borderã‚„ä¸Šä¸‹paddingã‚’æŒ‡å®šã—ãªã„ã€‚ ãƒœãƒƒã‚¯ã‚¹ã®å¹…ã‚„é«˜ã•ã‚’ç®—å‡ºã™ã‚‹ã¨ãã«ãƒ‘ãƒ‡ã‚£ãƒ³ã‚°ã‚„ãƒœãƒ¼ãƒ€ãƒ¼ã®ã‚µã‚¤ã‚ºã‚’å«ã‚ã¦ã—ã¾ã† ï¼ˆãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã‚’å†…åŒ…ã™ã‚‹ãƒœãƒƒã‚¯ã‚¹ã«ã¯paddingã‚’æŒ‡å®šã—ãªã„ã€‚ï¼‰ å·¦å³ãƒœãƒ¼ãƒ€ãƒ¼ã¨ãƒ‘ãƒ‡ã‚£ãƒ³ã‚°ã‚’è¨
fafhrd 2006/03/28
css

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

webdesign

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Javascriptã§æŒ‡å®šã®HTMLè¦ç´ ã‚’å‹•çš„ã«è§’ä¸¸ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã™ã‚‹æ–¹æ³•:phpspoté–‹ç™ºæ—¥èªŒ
Nifty Corners This is the original article. The technique has been improved with better browser support and a lot of new features. The new article has been published on the 6th of April 2005. Javascriptã§æŒ‡å®šã®HTMLè¦ç´ ã‚’å‹•çš„ã«è§’ä¸¸ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã™ã‚‹æ–¹æ³•ã€‚ NiftyCornerã‚’ä½¿ãˆã°ã€å˜ä¸€ã®DIVè¦ç´ ã‚’è§’ä¸¸ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ ä¾‹ãˆã°ã€æ¬¡ã®ã‚ˆã†ãªå˜ä¸€DIVè¦ç´ ã‚‚ç°¡å˜ã«è§’ä¸¸ã«ã§ãã¾ã™ã€‚ <div id="nifty"><p>test</p></div> <script type="text/javascript"> Rounded("div#nifty","#377CB1","#9
fafhrd 2006/03/16
javascript

webdesign

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

è§’ä¸¸

css
ãƒªãƒ³ã‚¯
æºå¸¯é›»è©±å‘ã‘ã®CSS - æºå¸¯é›»è©±å‘ã‘ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®æ›¸ãæ–¹
ãƒ•ã‚£ãƒ¼ãƒãƒ£ãƒ•ã‚©ãƒ³ã§ä½¿ã†äº‹ã®å‡ºæ¥ã‚‹ã‚«ã‚¹ã‚±ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ(CSS)ã®ã‚»ãƒ¬ã‚¯ã‚¿åŠã³ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’è§£èª¬ã—ã¾ã™ã€‚ ãƒ•ã‚£ãƒ¼ãƒãƒ£ãƒ•ã‚©ãƒ³ã§ã®CSSã®ã‚»ãƒ¬ã‚¯ã‚¿ãƒ»ãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯ã€å‚è€ƒè³‡æ–™ãƒ»ã‚ªãƒ¼ãƒ—ãƒ³ã‚¦ã‚§ãƒ¼ãƒ´ç¤¾ãŒå®šã‚ã¦ã„ã‚‹CSSã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã«ç§»è»¢ã—ã¾ã—ãŸã€‚ ã¾ãŸã€ ãƒ•ã‚£ãƒ¼ãƒãƒ£ãƒ•ã‚©ãƒ³ç”¨ã® CSS ã‚’æ›¸ãã«å½“ãŸã£ã¦ CSS éžå¯¾å¿œæ©Ÿç¨®ã¨ã®å…¼ãåˆã„ ã‚‚åˆ¥æ–‡æ›¸ãƒ»æºå¸¯é›»è©±å‘ã‘ã® CSS ã‚’æ›¸ãã«å½“ãŸã£ã¦ã«ç§»è»¢ã—ã¾ã—ãŸã€‚ CSS ã«é–¢ã—ã¦åŸºæœ¬çš„ãªäº‹æŸ„ã«ã¤ã„ã¦ã¯ã€CSS å…¥é–€(HTML & CSS å…¥é–€)ã‚’ã”è¦§ä¸‹ã•ã„ã€‚ ã¾ãŸã€å„ãƒ—ãƒãƒ‘ãƒ†ã‚£ãªã©ã®è©³ç´°ã¯ CSS(ã‚«ã‚¹ã‚±ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ)åŠã³ CSS ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ã”è¦§ä¸‹ã•ã„ã€‚ ãƒ•ã‚£ãƒ¼ãƒãƒ£ãƒ•ã‚©ãƒ³ã§ã® CSS ã«ã¤ã„ã¦ã€‚ WAP 2.0 ã§ã® CSSã€‚ EZ ã‚¦ã‚§ãƒ–åŠã³ã‚½ãƒ•ãƒˆãƒãƒ³ã‚¯ã®ãƒ•ã‚£ãƒ¼ãƒãƒ£ãƒ•ã‚©ãƒ³ã¯ã€WAP 2.0 ã«æº–æ‹ ã—ã¦ã„ã‚‹ãŸã‚ã€CSS ã‚’ä½¿ã†äº‹ãŒå‡ºæ¥ã¾ã™ã€‚ ä½†
fafhrd 2006/03/08
æºå¸¯é›»è©±

css

webdesign

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸