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

sorano_k id:sorano_k

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

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

Sublime Text2ã£ã¦ã‚¨ãƒ‡ã‚£ã‚¿ãŒã™ã”ãã‚¤ã‚¤ã€‚
Macã‚’ä½¿ã„å§‹ã‚ã¦ã€ã„ã‚ã„ã‚æ–°ã—ã„ã‚½ãƒ•ãƒˆã‚„ã‚¢ãƒ—ãƒªã‚’æŽ¢ã—ã¦ã„ãŸã¨ã“ã‚ã€åŒåƒšã®æ–¹ã‹ã‚‰ã„ã¾äººæ°—ã®Sublime Text 2ã¨ã„ã†ã‚¨ãƒ‡ã‚£ã‚¿ã‚’æ•™ãˆã¦é ‚ãã¾ã—ãŸã€‚ã©ã†ã‚„ã‚‰ç„¡æ–™ã‚‰ã—ã(ä»Šå¾Œã‚·ã‚§ã‚¢ã‚¦ã‚§ã‚¢ã«ãªã‚‹ã‹ã‚‚ï¼Ÿ)ã€åˆæœŸè¨å®šã‚„è‡ªåˆ†ã«åˆã£ãŸç’°å¢ƒã«æ•´ãˆã‚‹ã®ã«å°‘ã—æ‰‹é–“å–ã‚Šã¾ã—ãŸãŒã€ãªã‚“ã¨ã‹å®Ÿå‹™ã§ä½¿ãˆã‚‹ãƒ¬ãƒ™ãƒ«ã«ãªã£ã¦ããŸã®ã§ã‚·ã‚§ã‚¢ã—ã¾ã™ã€‚ HTML5,CSS3,jsã‚’æ›¸ãäº‹ãŒå¤šãã¦ã€Zen-Codingã‚‚Sass+Compassã‚‚ä½¿ã†ã—ã€ãã‚Œã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—æ¥å‹™ãŒå¤šã„ï¼ãªã‚“ã¦ã„ã†åƒ•ã¨åŒã˜ã‚ˆã†ãªäººãŒã„ã‚‹ãªã‚‰ã€ã“ã®ã‚¨ãƒ‡ã‚£ã‚¿ã¯ã‚ªã‚¹ã‚¹ãƒ¡ã§ã™w ä»¥ä¸‹ã®è¨å®šé€šã‚Šã«ã‚„ã‚Œã°ã€ãƒ•ãƒãƒ³ãƒˆå¯„ã‚Šã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«ãªã‚‰æœ€ä½Žé™ã¯ä½¿ãˆã‚‹ã‚‚ã®ã«ãªã‚‹ã¨æ€ã„ã¾ã™ã€‚ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ Sublime Text 2 â€“ Dev Builds åˆæœŸè¨å®š ã‚¢ãƒ—ãƒªã‚’ç«‹ã¡ä¸Šã’ã¦ã€Sublime text2 > Preference > Setting
sorano_k 2013/04/25
mac

html

css

webåˆ¶ä½œ

*ã‚ã¨ã§è¦‹ã‚‹
ãƒªãƒ³ã‚¯
den-oka.jp
This domain may be for sale!
sorano_k 2013/01/29
ã‚„ã‚‹ãªã‚ã€‚ç§ã“ã‚“ãªç™ºæ³¨å—ã‘ãŸã‚‰html3.0ã§æã„ã¡ã‚ƒã†ã‚ï½—ï½—ï½—ï½—ï½—

webdesign

html

css
ãƒªãƒ³ã‚¯
è§£æ”¾æ–°èžã«ã‚ˆã‚‹åœ¨ç‰¹ä¼šé–¢é€£ã®è™šå ±ã«ã¤ã„ã¦ - åœ¨æ—¥ç‰¹æ¨©ã‚’è¨±ã•ãªã„å¸‚æ°‘ã®ä¼š - ãƒ‹ãƒ¥ãƒ¼ã‚¹
This domain may be for sale!
sorano_k 2012/12/14
ã†ã¾ã„ãªwwwã§ã‚‚display:none;ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã¯å€‹äººçš„ã«é”å¥³ã£åãƒ¡ã‚°ã¡ã‚ƒã‚“ã®ãƒŽãƒ³ã§ã™ãã€‚

css
ãƒªãƒ³ã‚¯
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and
sorano_k 2011/07/22
webåˆ¶ä½œ

webdesign

