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

aratako0 id:aratako0

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

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

ãƒ“ã‚¸ãƒã‚¹ãƒªã‚µãƒ¼ãƒã®å¿ƒå¾—
ã‚³ãƒ©ãƒ ã€œãƒªã‚µãƒ¼ãƒãƒ£ãƒ¼ã®æ—¥å¸¸ äººç”Ÿã‚’é€šã˜ã¦ãƒžãƒƒãƒã‚¯ã‚ªãƒªãƒ†ã‚£ãƒ¼ã‚’è¿½æ±‚ã™ã‚‹ çŸ¥è˜ã®å¹…ãŒæœ€å¼·ã®æ¦å™¨ã«ãªã‚‹ ã¨ã„ã†æœ¬ã§åˆã‚ã¦çŸ¥ã£ãŸã€Œ ãƒžãƒƒãƒã‚¯ã‚ªãƒªãƒ†ã‚£ãƒ¼ ã€ã¨ã„ã†è¨€è‘‰ã¯ã€çµŒæ¸ˆå¦ã®ç”¨èªžã§ã€ã‚ã‚‹ä»•äº‹ã‚’ã™ã‚‹äººã¨ãã®ä»•äº‹ãŒã©ã‚Œãã‚‰ã„åˆã£ã¦ã„ã‚‹ã‹ã€ãã®äººã®èƒ½åŠ›â€¦ 2021.05.04 2021.05.13 311 view 3ï¼Žãƒ“ã‚¸ãƒã‚¹ãƒªã‚µãƒ¼ãƒã®å ±å‘Šæ›¸ä½œæˆ èžãæ‰‹ã®é ã«å…¥ã‚Šã‚„ã™ã„è³‡æ–™ä½œæˆã€œèžã„ã¦ç†è§£ã™ã‚‹äººã¨èªã‚“ã§ç†è§£â€¦ ã€ ç›¸æ‰‹ã«åˆã‚ã›ãŸ è³‡æ–™ä½œæˆ ã€‘æœ€åˆã«çµè«–ã‚’è¿°ã¹ã¦ã‹ã‚‰ã€ãã‚Œã‚’è£ä»˜ã‘ã‚‹ãƒ‡ãƒ¼ã‚¿ã‚’æç¤ºã™ã‚‹ã¨ã„ã†æ§‹æˆã¯ã€æ¬§ç±³æµã®ãƒã‚¸ã‚«ãƒ«ã‚·ãƒ³ã‚ãƒ³ã‚°ã®åŸºæœ¬ã«ãªã£ã¦ã„ã¾ã™ãŒã€æ—¥æœ¬ã®ãƒ“ã‚¸ãƒã‚¹ãƒ‘ãƒ¼ã‚½â€¦ 2021.02.03 2021.05.13 974 view 1ï¼Žãƒ“ã‚¸ãƒã‚¹ãƒªã‚µãƒ¼ãƒã®åŸºæœ¬ãƒ»å¿ƒæ§‹ãˆ ã™ã¹ã¦ã¯ã€Œä¾é ¼ã€ã‹ã‚‰å§‹ã¾ã‚‹ã€œç¤¾å†…ãƒªã‚µãƒ¼ãƒãƒ£ãƒ¼ã¨ç¤¾å¤–ãƒªã‚µãƒ¼ãƒãƒ£â€¦ ã€ ãƒªã‚µãƒ¼ãƒãƒ£ãƒ¼ ã¨ã¯ ã€‘ä¼æ¥ã§ä¼ç”»ç³»ã®ä»•äº‹ã‚’ã—ã¦ã„ã‚‹ã¨ã€ä¸Š
aratako0 2007/08/19
ãã®é€šã‚Šã ã¨ã‚‚æ€ã†ã‘ã‚Œã©ã€CSSã ã‘ãªã‚‰ã¾ã ã—ã‚‚ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã€ã£ã¦ã‚‚ã£ã¨å¥¥æ·±ã„ã‚‚ã®ãªã‚“ã˜ã‚ƒãªã„ã‹ãªã€‚

