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

julajp id:julajp

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

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

æ°¸ä¹…ä¿å˜ç‰ˆï¼ï¼Ÿæºå¸¯ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã€ã“ã‚Œã ã‘èªã‚ã°ã™ãã§ãã‚‹ï¼ | KAYAC
ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ï¼ˆä»¥ä¸‹ã€MEï¼‰ã®tacamyã§ã™ï¼(`ãƒ»Ï‰ãƒ»Â´) ã‚«ãƒ¤ãƒƒã‚¯ã§ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚‚HTMLã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’ã—ã¦ãã‚Œã¦ã„ã¾ã™ã€‚ ï¼ˆã„ã¤ã‚‚ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ï¼ï¼‰ ãã‚“ãªãƒ¯ã‚±ã§ã€æœ¬æ ¼çš„ã«HTMLã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã¯ã—ãªã„ã‘ã©ã€ ã¡ã‚‡ã“ã£ã¨ã—ãŸãƒšãƒ¼ã‚¸ãªã‚‰çµ„ã¿ã¾ã™ã£ã¦ã„ã†ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å‘ã‘ã®ã€ ã€Œã‚³ãƒ¬ã ã‘èªã‚ã°ã™ãã§ãã‚‹ã€ã‚·ãƒªãƒ¼ã‚ºã‚’å§‹ã‚ã¾ã—ãŸã€‚ ç¬¬ä¸€å›žã¯ã€Œæºå¸¯ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã€ã«ã¤ã„ã¦ã§ã™ã€‚ æºå¸¯ã¯PCã¨ã¯å…¨ãã®åˆ¥ç‰©ãªã®ã§ã€ãªã‚“ã¨ãªãæ•¬é ã—ãŒã¡ã§ã™ãŒã€ æœ€ä½Žé™ã®å†…å®¹ã§ã‚ã‚Œã°è¦šãˆã‚‹ã“ã¨ã‚‚å°‘ãªã„ã§ã™ã—ã€ ä¸€åº¦è¦šãˆã¦ã—ã¾ãˆã°ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ãŒã—ã°ã‚‰ãå¤‰ã‚ã‚‰ãªã„ã®ã§ã€è¦šãˆã¦ãŠã„ã¦æã¯ãªã„ã§ã™ã‚ˆï¼ æºå¸¯ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®åŸºæœ¬ åŸºç¤Žã®åŸºç¤Ž æ–‡å—ã‚³ãƒ¼ãƒ‰ã¯Shift-JIS CSSã¯ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã§æŒ‡å®šï¼ˆã‚¿ã‚°ã«ç›´æŽ¥styleå±žæ€§ã‚’è¿½åŠ ã™ã‚‹ï¼‰ ç”»åƒã‚’å«ã‚€ãƒšãƒ¼ã‚¸å®¹é‡100KBä»¥å†…ï¼ˆHTMLè‡ªä½“ã®å®¹é‡ã¯9KBä»¥å†…ï¼‰ ç”»åƒã¯gifã‹
julajp 2010/09/07
æºå¸¯å‘ã‘ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®åŸºæœ¬ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹

æºå¸¯

æºå¸¯ã‚µã‚¤ãƒˆ

HTML

CSS
ãƒªãƒ³ã‚¯
[CSS]ç”»åƒç„¡ã—ã§ä½œæˆã™ã‚‹ç¾Žã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒœã‚¿ãƒ³ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
Photoshopã§ä½œæˆã—ãŸã‹ã®ã‚ˆã†ãªç¾Žã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒœã‚¿ãƒ³ã‚’å®Ÿè£…ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚ãƒ£ãƒ—ãƒãƒ£ã¯ä¸Šã‹ã‚‰ã€ãƒŽãƒ¼ãƒžãƒ«æ™‚ã€ãƒ›ãƒãƒ¼æ™‚ã€ã‚¯ãƒªãƒƒã‚¯æ™‚ã§ã™ã€‚ Make CSS3 buttons that are extremely fancy ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼ˆã‚«ãƒ©ãƒ¼ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ï¼‰ â€»æ›´æ–°ï¼šã‚«ãƒ©ãƒ¼ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å¢—ã‚„ã—ã¾ã—ãŸã€‚ ãƒœã‚¿ãƒ³ã¯CSSã§å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ãŸã‚ã€ãƒ–ãƒ©ã‚¦ã‚¶ã®æ–‡å—ã‚µã‚¤ã‚ºã®æ‹¡å¤§ã«ä¼´ã„ã‚µã‚¤ã‚ºã‚‚å¤‰æ›´ã—ã€ã‚«ãƒ©ãƒ¼å¤‰æ›´ã‚‚ç°¡å˜ã«ãŠã“ãªãˆã‚‹ã‚ˆã†ã«è¨è¨ˆã•ã‚Œã¦ã„ã¾ã™ã€‚ â€»CSS3éžå¯¾å¿œã®IE7/8ãªã©ã§ã®è¦‹æ „ãˆã¯ãã‚Œãªã‚Šã«ãªã‚Šã¾ã™ã€‚ å®Ÿè£…ã¯ã‚·ãƒ³ãƒ—ãƒ«ãªãŒã‚‰ã‚‚ãƒ†ã‚¯ãƒ‹ã‚«ãƒ«ã§ã€å…ˆæ—¥å½“ã‚µã‚¤ãƒˆã§ç´¹ä»‹ã—ãŸã€ŒSafariã§è¦‹ã‹ã‘ã‚‹è§’ä¸¸ã®ã«ã˜ã¿ã‚’è§£æ¶ˆã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã€ãªã©ã‚‚åˆ©ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ HTML ãƒœã‚¿ãƒ³ã®ã‚«ãƒ©ãƒ¼å¤‰æ›´ãŒç°¡å˜ã«ã§ãã‚‹ã‚ˆã†ã«ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ä½¿ç”¨ã—ã¦ã„ã¾ã™ï¼ˆä¸‹è¨˜ã‚ãƒ£ãƒ—ãƒãƒ£å‚ç…§ï¼‰
julajp 2010/08/18
ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§ä½œã‚‹ãƒœã‚¿ãƒ³ã€‚æ–‡å—ã‚µã‚¤ã‚ºã®å¤‰æ›´ã«å¿œã˜ã¦ã€ãƒœã‚¿ãƒ³ã‚‚ã‚µã‚¤ã‚ºãŒå¤‰ã‚ã‚‹ã€‚

CSS

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

CSS3
ãƒªãƒ³ã‚¯
CSSã§å®Ÿç¾ã™ã‚‹ã‚°ãƒªãƒƒãƒ‰ã«æ•ã‚ã‚Œãªã„é›‘èªŒé¢¨ãƒ‡ã‚¶ã‚¤ãƒ³ | 07design.blog
ä»•äº‹ã®ç¾å ´ã§ã€ãŸã¾ã«ç´™åª’ä½“ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«é–¢ã‚ã‚‹æ©Ÿä¼šãŒã‚ã‚‹ã¨ã€ç™ºæƒ³ã®é•ã„ã«é©šãã“ã¨ãŒå¤šã€…ã‚ã‚Šã¾ã™ã€‚ç§ã¯ã‚‚ã¨ã‚‚ã¨webã‹ã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å§‹ã‚ãŸã®ã§ã€ãƒ©ãƒ•ãƒ‡ã‚¶ã‚¤ãƒ³ã®æ®µéšŽã§ã™ã§ã«æ§‹é€ çš„ãªé…ç½®ã®ä»•æ–¹ã‚’å¿ƒãŒã‘ã¦ã„ã‚‹ã®ã§ã™ãŒã€ãã®ã›ã„ã§è¦–è¦šçš„åŠ¹æžœã«ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã•ãŒè¶³ã‚Šãªãƒ»ãƒ»ãƒ»ä»•äº‹ã®ç¾å ´ã§ã€ãŸã¾ã«ç´™åª’ä½“ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«é–¢ã‚ã‚‹æ©Ÿä¼šãŒã‚ã‚‹ã¨ã€ç™ºæƒ³ã®é•ã„ã«é©šãã“ã¨ãŒå¤šã€…ã‚ã‚Šã¾ã™ã€‚ ç§ã¯ã‚‚ã¨ã‚‚ã¨webã‹ã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å§‹ã‚ãŸã®ã§ã€ãƒ©ãƒ•ãƒ‡ã‚¶ã‚¤ãƒ³ã®æ®µéšŽã§ã™ã§ã«æ§‹é€ çš„ãªé…ç½®ã®ä»•æ–¹ã‚’å¿ƒãŒã‘ã¦ã„ã‚‹ã®ã§ã™ãŒã€ ãã®ã›ã„ã§è¦–è¦šçš„åŠ¹æžœã«ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã•ãŒè¶³ã‚Šãªã„ã€ã‚°ãƒªãƒƒãƒ‰ã«æ•ã‚ã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒ³ã«ãªã£ã¦ã„ã‚‹ã“ã¨ã«æ°—ã¥ãã¾ã—ãŸã€‚ çµ¶å¯¾çš„é…ç½®ã§è‡ªç”±ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ãã‚‹ç´™åª’ä½“ã¨ã¯é•ã„ã€webã«ã¯ã‚‚ã¨ã‚‚ã¨ã®åˆ¶ç´„ãƒ»ç’°å¢ƒã«ã‚ˆã‚‹å·®ç•°ãƒ»ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«ã‚ˆã‚‹é…ç½®ã®é›£ã—ã•ãªã©ãŒã‚ã‚Šã€ã©ã†ã—ã¦ã‚‚è¦–è¦šåŠ¹æžœã«ã‚ˆã‚‹ã‚¢ãƒ”ãƒ¼ãƒ«ã¯ç´™ã«åŠ£ã£ã¦ã—ã¾ã†ã®ã‹ãªã€ã¨æ€ã„ã¾ã™ã€‚ ãã‚“ãªä¸ã§
julajp 2010/08/02
CSS
ãƒªãƒ³ã‚¯
ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã®CSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãƒ¡ãƒ¢
ã“ã®ã‚µã‚¤ãƒˆã®æ§‹é€ ã‚’è§£èª¬ ã“ã®ã‚µã‚¤ãƒˆã¯å·¦å³2æ®µã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ä½œã£ã¦ã„ã‚‹ã€‚ã“ã®å·¦å³2æ®µçµ„ã¿ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ä½œã‚Šæ–¹ã€èƒŒæ™¯ã®è²¼ã‚Šæ–¹ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒœã‚¿ãƒ³ã®åˆ¶ä½œæ–¹æ³•ãªã©ã‚’è¨˜è¼‰ã€‚
julajp 2010/07/22
CSS
ãƒªãƒ³ã‚¯
WEBåˆ¶ä½œè€…ã®ãŸã‚ã®32å€‹ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã¾ã¨ã‚ï¼ˆpart2ï¼‰*ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹äººã®ãƒã‚¿å¸³
julajp 2007/05/31
ã‚ã‚Œã“ã‚Œã‚„ã£ã¦ã¿ãŸããªã‚Šã¾ã™ã

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

webåˆ¶ä½œ

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

javascript

design

ã¾ã¨ã‚ã‚µã‚¤ãƒˆ

ç´ æ

css

ãŠå½¹ç«‹ã¡
ãƒªãƒ³ã‚¯
CSSï¼ˆã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆï¼‰ã§bodyã«è¨å®šã—ã¦ãŠãã¨ä¾¿åˆ©ãª5ã¤ã®ãƒã‚¤ãƒ³ãƒˆ - ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¦ã‚©ãƒ¼ã‚«ãƒ¼ | DesignWalker - ãƒã‚µãƒ³ã‚¼ãƒ«ã‚¹ã§åƒãã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ—¥è¨˜
julajp 2007/03/21
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³

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

css

web design

tips
ãƒªãƒ³ã‚¯
WEBåˆ¶ä½œæ™‚ã«ä¾¿åˆ©ãª9ã¤ã®Firefoxæ‹¡å¼µæ©Ÿèƒ½(Add-ons) - ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¦ã‚©ãƒ¼ã‚«ãƒ¼ | DesignWalker - ãƒã‚µãƒ³ã‚¼ãƒ«ã‚¹ã§åƒãã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ—¥è¨˜
julajp 2007/03/21
firefoxæ‹¡å¼µ

plugin

firefox

extension

css

ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³

æ‹¡å¼µæ©Ÿèƒ½

webåˆ¶ä½œ

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

ãƒ„ãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
http://elastic965.80code.com/
julajp 2006/09/01
ãƒšãƒ¼ã‚¸ã®ä½“è£æ•´ãˆã‚‹ã®ã«ã€è‰¯ã„å‚è€ƒã¨ãªã‚‹ã¨ã“ã‚ã€‚blogã®CSSã®ãƒ¡ãƒ¢ãŒä¸ã€…è‰¯ã„æ„Ÿã˜

CSS

HTML

ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
ãƒªãƒ³ã‚¯
1