css

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
CSSã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã™ã‚‹ãªã‚‰çµ¶å¯¾è¦šãˆã¦ãŠããŸã„ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã®ã‚¯ã‚»ã¨ã‹ã„ã‚ã„ã‚
Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹ã¨ãã«ã€å¿…ãšä½¿ã†ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã€‚æ€ã†ã‚ˆã†ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ä½œã‚‹ãŸã‚ã«ã€ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã‚„ã€ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³è¦ç´ ã®ã‚¯ã‚»ã¿ãŸã„ãªã®ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚å¾ŒåŠã¯ã‚¹ã‚¿ã‚¤ãƒ«ãŒåæ˜ ã•ã‚Œãªã„åŽŸå› ã®ã²ã¨ã¤ã€ã‚¹ã‚¿ã‚¤ãƒ«ã®å„ªå…ˆé †ä½ã«ã¤ã„ã¦ã§ã™ã€‚ Attention è¨˜äº‹å…¬é–‹æ™‚ã‹ã‚‰ã„ã‚ã„ã‚ã¨å‹‰å¼·ã—ã¦ã€ã“ã®è¨˜äº‹å†…ã§ç´¹ä»‹ã—ã¦ã„ã‚‹äº‹æŸ„ã§ã€é–“é•ã£ãŸè§£é‡ˆã‚’ã—ã¦ã„ãŸãªãƒ¼ã¨æ°—ãŒã¤ãã¾ã—ãŸã€‚ ã“ã®è¨˜äº‹ã®ä¸ã§ã„ãã¤ã‹è¿½è¨˜ã—ã¦ã‚ã‚Šã¾ã™ãŒã€è©³ã—ãã¯ã€æ–°ã—ãæ›¸ã„ãŸ 11æœˆ7æ—¥ã®è¨˜äº‹ï¼šCSSã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã™ã‚‹ãªã‚‰çµ¶å¯¾è¦šãˆã¦ãŠããŸã„é…ç½®ã®ãƒ«ãƒ¼ãƒ«ï¼šãƒ•ãƒãƒ¼ãƒˆã‚„çµ¶å¯¾é…ç½®ã€z-index ã¨ã‹ã„ã‚ã„ã‚ ã‚’èªã‚“ã§ã¿ã¦ãã ã•ã„ãï¼ New Post Webã‚µã‚¤ãƒˆã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã™ã‚‹ã®ã«æ¬ ã‹ã›ãªã„ã®ãŒ CSSï¼ˆCascading Style Sheetsã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆï¼‰ã§ã™ãï¼ä»Šã§ã¯ CSS3 ãŒè©±é¡Œã‚’é›†ã‚ã¦ã„ã¦ã€CS
sorano_k 2011/06/18
css

Webåˆ¶ä½œ

webdesign
ãƒªãƒ³ã‚¯
CSSã‚»ãƒ¬ã‚¯ã‚¿20å€‹ã®ãŠã•ã‚‰ã„
CSSã‚»ãƒ¬ã‚¯ã‚¿ã£ã¦æ„å¤–ã¨åˆ†ã‹ã£ã¦ã„ãªã‹ã£ãŸã‚Šã™ã‚‹ã®ã§å‹‰å¼·ã¤ã„ã§ã«ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚æ¯”è¼ƒçš„å®Ÿç”¨çš„ã‹ãªã¨æ€ã†ã‚‚ã®ã‚’20å€‹ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ã„ã„å¾©ç¿’ã«ãªã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ CSSã‚»ãƒ¬ã‚¯ã‚¿ã¯ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã™ã‚‹å¯¾è±¡ã‚’æŒ‡å®šã™ã‚‹ã‚‚ã®ã§ã™ã€‚æ™®æ®µä½•æ°—ãªãä½¿ã£ã¦ã„ã‚‹classã‚„idãªã©ã‚‚ã‚»ãƒ¬ã‚¯ã‚¿ã®ï¼‘ã¤ã§ã™ã€‚ å±žæ€§ã‚„è¦ç´ ã¨ã„ã£ãŸå …è‹¦ã—ã„ç”¨èªžãŒå‡ºã¦ãã¾ã™ã®ã§å›³ã§ç°¡å˜ã«èª¬æ˜Žã—ã¾ã™ã€‚ ç§ã®ã‚ˆã†ã«åŸºç¤Žã‹ã‚‰å‹‰å¼·ã—ã¦ã„ãªã„ã¨ã€è¦ç´ ã‚„å±žæ€§ã¨èžã„ã¦ã‚‚ãƒ”ãƒ³ã¨ãã¾ã›ã‚“ãŒã€çŸ¥ã£ã¦ã¿ã‚‹ã¨ãªã‚“ã¦ã“ã¨ã¯ãªã„ã§ã™ãã€‚ ã¾ãŸã€IEãŒå¯¾å¿œã—ãã‚Œã¦ã„ãªã„CSS3ã®ã‚»ãƒ¬ã‚¯ã‚¿ã‚‚ã‚ã‚Šã¾ã™ãŒã€IE6ï½ž8ã§ã‚‚CSS3ã‚»ãƒ¬ã‚¯ã‚¿ãŒåˆ©ç”¨ã§ãã‚‹ãƒ„ãƒ¼ãƒ«ã®æ±ºå®šç‰ˆã€ŒSelectivizrã€ ã§ç´¹ä»‹ã—ãŸã‚ˆã†ã«CSS3ã‚»ãƒ¬ã‚¯ã‚¿ã¯ieå¯¾ç–ã‚‚å®¹æ˜“ãªã®ã§ãœã²ãŠè©¦ã—ãã ã•ã„ã€‚ Selectivizrã¯CSSã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã§æŒ‡å®šã—ãŸæ–¹ãŒã„ã„ã®ã§ã™ãŒã€ä»Šå›žã®ã‚µãƒ³ãƒ—ãƒ«ã¯CSSã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«
sorano_k 2011/06/15
ãŠã•ã‚‰ã„ã€‚

webåˆ¶ä½œ