css
ãƒªãƒ³ã‚¯
CSSã§å®Ÿç¾ã™ã‚‹ã‚¹ãƒžãƒ¼ãƒˆãªãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼
CSSã§å®Ÿç¾ã™ã‚‹ã‚¹ãƒžãƒ¼ãƒˆãªãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ æš‡ãŒã‚ã‚Œã°ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚³ãƒ³ãƒ†ã‚¹ãƒˆã®ä½œå“ã‚’çœºã‚ã¦ã„ã‚‹ã®ã§ã™ãŒã€ã»ã‚“ã¨å‹‰å¼·ã«ãªã‚Šã¾ã™ã€‚ é•·è°·å·è³žã‚’å—ä¿¡ã—ãŸComplexã•ã‚“ãŒè¡Œã£ã¦ã„ãŸãƒãƒ¼ãƒ«ãƒ¼ã‚ªãƒ¼ãƒãƒ¼ã®æ‰‹æ³•ãŒã€JavasScriptã‚‚ç”»åƒç½®æ›ã‚‚ä½¿ã‚ãšã«ã¨ç´ æ•µã ã£ãŸã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã¯ãƒœã‚¯ã®æ–¹ã§ã‚¢ãƒ¬ãƒ³ã‚¸ã—ã¦ã„ã¾ã™ã®ã§ã€ã‚ªãƒªã‚¸ãƒŠãƒ«ã‚‚åˆã‚ã›ã¦å‚è€ƒã«ãŠé¡˜ã„ã—ã¾ã™ã€‚ ã¾ãšã‚µãƒ³ãƒ—ãƒ«ã®XHTMLã‚½ãƒ¼ã‚¹ <ul> <li class="ajaBtn"><a href="/ajax/"><img src="ajax_a.gif" alt="ajax" /></a></li> <li class="amaBtn"><a href="/amazon/"><img src="amazon_a.gif" alt="amazon" /></a></li> <li class="cssBtn"><a href="/css
aratako0 2007/06/19
ãªãœã‹ã€ã‚³ãƒ¡ãƒ³ãƒˆæ¬„ãŒè’ã‚Œã¦ã„ã‚‹ãŒã€‚ã“ã®æ‰‹æ³•ã¯ã€æ—¢ã«ãƒ›ãƒƒãƒ—æœ¬ã«ã‚‚æ›¸ã‹ã‚Œã¦ã„ã‚‹ã€‚ç”»åƒç½®æ›ã®ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã®1ã¤ã€‚

css
ãƒªãƒ³ã‚¯
ä¹å±±åŽ©è’å•†è´¸æœ‰é™å…¬å¸
aratako0 2007/05/30
ç”³ã—è¨³ãªã„ãŒã€å…¨ãä¸€ç·’ã®ãƒã‚¿ã‚’ã©ã“ã‹ã®è‹±èªžãƒ–ãƒã‚°ã§èªã‚“ã ã‚ˆã†ãªæ°—ãŒã™ã‚‹ã€‚

css
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨æ§‹é€ ã®åˆ†é›¢ã€‚CSSã§ã‚‚ã•ã‚‰ã«åˆ†é›¢ã—ã¦ã¿ã‚‹ã€‚ | CSS-EBLOG
ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨æ§‹é€ ã®åˆ†é›¢ã€‚CSSã§ã‚‚ã•ã‚‰ã«åˆ†é›¢ã—ã¦ã¿ã‚‹ã€‚ 2007å¹´05æœˆ28æ—¥ 12:07 ã‚µã‚¤ãƒˆã‚’ç§»è»¢ã—ã¾ã—ãŸã€‚æ–°ã—ã„ã‚¢ãƒ‰ãƒ¬ã‚¹ã¯http://css-eblog.com/ã«ãªã‚Šã¾ã™ã€‚ ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ã¦ãã‚Œã¦ã„ã‚‹æ–¹ã¯ã€æ–°ã—ãç™»éŒ²ã—ãªãŠã—ã¦ãã ã•ã„ã€‚ ã“ã®è¨˜äº‹ã®æ–°ã—ã„URL ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨æ§‹é€ ã®åˆ†é›¢ã€‚CSSã§ã‚‚ã•ã‚‰ã«åˆ†é›¢ã—ã¦ã¿ã‚‹ã€‚ ãƒ‘ãƒ¼ãƒžãƒªãƒ³ã‚¯ ã‚³ãƒ¡ãƒ³ãƒˆ(0) ãƒˆãƒ©ãƒƒã‚¯ãƒãƒƒã‚¯(0)
aratako0 2007/05/30
ã„ã‚ã‚†ã‚‹ã€CSSã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåŒ–ã¨ã„ã†è°è«–ã®ä¸€ç¨®ã ã¨æ€ã†ã€‚floatã‚ãŸã‚Šã®ä½¿ã„ã¾ã‚ã—ãªã‚‰ä¾¿åˆ©ãªã‚“ã ã‚ã†ã‘ã‚Œã©ã€‚

css
ãƒªãƒ³ã‚¯
è«¸æ‚ªã®æ ¹æº=ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ - Webå±‹ã•ã‚“ã®ã‚³ã‚³ãƒãˆ [ITmedia ã‚ªãƒ«ã‚¿ãƒŠãƒ†ã‚£ãƒ–ãƒ»ãƒ–ãƒã‚°]
aratako0 2007/05/23
ãã‚Œãªã‚‰table layoutã§ã„ã„ã‚“ã˜ã‚ƒãªã„ã®ï¼Ÿ

css
ãƒªãƒ³ã‚¯
ç”»åƒã®ä½¿ç”¨ã‚’æ¥µåŠ›æŽ§ãˆã¦ã‹ã£ã“ã„ã„CSSãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã‚„ã£ã¦ã¿ã‚ˆã†å¤§ä¼š
ã“ã®æ–‡æ›¸ã«ã¤ã„ã¦ ã“ã®æ–‡æ›¸ã¯ã€ç”»åƒã®ä½¿ç”¨ã‚’æŽ§ãˆã€ã‚¹ãƒšãƒ¼ã‚¹ã€ãƒœãƒ¼ãƒ€ãƒ¼ã€é…è‰²ãªã©ã‚’é§†ä½¿ã—ã€ã©ã‚Œã ã‘ç¾Žã—ã„CSSã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒä½œã‚Œã‚‹ã‹ã€çš†ã§æŒ‘æˆ¦ã—ã‚ˆã†!ã¨ã„ã†è©¦ã¿ã§ã™ã€‚ CSSã¨ã„ãã¤ã‹ã®ç”»åƒã‚’ç”¨ã„ã¦ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ ã¾ã¨ã‚ã‚µã‚¤ãƒˆãŒç„¡ã„æ°—ãŒã™ã‚‹ã‚ˆ ä¸–é–“ã«ã¯ã€ã‚¤ã‚±ã¦ã‚‹CSSãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é›†ã‚ãŸã€CSSã‚·ãƒ§ãƒ¼ã‚±ãƒ¼ã‚¹ã€CSSã‚®ãƒ£ãƒ©ãƒªãƒ¼ã¨å‘¼ã°ã‚Œã‚‹ã‚µã‚¤ãƒˆãŒã„ãã¤ã‹å˜åœ¨ã—ã¾ã™ã€‚ ã¨ã“ã‚ãŒã€ãã†ã„ã£ãŸã‚µã‚¤ãƒˆã®å¤šãã¯ã€ç”»åƒã‚’æ²¢å±±ç”¨ã„ãŸã‚°ãƒ©ãƒ•ã‚£ã‚«ãƒ«ã§ãƒªãƒƒãƒãªãƒ‡ã‚¶ã‚¤ãƒ³ã®CSSãƒ‡ã‚¶ã‚¤ãƒ³ã°ã‹ã‚Šã§ã™ã€‚ç§ã¯ã€ãã‚“ãªã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’è¦‹ã‚‹ã®ãŒè¶£å‘³ã ã£ãŸã®ã§ã™ãŒã€æ¬¡ç¬¬ã«é£½ãã¦ãã¦ã—ã¾ã„ã¾ã—ãŸã€‚ãã—ã¦ã€ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¥½ã‚€ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ èª¤è§£ã‚’ã—ã¦æ¬²ã—ããªã„ã®ã§ã™ãŒã€CSSã®ã‚·ãƒ§ãƒ¼ã‚±ãƒ¼ã‚¹ã‚„ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã«æŽ²è¼‰ã•ã‚Œã¦ã„ã‚‹ã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã¨ã¦ã‚‚å„ªã‚Œã¦ã„ã¾ã™ã€‚å˜ã«ã€ç§ãŒæ±‚ã‚ã¦ã„ã‚‹ã‚‚ã®ã¨ã¯ã€é•ã£ãŸã¨ã„ã†ã ã‘ã®ãŠè©±ã§ã™ã€‚ ãã“ã§ç§ã¯ã€
aratako0 2007/04/13
å¾…ã£ã¦ã¾ã—ãŸï¼