css
ãƒªãƒ³ã‚¯
ã©ã®ãƒ—ãƒã‚°ãƒ©ãƒ è¨€èªžã‚’è¦šãˆã‚Œã°ã„ã„ã®ã‹åˆ†ã‹ã‚‰ãªã„ã£ã¦ã„ã†åˆå¿ƒè€…ã•ã‚“ã®ãŸã‚ã®ã‚¬ã‚¤ãƒ‰ï¼ˆWebï¼‰
ä½œã‚ŠãŸã„ Webã‚µã‚¤ãƒˆã®ã‚¢ã‚¤ãƒ‡ã‚¢ã¯ã‚ã‚‹ã‘ã©ã€ã©ã‚“ãªãƒ—ãƒã‚°ãƒ©ãƒ ã‚’å‹‰å¼·ã—ãŸã‚‰ã„ã„ã‹åˆ†ã‹ã‚‰ãªã„äºº ... ã¨ã„ã†äººã®ãŸã‚ã®ã€ã–ã£ãã‚Šã¨ã—ãŸã‚¬ã‚¤ãƒ‰ã§ã™ã€‚ HTML ã¨ CSS ã¯ã‚ã‹ã‚‹ã‘ã© ... ã¨ã„ã†åˆå¿ƒè€…ã•ã‚“ãŒå¯¾è±¡ã®è¨˜äº‹ã«ãªã£ã¦ã¾ã™ã€‚ ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆä¸Šã«ã¯æœ¬å½“ã«è‰²ã‚“ãª Webã‚µã‚¤ãƒˆãŒã‚ã£ã¦ã€ã“ã‚“ãªã‚µã‚¤ãƒˆã‚’è‡ªåˆ†ã§ã‚‚ä½œã£ã¦ã¿ãŸã„ãªãƒ¼ã¨æ€ã†äº‹ãŒãŸãã•ã‚“ã‚ã‚Šã¾ã™ã€‚ã§ã‚‚ã€ã„ã–è‡ªåˆ†ã§ä½œã£ã¦ã¿ã‚ˆã†ã¨æŒ‘æˆ¦ã—ã‚ˆã†ã¨æ€ã£ã¦ã‚‚ã€ã“ã‚Œã£ã¦ä½•ã§ã§ãã¦ã‚‹ã‚“ã ã‚ã†ã¨è€ƒãˆã¾ã™ã€‚ãã†ã„ãˆã°ã€ã¾ã Webã‚µã‚¤ãƒˆã‚’ä½œã‚Šå§‹ã‚ã‚‹ãšã£ã¨å‰ã«ã‚‚ãã‚“ãªé¢¨ã«æ€ã£ã¦ã„ãŸåˆå¿ƒè€…æ™‚ä»£ãŒã‚ã‚Šã¾ã—ãŸã€‚ ã‚„ã‚ŠãŸã„äº‹ã¯ã‚ã‚‹ã‘ã‚Œã©ã€ã¾ãšã€ã©ã‚“ãªãƒ—ãƒã‚°ãƒ©ãƒ ã‚’å‹‰å¼·ã™ã‚Œã°ã„ã„ã®ã‹ã€ãã“ã‹ã‚‰ãŒåˆ†ã‹ã‚‰ãªã‹ã£ãŸã‚“ã§ã™ã‚ˆããƒ¼ã€‚ãƒ—ãƒã‚°ãƒ©ãƒ ã¨ã²ã¨è¨€ã§ã„ã£ã¦ã‚‚ã€Cè¨€èªžç³»ã€PHPã€Javaã€Perlã€Javascript â€¦ æœ¬å½“ã«ãŸãã•ã‚“ã‚ã£ã¦ã€åˆå¿ƒè€…ã•ã‚“ã«ã¯æ„å‘³ä¸æ˜Žã ã¨æ€ã„
sorano_k 2010/11/30
css

html