css
ãƒªãƒ³ã‚¯
CSS image replacement for submit buttons - Web design tips & tricks
Expanding the techniques for CSS image replacement by Mike Rundle and Seamus P. H. Leahy, and inspired by a question posted to the WebDesign-L mailing list, I have developed an image replacement method for submit buttons, and in general for the button tag. Using this method you'll get a clickable image when style sheets are active, and a standard button when style sheets are off. The trick is to a
aratako0 2007/04/07
ç”»åƒã®ç½®ãæ›ãˆã§formã®ãƒœã‚¿ãƒ³ã‚’ç”»åƒåŒ–ã€‚

css

form
ãƒªãƒ³ã‚¯
http://ima.pandach.com/cgi-bin/mt/2007/04/auezweb.php
aratako0 2007/04/06
mobile

css

html
ãƒªãƒ³ã‚¯
æºå¸¯é›»è©±å‘ã‘ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®æ›¸ãæ–¹ - ã‚¦ã‚§ãƒ–ã®ä½œã‚Šæ–¹
ã“ã“ã§ã¯ã€æºå¸¯é›»è©±å‘ã‘ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®æ›¸ãæ–¹ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ åŸºç¤ŽçŸ¥è˜ã¨ã—ã¦HTML&CSSå…¥é–€ã®HTMLå…¥é–€ç¯‡åŠã³CSS(ã‚«ã‚¹ã‚±ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ)å…¥é–€ç¯‡ã®å†…å®¹ã¯æœ€ä½Žé™æŠŠæ¡ã—ã¦ã„ã‚‹äº‹ã‚’å‰æã¨ã—ã¦è§£èª¬è‡´ã—ã¾ã™ã€‚ ã€Œæºå¸¯é›»è©±ã€ã¨ã„ã†è¨€è‘‰ã¯ã€ç‰¹ã«æ–ã‚ã‚‰ãªã„é™ã‚ŠPHSã‚‚å«ã‚€ã‚‚ã®ã¨ã—ã¾ã™ã€‚ä½†ã—ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã¯é™¤å¤–ã—ã¾ã™ã€‚ ãƒ•ã‚£ãƒ¼ãƒãƒ£ãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ã€‚ æºå¸¯é›»è©±å‘ã‘ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§ã®ãƒžãƒ«ãƒ†ã‚£ãƒ¡ãƒ‡ã‚£ã‚¢ã€‚ ãã®ä»–ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã€‚ ä¿å˜æ‰±ã„(obsolete)ã¨ãªã£ã¦ã„ã‚‹è¨˜äº‹
aratako0 2007/04/06
mobile

css

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

css
ãƒªãƒ³ã‚¯
Lucky bag: : blog: èƒŒæ™¯ç”»åƒã«ä½¿ãˆã‚‹é€éŽ GIF
æ–œç·šã‚„ã‚¹ãƒˆãƒ©ã‚¤ãƒ—ã®èƒŒæ™¯ç”»åƒã‚’ Photoshop ã¨ã‹ã§ä½œã‚‹ã¨ã€è‰²ã‚’å¤‰ãˆãŸããªã£ãŸæ™‚ã«ãã®ãŸã³ä½œã‚Šç›´ã—ã£ã¦ã®ãŒé¢å€’ã€‚ä¾¿åˆ©ã§ä½¿ã£ã¦ã‚‹äººã‚‚å¤šã„ã‹ã‚‚ã—ã‚Œãªã„ secondlife ã•ã‚“ã® Background Image Maker ã§ã‚‚ãã‚Œã¯åŒã˜ã‹ãªã€‚ã‚“ã§ã€Photoshop ã¨ã‹ã§ä½œã‚‹å ´åˆã«ã€ç·šã«è‰²ã‚’ä»˜ã‘ã¦ä½œã‚‹ã‚“ã§ã¯ãªãã¦ã€è‰²ã‚’ä»˜ã‘ãŸã„éƒ¨åˆ†ã‚’é€éŽã«ã—ã¦ä½œã£ã¦ãŠã„ã¦ CSS ã§ background-color ã‚’æŒ‡å®šã™ã‚‹ã‚„ã‚Šæ–¹ã«ã™ã‚Œã°ã€è‰²ã‚’å¤‰ãˆãŸããªã£ãŸæ™‚ã¯CSS ã§èƒŒæ™¯è‰²ã‚’å¤‰æ›´ã™ã‚‹ã ã‘ã§è‰¯ã„ã˜ã‚ƒã‚“ã£ã¦ã€Super Stripes ã‚’è¦‹ã¦ç›®ã‹ã‚‰ã†ã‚ã“çŠ¶æ…‹ã€‚æ—©é€Ÿã‚¤ãƒ³ã‚¹ãƒ‘ã‚¤ãƒ¤ã—ã¦ã¿ãŸï¼ ä½¿ã£ã¦ã¿ãŸã„ GIF ç”»åƒã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ã€CSS ã§èƒŒæ™¯ç”»åƒã«ã€‚ã‚ã¨ã¯ã€èƒŒæ™¯è‰²ã§å¥½ã¿ã®è‰²ã‚’æŒ‡å®šã™ã‚‹ã ã‘ã€‚ã¡ãªã¿ã«ã€ã‚µãƒ³ãƒ—ãƒ«ã§ã¯èƒŒæ™¯è‰²ã‚’ #fa0 ã¨æŒ‡å®šã—ã¦ã„ã‚‹ã€‚ æ–œç·š oblique-line_1px.gi
aratako0 2007/04/04
design