javascript

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
[CSS]å¹…ã¯å¯å¤‰ã§é«˜ã•ã¯ç•°ãªã‚‹ã‚«ãƒ©ãƒ ã®é«˜ã•ã‚’ç‰ã—ãã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã¾ã¨ã‚
å¹…ã¯%ã§æŒ‡å®šã—ãŸå¯å¤‰ã€é«˜ã•ã¯ãã‚Œãžã‚Œç•°ãªã‚‹ã‚«ãƒ©ãƒ ã‚’ä½¿ã£ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ä½¿ç”¨ã—ã¦ã‚«ãƒ©ãƒ ã®é«˜ã•ã‚’ç‰ã—ãã™ã‚‹ä»Šã¾ã§ã®æ–¹æ³•ã‹ã‚‰ã€ã“ã‚Œã‹ã‚‰ã®æ–¹æ³•ã¾ã§ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Fluid Width Equal Height Columns [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ Doug Neiner ãƒ¡ã‚½ãƒƒãƒ‰ Nicolas Gallagher ãƒ¡ã‚½ãƒƒãƒ‰ Using Tables One True Layout ãƒ¡ã‚½ãƒƒãƒ‰ Flexbox ãƒ¡ã‚½ãƒƒãƒ‰ ãƒ¡ãƒ¢ è¨³è€…æ³¨ å„ãƒ‡ãƒ¢ã¯ã€Œ:nth-childã€ã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ãŸã‚ã€ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã®ã¿æœŸå¾…é€šã‚Šã«è¡¨ç¤ºã—ã¾ã™ã€‚è©³ã—ãã¯ã€Œãƒ¡ãƒ¢ã€ã‚’å‚ç…§ãã ã•ã„ã€‚ Doug Neiner ãƒ¡ã‚½ãƒƒãƒ‰ ã€ŒDoug Neinerã€ãƒ¡ã‚½ãƒƒãƒ‰ã¯ã€CSS3ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‹ã‚‰ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’å¾—ãŸæ–¹æ³•ã§ã™ã€‚ [css] .five-columns { background-i
sorano_k 2010/10/20
css

ã¾ã¨ã‚

tips

webdesign
ãƒªãƒ³ã‚¯
è„±åˆç´šè€…ã®ãŸã‚ã®HTML/CSSè§£èª¬ã‚µã‚¤ãƒˆï¼†ãƒ–ãƒã‚°ã¾ã¨ã‚29ä»¶ - ã€ãµã‚‰ã¶ã‚ã€‘
HTMLã‚„CSSã‚’æ›¸ã„ã¦ã¦ã¤ã¾ãšã„ãŸã¨ãã«ã€ã‚°ã‚°ã‚‹ã‚ˆã‚Šå…ˆã«è¦‹ã¦ã¿ã‚‹ã¨ã„ã„ã‹ã‚‚ã—ã‚Œãªã„è§£èª¬ã‚µã‚¤ãƒˆãƒ»ãƒ–ãƒã‚°ã‚’ã¾ã¨ã‚ã¦ã”ç´¹ä»‹ã€‚é †ä¸åŒã§ã™ã€‚ã„ãã¤ã‹åå‰ã‚’æ€ã„å‡ºã›ãªã„ã‚µã‚¤ãƒˆãŒã‚ã‚‹ã®ã§ã€å¾Œã‹ã‚‰è¿½åŠ ã™ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ 1. ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ç³»ã®ã‚µã‚¤ãƒˆ Mozilla Developer Network ã—ã‚‰ãŽãã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆä½œæˆå…¥é–€ World Wide Web Guide CSS HappyLife ZERO ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã‚„ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ã®è©± â€“ The Web KANZAKI 2. HTML/CSSã‚’é‡ç‚¹çš„ã«è§£èª¬ã‚’ã•ã‚Œã¦ã„ã‚‹æ°—ãŒã™ã‚‹ãƒ–ãƒã‚° ãƒ‘ã‚·ãƒ£ãƒã‚° CSS EBLOG CSS Lecture THE HAM MEDIA ãƒ¨ãƒ¢ãƒ„ãƒãƒƒãƒˆ CSS Happylife Takazudo Clipping â†’ç§»è»¢â†’ zudoblog ã¨ãã©ãHTML/CSSã®è§£èª¬ã‚’ã•ã‚Œã¦ã„ã‚‹ãƒ–ãƒã‚°
sorano_k 2010/08/07
css

html

webåˆ¶ä½œ

webdesign

web

tips
ãƒªãƒ³ã‚¯
Firebugã®ä½¿ã„æ–¹ | THE HAM MEDIA
Webã‚µã‚¤ãƒˆåˆ¶ä½œã‚’ã—ã¦ã„ã‚‹æ–¹ã«ã¯ã€å¿…éœ€å“ãªã‚“ã˜ã‚ƒãªã„ã‹ã¨æ€ã‚ã‚Œã‚‹ãã‚‰ã„ä¾¿åˆ©ãªFirefoxã®ã‚¢ãƒ‰ã‚ªãƒ³ã€ŽFirebugã€ã€‚HTMLã‚„CSSã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’æ‹…å½“ã—ã¦ã„ã‚‹äººã®å¤šãã¯ã„ã‚Œã¦ã„ã‚‹ã‚¢ãƒ‰ã‚ªãƒ³ã§ã™ãã€‚ Firebugã‚’å…¥ã‚Œã¦ä½¿ã£ã¦ã„ã‚‹äººã¯å¤šã„ã‚ˆã†ãªã®ã§ã™ãŒã€æ„å¤–ã¨çŸ¥ã‚‰ã‚Œã¦ã„ãªã„æ©Ÿèƒ½ãŒç››ã‚Šæ²¢å±±ã ã£ãŸã¨ã„ã†ã“ã¨ãŒã€å…ˆæ—¥ã®å‹‰å¼·ä¼šï¼ˆSaCSSï¼‰ã«ã¦ç™ºè¦šï¼ä½¿ã£ã¦ã„ã‚‹ã¨ã„ã£ã¦ã‚‚ã€ä¸€éƒ¨ã®æ©Ÿèƒ½ã«é™ã‚‰ã‚Œã¦ã—ã¾ã£ã¦ã„ã‚‹ã‚ˆã†ãªã®ã§ã™ã€‚ ã‚‚ã¡ã‚ã‚“ã€Œãã‚“ãªæ©Ÿèƒ½çŸ¥ã£ã¦ã‚‹ã‚ˆï¼ã€ã¨ã„ã†ãã‚‰ã„ä½¿ã£ã¦ã„ã‚‹äººã‚‚å¤šã„ã¨æ€ã„ã¾ã™ã€‚ã—ã‹ã—ã€ãã‚“ãªã«ä½¿ã„ã“ãªã›ã¦ã„ãªã„ã‚„ã€æ´»ç”¨ã§ãã¦ã„ãªã„ï¼ã¨ã„ã†äººã‚‚å‹‰å¼·ä¼šã®æ™‚ã«å¤šã‹ã£ãŸã‚ˆã†ã«ã€å®Ÿéš›ã«ã‚‚å¤šã„ã¯ãšï¼ Firebugã®ä½¿ã„æ–¹ã‚’ã‚‚ã†å°‘ã—çŸ¥ã£ã¦ã„ã‚‹ã¨ã€Webã‚µã‚¤ãƒˆã®åˆ¶ä½œã®æ™‚ã«ä¾¿åˆ©ã ï¼ã¨æ€ãˆã‚‹å ´é¢ãŒå¤šã€…ã§ã¦ãã‚‹ã®ã§ã€æ˜¯å¦ä»Šå›žã”ç´¹ä»‹ã™ã‚‹æ©Ÿèƒ½ã¯æŠ‘ãˆã¦ãŠãã€æ´»ç”¨ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ HTML&CSSã®ç¢ºèª
sorano_k 2010/06/25
webåˆ¶ä½œ

css

html

tips
ãƒªãƒ³ã‚¯
é–²è¦§è€…ãŒã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’åˆ‡ã‚Šæ›¿ãˆã‚‰ã‚Œã‚‹æ©Ÿèƒ½ã‚’ä½œã‚‹ [ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ä½œæˆ] All About
ç¾åœ¨ã®ãƒšãƒ¼ã‚¸ã§èªã¿è¾¼ã‚“ã§ã„ã‚‹CSS(ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ)ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã€é–²è¦§è€…ãŒãƒ—ãƒ«ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ä½¿ã£ã¦(CSSãƒ•ã‚¡ã‚¤ãƒ«ã”ã¨)åˆ‡ã‚Šæ›¿ãˆã‚‰ã‚Œã‚‹æ©Ÿèƒ½ã‚’ä½œã£ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ CSSãƒ•ã‚¡ã‚¤ãƒ«ãã®ã‚‚ã®ã‚’å‹•çš„ã«å¤‰æ›´ã§ãã‚‹(ç½®ãæ›ãˆã‚‰ã‚Œã‚‹)ã®ã§ã€ãƒšãƒ¼ã‚¸ã®è£…é£¾ã‚„ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å¤§ããå¤‰ãˆã‚‰ã‚Œã¾ã™ã€‚ è¤‡æ•°ã®ãƒšãƒ¼ã‚¸ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç”¨æ„ã—ã¦ãŠã„ã¦ã€é–²è¦§è€…ãŒè‡ªèº«ã®å¥½ã¿ã«å¿œã˜ã¦åˆ‡ã‚Šæ›¿ãˆã‚‰ã‚Œã‚‹ã‚ˆã†ã«ã—ãŸã‚Šã€ç”»åƒç´ æé…å¸ƒã‚µã‚¤ãƒˆãªã©ã§ã€ã©ã®ã‚ˆã†ãªãƒšãƒ¼ã‚¸ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã¨ãã«ç´ æãŒã©ã®ã‚ˆã†ã«è¦‹ãˆã‚‹ã®ã‹ã‚’ç¢ºèªã•ã›ãŸã„å ´åˆãªã©ã«æ´»ç”¨ã§ãã‚‹ã§ã—ã‚‡ã†ã€‚ CSSãƒ•ã‚¡ã‚¤ãƒ«ã‚’å‹•çš„ã«åˆ‡ã‚Šæ›¿ãˆã‚‰ã‚Œã‚‹æ©Ÿèƒ½ã®ä¾‹ ä¸‹è¨˜ã®ãƒ—ãƒ«ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å¤‰æ›´ã™ã‚‹ã¨ã€èªã¿è¾¼ã¾ã‚Œã¦ã„ã‚‹CSSãƒ•ã‚¡ã‚¤ãƒ«ãŒå¤‰æ›´ã•ã‚Œã€ãƒœãƒƒã‚¯ã‚¹å†…ã®è£…é£¾ãŒå¤‰åŒ–ã—ã¾ã™ã€‚è©¦ã—ã«å¤‰æ›´ã—ã¦ã¿ã¦ä¸‹ã•ã„ã€‚ â€»JavaScriptãŒæœ‰åŠ¹ãªå ´åˆã®ã¿å‹•ä½œã—ã¾ã™ã€‚ â€»CSSãƒ•ã‚¡ã‚¤ãƒ«ãŒæ–°ãŸã«èªã¿è¾¼ã¾ã‚Œã‚‹ã¾ã§ã€æ•°çž¬ã®å¾…ã¡æ™‚é–“ãŒã‚ã‚‹å ´åˆãŒã‚
sorano_k 2010/06/09
æ˜”ä½œã£ãŸã¨ãå‚è€ƒã«ã—ãŸã®ã£ã¦ã“ã®ã‚µã‚¤ãƒˆã ã£ã‘ã‹â€¦ã€‚è‡ªåˆ†ã§æ›¸ã„ãŸã‚½ãƒ¼ã‚¹ãªãã—ã¦ã—ã¾ã£ãŸâ€¦ã€‚

webåˆ¶ä½œ

javascript

css
ãƒªãƒ³ã‚¯
ã‚ˆã‚Šæ—©ãcssã‚„htmlã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒè¡Œãˆãã†ãªæƒ…å ±ã„ã‚ã„ã‚ - ã‹ã¡ã³ã¨.net
Webåˆ¶ä½œã‚’å°‘ã—ã§ã‚‚åŠ¹çŽ‡åŒ–ã—ã‚ˆã† ã¨æ€ã£ã¦ï¼ˆä»Šæ›´ï¼‰ã„ã‚ã„ã‚ä¾¿åˆ©ãã† ãªæƒ…å ±ã‚’æŽ¢ã—ã¾ã—ãŸã€‚æ—¢ã«ä½¿ã£ã¦ ã„ã‚‹æƒ…å ±ã®æ–¹ãŒå¤šã‹ã£ãŸã®ã§ã™ ãŒã€æŠ˜è§’èª¿ã¹ãŸã®ã§ã‚·ã‚§ã‚¢ã—ãŸã„ ã¨æ€ã£ã¦ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã™ã€‚ ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’ã‚‚ã£ã¨å††æ»‘ã«ã€ã¨ã„ã†æ—¨ã®æƒ…å ±ã§ã™ã€‚é †ä¸åŒã€‚ã‚ã‚“ã¾ã‚Šå¤šã„ã¨é€†åŠ¹æžœãªã®ã§é‡ã¯çµžã‚Šã¾ã—ãŸã€‚ä¸€å¿œã“ã‚Œã§ã‚‚çµžã‚Šã¾ã—ãŸã€‚çµžã£ãŸã¤ã‚‚ã‚Šã€‚ zen-coding è©±é¡Œã«ãªã£ãŸzen-codingã€‚ã ã„ã¶æ…£ã‚Œã¦æ¥ãŸæ–¹ã‚‚ã„ã‚‰ã£ã—ã‚ƒã‚‹ã®ã§ã¯ã€‚ zen-codingï¼ˆæœ¬å®¶ï¼‰ HTMLã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒ3å€é€Ÿããªã‚‹ï¼Ÿã€ŒZen-Codingã€ ç§€ä¸¸Zen- Codingãƒžã‚¯ãƒ ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®åŠ¹çŽ‡åŒ–ã‚’å›³ã‚‹Zen codingã‚’Dreamweaver cs4ã«å…¥ã‚Œã‚‹æ–¹æ³• WP Zen-CodingãŒå‡„ãä¾¿åˆ© åˆæœŸè¨å®šã¨ã‹Tipsã¨ã‹ åˆ¶ä½œå‰ã«çŸ¥ã£ã¦ãŠãã¨ä¾¿åˆ©ãªã‚³ãƒ¼ãƒ‰ã¨ã‹Tipsã„ã‚ã„ã‚ã€‚ cssæ›¸ãå‰ã«ãƒã‚§ãƒƒã‚¯ã€‚ ã‚‚ã†ã€cla
sorano_k 2010/06/09
webåˆ¶ä½œ

html

css

ä¾¿åˆ©

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
canvasã§ã‚ãƒ©ã‚ãƒ©ã—ãŸèƒŒæ™¯ã‚’ä½œã‚‹æ–¹æ³• - KAYAC Engineers' Blog
tech.kayac.comã€ã•ã•ã‚„ã‹ã«ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ã¾ã—ãŸï¼ tech.kayac.comã‚’ã”è¦§ã®çš†ã•ã‚“ã€ã¯ã˜ã‚ã¾ã—ã¦ã€‚æ„åŒ éƒ¨MEèª²ã®fuchigamiã¨ã„ã„ã¾ã™ã€‚ ã©ã†ã—ã¦æŠ€è¡“éƒ¨ãƒ–ãƒã‚°ã«æ„åŒ éƒ¨ã®é‡ŽéƒŽãŒï¼Ÿã£ã¦æ„Ÿã˜ã§ã™ãŒã€ æŠ€è¡“éƒ¨ãƒ–ãƒã‚°ã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«è¨˜å¿µã¨ã„ã†ã“ã¨ã§ã€ã¡ã‚ƒã£ã‹ã‚Šcanvasã«ã¤ã„ã¦è¨˜äº‹ã‚’æ›¸ã“ã†ã¨æ€ã„ã¾ã™ã€‚ æœ€åˆãªã®ã§ã€ã€ã€ ç°¡å˜ã«ã¼ãã®å±žæ€§ã‚’èª¬æ˜Žã™ã‚‹ã¨ã€html5ã¨ã‹å¥½ãã€CSS3ã¨ã‹å¥½ãã€canvasã¨ã‹èˆˆå‘³ã‚ã‚‹ã€éžãƒ¢ãƒ†ã€javascriptã¯jQueryãŒãªã‚“ã¨ãªãã‚ã‹ã‚‹ç¨‹åº¦ã€éžãƒªã‚¢å……ã€‚ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ ä»Šå›žã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã§ã¯ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°å…¨èˆ¬ã‚’æ‹…å½“ã—ã¾ã—ãŸã€‚ ç‰¹ã«ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã«é–¢ã—ã¦ã¯ãƒ‰ç´ äººã ï¼ã¨ã„ã†ã“ã¨ã‚’å¼·èª¿ã—ã¦ãŠãã¾ã™ã€‚ ãã‚“ãªã¼ããŒã€canvasã‚’ä½¿ã£ã¦ã‚ãƒ©ã‚ãƒ©ã—ãŸèƒŒæ™¯ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸ ã€Œãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã™ã‚‹ã‹ã‚‰ã«ã¯æ–°ã—ã„ã“ã¨ãŒã‚„ã‚ŠãŸã„ã‚ˆãã€‚ã ã£ãŸã‚‰html5ã¨c
sorano_k 2010/05/14
html

css

javascript

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
| test
mameshibankã•ã‚“ è±†æŸ´æ—¥å’Œ amecustomã•ã‚“ ã‚¢ãƒ¡ãƒ–ãƒã‚’é…ã›ã‚‹ãƒ–ãƒã‚°ãƒ‡ã‚¶ã‚¤ãƒ³ã«å¤‰èº«ã€‚ãƒ–ãƒã‚°ä½œæˆæ–¹æ³•ã€ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã€è£æŠ€ã‚¹ã‚ãƒ³ã‚«ã‚¹ã‚¿ãƒ CSSç·¨é›†æ–¹æ³•å…¬é–‹ï¼ jade-taã•ã‚“ è„šæœ¬å®¶ã«ã‚ˆã‚ã—ãã€‚ nisishowã•ã‚“ ãƒªãƒ•ã‚©ãƒ¼ãƒ ã§åœ°åŸŸç¤¾ä¼šã«è²¢çŒ® ringo417-maã•ã‚“ â˜… æœˆã«è² ã‘çŠ¬ â˜… cairã•ã‚“ åºƒå ±ï¼†IRæ‹…å½“ã®ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒ–ãƒã‚° shikamaã•ã‚“ åƒè‘‰ã®æ±äº¬å¯„ã‚Šã§ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸åˆ¶ä½œï¼†ä¼ç”»ãƒ»é‹ç”¨ä¸ï¼ saijoã•ã‚“ çµŒå–¶ã«çµ‚ã‚ã‚Šã¯ãªã„ nina-yuanbeauteã•ã‚“ èŠ³æ‘ä»å¥ˆã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒ–ãƒã‚°ã€ŒNina's Diaryã€Powered by Ameba frontier-ceo-bossã•ã‚“ ãƒ•ãƒãƒ³ãƒ†ã‚£ã‚¢ç¤¾é•· ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒ–ãƒã‚° Powered by Ameba ohtias-ceoã•ã‚“ ã‚½ãƒ¼ã‚¨ãƒÃ—ã‚ªãƒ¼ãƒã‚¢ã‚¹ç¤¾é•· alfortã•ã‚“ å¿µãšã‚Œã°èŠ±ã²ã‚‰ãã€Œä¼šç¤¾çµŒå–¶ã€
sorano_k 2010/04/29
webåˆ¶ä½œ

webdesign

css

tips
ãƒªãƒ³ã‚¯
è¦šãˆã¦è‰¯ã‹ã£ãŸ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
sorano_k 2010/04/23
webåˆ¶ä½œ

webdesign

html

css
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ãŠã™ã™ã‚ Google Chromeã‚¨ã‚¯ã‚¹ãƒ†ãƒ³ã‚·ãƒ§ãƒ³ã„ã‚ã„ã‚ | DesignWalker
sorano_k 2010/04/20
webdesign

css

google

javascript
ãƒªãƒ³ã‚¯
[CSS]ã‚µã‚¤ã‚ºãŒã°ã‚‰ã°ã‚‰ã§ç„¡æŒ‡å®šã®ç”»åƒã‚’ä¸€å®šã‚µã‚¤ã‚ºã§è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
ç”»åƒã‚’å¤§é‡ã«é…ç½®ã™ã‚‹ECã‚µã‚¤ãƒˆãªã©ã«ä¾¿åˆ©ãã†ãªã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’CSSplayã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ CSS play - F.a.S.T - Fit and Shrink Technique ãƒ‡ãƒ¢ ã‚µã‚¤ã‚ºã¯ã°ã‚‰ã°ã‚‰ã§ã€ã—ã‹ã‚‚ã‚µã‚¤ã‚ºã®æŒ‡å®šã‚’ãŠã“ãªã£ã¦ã„ãªã„ç”»åƒã‚’ä¸€å®šã®å¹…ã¨é«˜ã•ã®ãƒœãƒƒã‚¯ã‚¹ã«ã‚¢ã‚¹ãƒšã‚¯ãƒˆæ¯”ã‚’ç¶æŒã—ãŸã¾ã¾çœŸã‚“ä¸ã«è¡¨ç¤ºã—ã¾ã™ã€‚ ä¸Šè¨˜ã®ã‚ãƒ£ãƒ—ãƒãƒ£ã¯ã‚¹ã‚±ãƒ¼ãƒ«ã‚’å¤‰ãˆã¦ã„ã‚‹ã®ã§ã€ãœã²å…ƒã‚µã‚¤ãƒˆã®ãƒ‡ãƒ¢ã‚’ã”ç¢ºèªãã ã•ã„ã€‚ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯IE7/8, Fx, Op, Safari(PC), Chromeãªã©ä¸»è¦ãªãƒ–ãƒ©ã‚¦ã‚¶ã®ã»ã¨ã‚“ã©ã§å‹•ä½œã—ã¾ã™ã€‚ IE6ã§ã¯ç”»åƒã®å…ƒã‚µã‚¤ã‚ºã§è¡¨ç¤ºã•ã‚Œã¦ã—ã¾ã„ã€ã—ã‹ã‚‚ãƒœãƒƒã‚¯ã‚¹ã®çœŸã‚“ä¸ã«ã¯è¡¨ç¤ºã•ã‚Œãªã„ã€ã¨ã®ã“ã¨ã§ã™ã€‚
sorano_k 2010/04/13
css

webdesign
ãƒªãƒ³ã‚¯
ç„¡é§„ãªdivè¦ç´ ã‚„classã ã‚‰ã‘ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‹ã‚‰å’æ¥ã™ã‚‹æ–¹æ³•
ã‚°ãƒªãƒƒãƒ‰ãƒ™ãƒ¼ã‚¹ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ä½œæˆã™ã‚‹ã¨ã€ã¤ã„ã¤ã„divè¦ç´ ã‚’å¤šç”¨ã—ã¦ã—ã¾ã„ãŒã¡ã§ã™ãŒã€æ„å‘³ã®ã‚ã‚‹ãƒ‡ãƒ¼ã‚¿ã«ã¯ãã‚Œã«é©ã—ãŸè¦ç´ ã‚’ä½¿ç”¨ã—ã€ç„¡é§„ãªdivè¦ç´ ã‚„classã ã‚‰ã‘ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‹ã‚‰å’æ¥ã™ã‚‹æ–¹æ³•ã‚’Webdesigner Depotã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Fight Div-itis and Class-itis With the 960 Grid System ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ ã¯ã˜ã‚ã« CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ï¼š960.gsã®å ´åˆ classã®ä¹±ç”¨ã‚’é¿ã‘ã‚‹ ãƒªã‚¹ãƒˆè¦ç´ ã®ä½¿ç”¨ ç”»åƒã¨ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ã®ä½¿ç”¨ è¤‡æ•°ã®è¦‹å‡ºã—ã¨ãƒ‘ãƒ©ã‚°ãƒ©ãƒ•ã®ä½¿ç”¨ åè¦ç´ ã®classã¯è¦ªè¦ç´ ã« ã¯ã˜ã‚ã« æ•°å¹´å‰ã¾ã§ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã®è¨è¨ˆã¯ãƒ†ãƒ¼ãƒ–ãƒ«ãŒã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã§ã—ãŸã€‚ãã—ã¦CSSã¯ãã‚Œã‚’å¤§ããå¤‰ãˆã€ä»Šæ—¥ã§ã¯CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã®è¨è¨ˆã‚’å®¹æ˜“ã«ã—ã¦ãã‚Œã¦ã„ã¾ã™ã€‚ ã—ã‹ã—ãªãŒã‚‰ã€ã“ã®CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯
sorano_k 2010/04/02
webåˆ¶ä½œ

css

tips
ãƒªãƒ³ã‚¯
ã€ãƒã‚¦ãƒ„ãƒ¼ã€‘JavaScriptã„ã‚‰ãšã€CSS3ã§ä½œã‚‹ã‚·ãƒ³ãƒ—ãƒ«&ã‚¯ãƒ¼ãƒ«ãªå¤šæ®µãƒ¡ãƒ‹ãƒ¥ãƒ¼ (1) CSS3 Dropdown Menuã¨ã¯ | ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚º | ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«
JavaScriptã‚’ä½¿ã‚ãšã€CSS3ã§ä½œã‚‹ã‚¯ãƒ¼ãƒ«ãªå¤šæ®µãƒ¡ãƒ‹ãƒ¥ãƒ¼ WebDesignerWallã«ãŠã„ã¦CSS3ã‚’åˆ©ç”¨ã—ãŸã€MacOSã®ã‚ˆã†ãªå¤šæ®µãƒ¡ãƒ‹ãƒ¥ãƒ¼(Mac-like multi-level dropdown menu)ã‚’ä½œæˆã™ã‚‹æ–¹æ³•ãŒå…¬é–‹ã•ã‚ŒãŸ(ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«ã®ãƒ‹ãƒ¥ãƒ¼ã‚¹è¨˜äº‹ - CSS3ã§ç¶ºéº—ãªãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ä½œã‚‹æ–¹æ³•)ã€‚CSS3ã®æ–°æ©Ÿèƒ½ã§ã‚ã‚‹border-radiusã‚„box-shadow, text-shadowã‚’æ´»ç”¨ã—ã€JavaScriptã‚’ä½¿ã‚ãšã«ã‚¯ãƒ¼ãƒ«ãªå¤šæ®µãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å®Ÿç¾ã—ã¦ã„ã‚‹ã€‚ CSS3 Dropdown Menu - CSS Codeã‚ˆã‚Šå¼•ç”¨ CSS3 Dropdown Menuã¯Firefoxã¨Safariã€ãã—ã¦Chromeã§å®Œç’§ã«ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã•ã‚Œã‚‹ã€‚Internet Explorer 7ä»¥é™ã®ã‚ˆã†ãªCSS3ã«å¯¾å¿œã—ã¦ã„ãªã„Webãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚å‹•ä½œã™ã‚‹
sorano_k 2010/03/25
webåˆ¶ä½œ

tips

css

webdesign
ãƒªãƒ³ã‚¯
ãƒã‚¤ãƒ‘ãƒ¼ãƒ†ã‚ã‚¹ãƒˆãƒªãƒ³ã‚¯ã®ã‚¹ã‚¿ã‚¤ãƒ«å¤§å…¨
ãƒã‚¤ãƒ‘ãƒ¼ãƒ†ã‚ã‚¹ãƒˆãƒªãƒ³ã‚¯ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ä¸Šã§çŸ¥ã£ã¦ãŠããŸã„åŸºç¤ŽçŸ¥è˜ã‹ã‚‰ã€å®Ÿç”¨çš„ãªãƒãƒƒãƒ—ã‚¹ã€ã‚„ã£ã¦ã¯ã„ã‘ãªã„é–“é•ã„ãªã©ã€ã™ãã«å½¹ç«‹ã¤ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’Smashing Magazineã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ The Definitive Guide To Styling Web Links ä»¥ä¸‹ã¯ã€å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ ã¯ã˜ã‚ã« ãƒã‚¤ãƒ‘ãƒ¼ãƒ†ã‚ã‚¹ãƒˆãƒªãƒ³ã‚¯ï¼ˆãƒªãƒ³ã‚¯ï¼‰ã¯ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã‚’ã¤ãªãŽã¾ã™ã€‚Web Standardistasã«ã‚ˆã‚‹ã¨ã€Œãƒã‚¤ãƒ‘ãƒ¼ãƒ†ã‚ã‚¹ãƒˆãƒªãƒ³ã‚¯ç„¡ã—ã§ã¯ã‚¦ã‚§ãƒ–ã¯ã‚¦ã‚§ãƒ–ã§ã¯ãªãã€ãã‚Œã¯ãŸã åˆ¥å€‹ã®ã€ç„¡é–¢ä¿‚ãªãƒšãƒ¼ã‚¸ã®ã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã§ã—ã‚‡ã†ã€ã¨è¨€ã£ã¦ã„ã¾ã™ã€‚ æˆ‘ã€…ã¯ãƒšãƒ¼ã‚¸ã«ãŸã©ã‚Šç€ã„ãŸã‚‰ã€ã‚ã‚‹ç¨®ã®ãƒªãƒ³ã‚¯ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹å¿…ç„¶æ€§ãŒã‚ã‚Šã¾ã™ã€‚ 1. CSSã®ã‚»ãƒ¬ã‚¯ã‚¿ã¨æ“¬ä¼¼ã‚¯ãƒ©ã‚¹ ãƒªãƒ³ã‚¯ã‚’ã‚¹ã‚¿ã‚¤ãƒ«ã™ã‚‹æ™‚ã«ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ãƒšãƒ¼ã‚¸ã‚’æµã—èªã¿ã™ã‚‹ã“ã¨ã‚’å¿˜ã‚Œãªã„ã§ãã ã•ã„ã€‚ãã®ãŸã‚ã€ãƒªãƒ³ã‚¯ç®‡æ‰€ã¯ã—ã£ã‹ã‚Šã¨æ˜Žç¤ºã™ã¹ãã§ã™
sorano_k 2010/02/16
css

webåˆ¶ä½œ

html

webdesign
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