css
ãƒªãƒ³ã‚¯
Web ã‚µã‚¤ãƒˆåˆ¶ä½œæ™‚ã®å‚è€ƒæ–‡çŒ®ãƒªã‚¹ãƒˆ
å®Œå…¨ã«è‡ªåˆ†ç”¨ãƒ¡ãƒ¢ä»£ã‚ã‚Šã§ã™ãŒã€Web ã‚µã‚¤ãƒˆåˆ¶ä½œæ™‚ã«å‚è€ƒã«ã™ã‚‹æ©Ÿä¼šã®å¤šã„ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ã¨ã‚Šã‚ãˆãšã¯ä»•æ§˜æ›¸é–¢é€£ã®ã¿ã€‚ è‹±èªžã§æ›¸ã‹ã‚ŒãŸãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã°ã‹ã‚Šã‚’ä¸¦ã¹ã¦ã‚‚ãªã‚“ãªã®ã§ã€å‚è€ƒã¾ã§ã«æ—¥æœ¬èªžè¨³ã•ã‚ŒãŸãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚‚ç§ãŒçŸ¥ã£ã¦ã„ã‚‹ç¯„å›²å†…ã§ä½µè¨˜ã—ã¦ã¿ã¾ã—ãŸã€‚ãŸã ã—ã€æ—¥æœ¬èªžè¨³ã¯å®Œå…¨ã«åŽŸæ–‡ã¨ã®æ•´åˆæ€§ã‚’ä¿éšœã™ã‚‹ã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã®ã§ã€ã‚ãã¾ã§å‚è€ƒã¾ã§ã«ã”åˆ©ç”¨ãã ã•ã„ã€‚ HTML é–¢é€£ HTML 4.01 Specification -W3C Recommendation ï¼ˆæ—¥æœ¬èªžè¨³ï¼‰ ISO/IEC 15445:2000(E) ISO-HTML ï¼ˆæ—¥æœ¬å·¥æ¥è¦æ ¼ JIS X 4156:2000ï¼‰ ISO-HTML: Entities, element types and attributes (DTD) W3C ã‹ã‚‰å‹§å‘Šã•ã‚Œã¦ã„ã‚‹ã€HTML 4.01 ã®ä»•æ§˜æ›¸ã«é–¢ã—ã¦ã¯ç¾çŠ¶ã€(X)HTML
aratako0 2007/04/03
w3c

html

xhtml

css
ãƒªãƒ³ã‚¯
TRANS - è‹±èªžåœã‹ã‚‰å¦ã¶ã€bodyè¦ç´ ã«å¯¾ã™ã‚‹font-sizeæŒ‡å®šæ–¹æ³•ã®ã¾ã¨ã‚
YUI Fonts CSSã®font-sizeã§æ‚©ã¿å§‹ã‚ã¦ã‹ã‚‰ã€font-sizeã£ã¦ã©ã†ã„ã†ã®ãŒã„ã„ã®ã ã‚ã†ã€ã¨è€ƒãˆã¦ã„ã¾ã—ãŸã€‚ãã“ã§ã€è‹±èªžåœã§ã¯ã©ã†ã„ã†ãµã†ã«æŒ‡å®šã—ã¦ã„ã‚‹ã®ãŒå¤šã„ã®ã ã‚ã†ã¨ã€ã„ã‚ã‚“ãªè¨˜äº‹ã‚’èªã¿æ¼ã£ã¦ã¿ã¾ã—ãŸã€‚ã„ã‚ã„ã‚ãªã‚„ã‚Šæ–¹ã¯ã‚ã‚‹ã«ã›ã‚ˆã€5ã¤ãã‚‰ã„ã®ãƒ‘ã‚¿ãƒ¼ãƒ³ã«åˆ†ã‘ã‚‰ã‚Œã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ãªã¨æ€ã†ã®ã§ã€ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ font-size: 100%; ä¸»ã«ã€bodyè¦ç´ ã«ç”¨ã„ã‚‰ã‚Œã‚‹ã‚‚ã®ã€‚font-sizeã‚’100%ã§æŒ‡å®šã—ã¦ãŠã„ã¦ã€font-sizeã®æŒ‡å®šã¯ãƒ¦ãƒ¼ã‚¶ã®å¥½ãå¥½ã¿ã«åˆã‚ã›ã‚‹ã¨ã„ã†ã‚‚ã®ã€‚ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã«é…æ…®ã—ãŸã‚Šã€ãƒ¦ãƒ¼ã‚¶ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ç”Ÿã‹ã—ã¦èªã‚“ã§ã»ã—ã„å ´åˆã¯ã“ã®æŒ‡å®šãŒå¤šã„ã‚ˆã†ã§ã™ã€‚ font-size: 100.01%; æœ€è¿‘ã¡ã‚‡ãã¡ã‚‡ãè¦‹æŽ›ã‘ã‚‹ã€bodyè¦ç´ ã«å¯¾ã—ã¦100.01%ã‚’æŒ‡å®šã™ã‚‹ã¨ã„ã†ã‚‚ã®ã€‚ã“ã‚Œã¯ã€Re: WSG Setting Up Font Si
aratako0 2007/03/31
ã‚¿ã‚¤ãƒˆãƒ«ä¿®æ£ã€‚

css
ãƒªãƒ³ã‚¯
Prettier Accessible Forms
A note from the editors: While brilliant for its time, this article no longer reflects modern best practices. It can be time consuming to make web forms both pretty and accessible. In particular, laying out forms where the form label and input are horizontally adjacent, as in the image below, can be a real probl em. We used to use tables, which worked well in this scenarioâ€”but forms donâ€™t constitut
aratako0 2007/03/30
form

css

accessibility
ãƒªãƒ³ã‚¯
Listamatic: one list, many options - Using CSS and a simple list to create radically different list options
Can you take a simple list and use different Cascading Style Sheets to create radically different list options? The Listamatic shows the power of CSS when applied to one simple list. Vertical lists Simple list Simple list with square bullets Simple list with circle bullets Using images for bullets Using CSS background images for bullets Eric Meyer's simple separators Eric Meyer's Panelise Rollover
aratako0 2007/03/23
CSSã§ä½œã‚‹ã„ã‚ã‚“ãªãƒªã‚¹ãƒˆã€‚

css

design
ãƒªãƒ³ã‚¯
å°ç²‹ãªã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚’å®Ÿç¾ã™ã‚‹25ã®ã‚³ãƒ¼ãƒ‰ ï¼ˆãƒ‘ãƒ¼ãƒˆ2ï¼‰ - SIMPLE*SIMPLE ï½ž ã‚¦ã‚§ãƒ–è·äººã®ãŸã‚ã®å°ç²‹ãªãƒã‚¿å¸³ ï½ž
ã€Œå°ç²‹ãªã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚’å®Ÿç¾ã™ã‚‹25ã®ã‚³ãƒ¼ãƒ‰ | S i M P L E * S i M P L Eã€ã®ç¶šç·¨ãŒå‡ºãŸã‚ˆã†ã§ã™ã€‚ ä»Šå›žã‚‚ãªã‹ãªã‹å°ç²‹ãªæŠ€ãŒãã‚ã£ã¦ã„ã¾ã™ãã€‚æ–°ã—ãã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½œã‚‰ã‚Œã¦ã„ã‚‹æ–¹ã¯å‚è€ƒã«ã•ã‚Œã¦ã¿ã¦ã¯ã€‚ â†‘ ãƒ„ãƒªãƒ¼æ§‹é€ ã®ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’å®Ÿç¾ã€‚ â†‘ CSSã§ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ã€‚ â†‘ CSSã§ã¡ã‚‡ã£ã¨ã‹ã£ã“ã„ã„ãƒœã‚¿ãƒ³ã€‚ â†‘ CSSã§ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦ã‹ãªã€‚ ä¸–ç•Œä¸ã§ã“ã†ã—ãŸçŸ¥è˜ãŒå…±æœ‰ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸãã€‚ã„ã„æ™‚ä»£ã«ãªã£ãŸã‚‚ã®ã§ã™ã€‚ã•ã¦ã€ã‚ã¨ã¯ã“ã‚Œã‚’ã©ã†ã„ã†ã‚¢ã‚¤ãƒ‡ã‚£ã‚¢ã§å®Ÿç¾ã™ã‚‹ã‹ã€ã§ã™ãªã€‚ã‚ªãƒªã‚¸ãƒŠãƒªãƒ†ã‚£ã®ã‚ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã¤ãã‚ŠãŸã„ãªãã€‚ Â» Â» 25 Code Snippets for Web Designers (Part2)
aratako0 2007/03/21
css

design
ãƒªãƒ³ã‚¯
IE 7 does not resize text sized in pixels | 456 Berea Street
aratako0 2007/03/21
IE7ã§ã‚‚ã€ãƒ”ã‚¯ã‚»ãƒ«å˜ä½ã§æŒ‡å®šã•ã‚ŒãŸãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã¯æ‹¡å¤§ã§ããªã„ã€‚

ie7

css
ãƒªãƒ³ã‚¯
ãŠæ‰‹æœ¬ã«ã—ãŸã„ Web ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚®ãƒ£ãƒ©ãƒªãƒ¼10é¸ :: Love & Design ::
Web ãƒ‡ã‚¶ã‚¤ãƒ³ã«é™ã£ãŸã“ã¨ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€ä½•ã‹ã‚’å¦ã¶ã¨ãã¯è‰¯ã„ãŠæ‰‹æœ¬ã‚’æŽ¢ã™ã“ã¨ãŒå¤§åˆ‡ã§ã™ãã€‚ãã®ãŠæ‰‹æœ¬ã‚’çœŸä¼¼ãªãŒã‚‰ã€ãŸãã•ã‚“ ç·´ç¿’ã™ã‚‹ã“ã¨ãŒä¸Šé”ã™ã‚‹ãŸã‚ã®ä½•ã‚ˆã‚Šã®æ–¹æ³•ã ã¨æ€ã„ã¾ã™ã€‚ ãã‚“ãªãŠæ‰‹æœ¬ã«ã—ãŸã„ãã‚Œã„ãª Web ãƒ‡ã‚¶ã‚¤ãƒ³ï¼ˆCSSï¼‰ã°ã‹ã‚Šã‚’é›†ã‚ãŸã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’10ã‚µã‚¤ãƒˆé¸ã‚“ã§ã¿ã¾ã—ãŸã€‚é…è‰²ã«æ‚©ã‚“ã ã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¢ã‚¤ãƒ‡ã‚¢ãŒæµ®ã‹ã°ãªã„ã€ãã‚“ãªã¨ãã‚‚ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä¸Žãˆã¦ãã‚Œãã†ã§ã™ã€‚ 01 CSS Mania CSS ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã„ãˆã°ã€ã¾ãšã“ã“ 02 Most Inspired ã‚¯ãƒ¼ãƒ«ãª CSS ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä¸€æ‹¬ãƒã‚§ãƒƒã‚¯ã§ãã¾ã™ã€‚ 03 CSS Impress ãƒ–ãƒã‚°ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚è€ƒã« 04 CSS Beauty | CSS Design, News, Jobs, Community, Web Standards ã‚¿ã‚°ã§åˆ†é¡žã•ã‚Œã¦ã„ã¦ç›®çš„ã«ã‚ã‚ã›ã¦é¸ã³ã‚„ã™ã„ 05 CSSclip |
aratako0 2007/03/20
css

design

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ã‚µã‚¤ãƒˆã®èƒŒæ™¯ç”»åƒã‚’å¤‰ãˆã‚‹æ™‚ã«ä½¿ãˆã‚‹7ã‚µã‚¤ãƒˆ - ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¦ã‚©ãƒ¼ã‚«ãƒ¼ | DesignWalker - ãƒã‚µãƒ³ã‚¼ãƒ«ã‚¹ã§åƒãã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ—¥è¨˜
aratako0 2007/03/16
css

design

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
CSS-Based Navigation Menus: Modern Solutions | Smashing Magazine
Usability is an essential goal of any website, and usa ble navigation is something every website needs. It determines where users are led and how they interact with the website. Without usa ble navigation, content becomes all but useless. Menus need to be simple enough for the user to understand, but also contain the elements necessary to guide the user through the website â€” with some creativity and
aratako0 2007/03/16
css

menu
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 9 10 æ¬¡ã®ãƒšãƒ¼ã‚¸