[B! ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ] qzk05715ã®ãƒ

qzk05715 id:qzk05715

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«é–¢ã™ã‚‹qzk05715ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (28)

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

ãƒŽãƒ³ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã“ãæŠ¼ã•ãˆã¦ãŠããŸã„! é…è‰²ãƒ»ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®åŸºç¤ŽãŒå¦ã¹ã‚‹7å€‹ã®åŽ³é¸ã‚¹ãƒ©ã‚¤ãƒ‰
ã¾ã ã¾ã ãƒ¡ãƒ³ãƒãƒ¼ã®æ•°ãŒå°‘ãªãã€è·ç¨®ã”ã¨ã®è·é›¢ãŒè¿‘ã„ã‚¹ã‚¿ãƒ¼ãƒˆã‚¢ãƒƒãƒ—ã€‚ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ä»•äº‹ã‚’ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã‚„ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒç†è§£ã™ã‚‹ã“ã¨ãŒã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’å††æ»‘ã«é€²ã‚ã‚‹ç§˜è¨£ã§ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ã¯ãªã„æ–¹ã€…ã«ã¨ã£ã¦ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒæ™®æ®µä½•ã‚’æ‚©ã¿ã€ã©ã®ã‚ˆã†ã«Webãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¦ã„ã‚‹ã®ã‹çŸ¥ã‚‹ã®ã¯ã€éžå¸¸ã«é‡è¦ã¨è¨€ãˆã‚‹ã§ã—ã‚‡ã†ã€‚ä»Šå›žã¯åŽ³é¸ã—ãŸ7ã¤ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’ã”ç´¹ä»‹ã—ãªãŒã‚‰ã€ã€Œé…è‰²ã€ã€Œãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ã¨ã„ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¨ãƒƒã‚»ãƒ³ã‚¹ã‚’å¦ã³ã¾ã™ã€‚ ã‚‚ã¡ã‚ã‚“ã€æœ¬è·ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ–¹ã«ã‚‚å½¹ç«‹ã¤ã‚¹ãƒ©ã‚¤ãƒ‰7é€£ç™ºã§ã™ï¼ ï¼‘ï¼Žè‰²å½©ã‚»ãƒ³ã‚¹ã®ã„ã‚‰ãªã„é…è‰²è¬›åº§ 7000ã„ã„ã! ã•ã‚ŒãŸã‚¹ãƒ©ã‚¤ãƒ‰ ã€Œæ™‚é–“ãŒãªã„ï¼ ä»Šã™ãä½œã‚Šå§‹ã‚ãªã„ã¨ç´æœŸã«é–“ã«åˆã‚ãªã„ï¼ ã§ã‚‚ã©ã‚“ãªè‰²ã‚’ä½¿ã£ãŸã‚‰ã„ã„ã‹åˆ†ã‹ã‚‰ãªã„ï¼ã€ãã‚“ãªäººã«ãŠã™ã™ã‚ãªã®ãŒã‚³ãƒ¬ã€‚Facebookã§7000ä»¥ä¸Šã®ã„ã„ã!ãŒã¤ã„ãŸã€@marippe_ã•ã‚“ã®ãƒ¢ãƒ³ã‚¹ã‚¿ãƒ¼ã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚ é…è‰²ã‚„æ˜Žåº¦ãƒ»å½©åº¦ã®åŸºç¤Žã‚’ãŠ
qzk05715 2013/05/16
Webãƒ‡ã‚¶ã‚¤ãƒ³

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

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

ã‚¹ãƒ©ã‚¤ãƒ‰

*ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
ãƒ›ãƒ¯ã‚¤ãƒˆã‚¹ãƒšãƒ¼ã‚¹ä½¿ã£ãŸã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®è€ƒãˆæ–¹
ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®è¦ç´ ã‚’ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ã™ã‚‹éš›ã«éžå¸¸ã«é‡è¦ãª ãƒ›ãƒ¯ã‚¤ãƒˆã‚¹ãƒšãƒ¼ã‚¹ã®è€ƒãˆæ–¹ã«ã¤ã„ã¦ã€ã™ã“ã—ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ç§ãŒäººã«ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æ•™ãˆã‚‹ã¨ãã¯ã€ã¾ãšã“ã“ã‹ã‚‰å§‹ã‚ã¾ã™ã€‚ boxã¨boxã¨ã®ç©ºé–“ã®é–‹ã‘æ–¹ã€è¦ç´ ã¨è¦ç´ ã®ã€Œé–“ã€ã¯ã€éŸ³æ¥½ã§ã„ã†ã¨ã“ã‚ã®ã€Œãƒªã‚ºãƒ ã€ã ã¨è€ƒãˆã¦ã„ã¾ã™ã€‚ ãƒªã‚ºãƒ ãŒæ•´ã£ã¦ã„ã‚Œã°ã€ä»–ã®è¦ç´ ãŒä¸»å¼µã—ãŸã“ã¨ãŒä¸Šæ‰‹ã«ä¼ã‚ã‚Šã¾ã™ã€‚ ãƒªã‚ºãƒ ãŒæ•´ã£ã¦ã„ãªã‘ã‚Œã°ã€ã‘ã‚“ã‹ã—ã‚ã„ã€ä¸å”å’ŒéŸ³ï¼è¦‹ã¥ã‚‰ã„çŠ¶æ³ã‚’ä½œã‚Šå‡ºã—ã¾ã™ã€‚ è‡ªåˆ†ãªã‚Šã®ãƒªã‚ºãƒ ã‚’è¦‹ã¤ã‘ã¦ã„ã‘ã°ã€ãã‚ŒãŒå€‹æ€§ãƒ»ã‚¸ãƒ£ãƒ³ãƒ«ã«ãªã‚‹ã®ã§ã™ã€‚ ã©ã‚ŒãŒé–“é•ã£ã¦ã„ã‚‹ã€ã¨ã„ã†ãŠè©±ã§ã¯ãªãã€ã©ã‚“ãªé¢¨ã«æ„Ÿã˜ãŸã‹ã‚’å¤§äº‹ã«ã—ã¦èªã‚“ã§ã¿ã¦ãã ã•ã„ã€‚ ã¨ã¦ã‚‚ã¨ã¦ã‚‚ã‚·ãƒ³ãƒ—ãƒ«ãªä¾‹ã‚’å‡ºã—ã¦ã¿ã¾ã™ã€‚ Aã¨Bã‚’æ¯”è¼ƒã—ã¦ã¿ã¦ãã ã•ã„ã€‚ ã©ã¡ã‚‰ã®ã»ã†ãŒèªã¿ã‚„ã™ã„ã‚ˆã†ã«æ„Ÿã˜ã¾ã™ã‹ï¼Ÿ ã©ã‚“ãªãµã†ã«æ„Ÿã˜ã¾ã—ãŸã‹ï¼Ÿ ã“ã®ä¾‹ã§ã¯ã€Bã®ã»ã†ã«å¤§ããªä½™ç™½ã‚’ä¸Žãˆã¾ã—ãŸã€‚ ï¼”éš…ã™ã¹ã¦åŒã˜ãã‚‰ã„
qzk05715 2011/09/13
webãƒ‡ã‚¶ã‚¤ãƒ³

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

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

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

è€ƒãˆæ–¹

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ãƒªãƒ³ã‚¯
Webåˆ¶ä½œè€…ã¯çŸ¥ã£ã¦ãŠããŸã„webã‚µã‚¤ãƒˆã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ7é¸ â”‚ Design Spice
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–webãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰ã‚°ãƒªãƒƒãƒ‰ãƒ‡ã‚¶ã‚¤ãƒ³ã¾ã§ã‚ˆãä½¿ã‚ã‚Œã¦ã„ã‚‹webãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆç”¨èªžã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–webãƒ‡ã‚¶ã‚¤ãƒ³ ã‚¨ãƒ©ã‚¹ãƒ†ã‚£ãƒƒã‚¯ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ ãƒªã‚ãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ ãƒ•ãƒ¬ã‚ã‚·ãƒ–ãƒ«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ å›ºå®šå¹…ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ å¯å¤‰ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–webãƒ‡ã‚¶ã‚¤ãƒ³(Responsive Web Design) PCã‚„ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã€ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆäº‹ã«è¤‡æ•°ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’åˆ¶ä½œã™ã‚‹ã®ã§ã¯ãªãã€ ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã®å¹…ã«åˆã‚ã›ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æœ€é©åŒ–ã™ã‚‹æ–¹æ³•ã€‚ CSS3ã®Media Queriesã‚’åˆ©ç”¨ã—ã¦ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã‚µã‚¤ã‚ºã«å¿œã˜ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¤‰æ›´ã—ã¾ã™ã€‚ ãƒ¡ãƒªãƒƒãƒˆ ä¸€ã¤ã®ã‚½ãƒ¼ã‚¹ã§è¤‡æ•°ãƒ‡ãƒã‚¤ã‚¹ã«å¯¾å¿œã§ãã‚‹ã®ã§ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ãŒå®¹æ˜“ã§ã™ã€‚ ã¾ãŸä»Šå¾Œãƒ‡ãƒã‚¤ã‚¹ã®ç¨®é¡žãŒå¢—ãˆã¦ã‚‚ãã‚Œã«å¯¾å¿œã§ãã¾ã™ã€‚ ãã‚Œãžã‚Œã®ãƒ‡ãƒã‚¤ã‚¹ã«åˆã‚ã›ãŸå½¢ã§èª¿æ•´ã§ãã‚‹ã®ã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã‚‚é«˜ããªã‚Šã¾ã™ã€‚ ãƒ‡ãƒ¡ãƒªãƒƒ
qzk05715 2011/09/01
Webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

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

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

ã¾ã¨ã‚

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ï¼ˆç§ï¼‰ã«ã‚ˆã‚‹ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ãƒ¼ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®æ³¨æ„æ›¸ã
ç§ã¯ DTP ãƒ‡ã‚¶ã‚¤ãƒ³ãŒè‹¦æ‰‹ã§ã™ ...ã€‚ã§ã‚‚ã¨ãã©ããŠå®¢ã•ã‚“ã‹ã‚‰ã€ãƒ•ãƒ©ã‚¤ãƒ¤ãƒ¼ã¨ã‹ãƒã‚¹ã‚¿ãƒ¼ã€ååˆºãªã‚“ã‹ã®ç´™ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é ¼ã¾ã‚Œã¾ã™...ã€‚ãã“ã§ã‚‚ã£ã¨å‹‰å¼·ã—ãªãã¡ã‚ƒã„ã‘ãªã„ãªãƒ¼ã¨æ„Ÿã˜ã¦ã„ãŸã®ãŒã€ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ãƒ¼ã«ã¤ã„ã¦ã®ã“ã¨ã€‚ä»Šå›žã¯ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ãƒ¼ã¨ãã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã¤ã„ã¦å¦ã‚“ã ã“ã¨ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ä»¥å‰ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã—ã¦ã„ã‚‹å…ˆè¼©ã«ã€ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã‚„æƒãˆã‚‹ã ã‘ãŒãƒ‡ã‚¶ã‚¤ãƒ³ã˜ã‚ƒãªã„ã—ã€ã‚‚ã£ã¨ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ãƒ¼ã‚„ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ã“ã¨ã‚’å‹‰å¼·ã—ãªã•ã„ã¨è¨€ã‚ã‚Œã¾ã—ãŸ â€¦ã€‚ç§ã¯æ™®æ®µã€Webãƒ‡ã‚¶ã‚¤ãƒ³ã—ã‹ã—ã¦ã„ãªã„ã‚“ã§ã™ã‘ã©ã€ã¨ãã©ããƒ•ãƒ©ã‚¤ãƒ¤ãƒ¼ã‚„ãƒã‚¹ã‚¿ãƒ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã€ã¤ã„ã§ä»•äº‹ã®ã‚ˆã†ãªå½¢ã§é ¼ã¾ã‚Œã‚‹äº‹ãŒã‚ã‚Šã¾ã™ â€¦ã€‚ ã§ã‚‚ã€Webãƒ‡ã‚¶ã‚¤ãƒ³ã—ã‹ã—ã¦ã“ãªã‹ã£ãŸç§ã¯ã€ç´™åª’ä½“ â€“ DTP ãƒ‡ã‚¶ã‚¤ãƒ³ãŒè‹¦æ‰‹ã§ã™ â€¦ã€‚ã¡ã‚‡ã†ã© 1å¹´ãã‚‰ã„å‰ã«ã‚‚åŒã˜ã‚ˆã†ãªè¨˜äº‹ã€Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ï¼ˆç§ï¼‰ã«ã‚ˆã‚‹DTPãƒ‡ã‚¶ã‚¤ãƒ³æ³¨æ„æ›¸ãï¼šWebã¨
qzk05715 2011/08/31
DTP

web

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

æ–‡å—è©°ã‚

ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£

å‹‰å¼·

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

css

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

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ãšã£ã¨ä½¿ãˆã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€‚ã™ã£ãã‚Šç¾Žã—ãè¦‹ã›ã‚‹ã€Žä½™ç™½ã€ã¨ã€Žæ–‡å—ã€ã®ä½¿ã„æ–¹ã€‚
ã“ã‚“ã«ã¡ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®é•·è°·å·ã§ã™ã€‚ ä»Šå›žã¯åƒ•ãŒæ™®æ®µæ°—ã‚’ã¤ã‘ã¦ã„ã‚‹ã€ã¡ã‚‡ã£ã¨æ„è˜ã™ã‚‹ã ã‘ã§ã‚¹ãƒƒã‚ãƒªã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã«ãªã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ã‚³ãƒ„ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã˜ã‚ƒãªã„æ–¹ã‚‚ã€ä¼ç”»æ›¸ã‚„ç°¡å˜ãª UI ã®ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã€Web ã‚„é›‘èªŒã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãªã©ã«å¿œç”¨ã§ãã‚‹ã¨æ€ã„ã¾ã™ã®ã§ã€ãœã²å‚è€ƒã«ã—ã¦ã„ãŸã ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ 1. ä¸Šä¸‹å·¦å³ã®ãƒžãƒ¼ã‚¸ãƒ³ã‚’å‡ä¸€ã« Web ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ UI ãƒ‡ã‚¶ã‚¤ãƒ³ã®è¦ç´ å…¨ã¦ã«å¯¾ã—ã¦éš£ã‚Šåˆã†è¦ç´ ã¨ã®é–“éš”ã‚„ãƒãƒŠãƒ¼ã€ãƒœã‚¿ãƒ³ãªã©ã®å¤–å´ã¨å†…å´ã®è¦ç´ ã®ä¸Šä¸‹å·¦å³ãƒžãƒ¼ã‚¸ãƒ³ã‚’ã§ãã‚‹ã ã‘å‡ä¸€ã«ã™ã‚‹ã“ã¨ã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã‚¹ãƒƒã‚ãƒªè¦‹ãˆã¾ã™ã€‚ 2. å†…å´ã®ãƒžãƒ¼ã‚¸ãƒ³ã¯å¤–å´ã®ãƒžãƒ¼ã‚¸ãƒ³ã‚ˆã‚Šç‹ã ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãªã©ä¸€ç•ªå¤–å´ã¨ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®é–“éš”ã‚ˆã‚Šæ–‡ç« ã®ã‹ãŸã¾ã‚Šã‚„ç”»åƒåŒå£«ã®é–“éš”ã‚’å°ã•ãã—ã¾ã™ã€‚åŸºæœ¬çš„ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ã¾ã¨ã¾ã‚Šã‚’ä½œã‚‹ãŸã‚ã§ã™ã®ã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚ˆã£ã¦ã¯åºƒãå–ã£ã¦åŒºåˆ†ã‘ã‚‹å ´åˆã‚‚ã‚ã‚Šã¾ã™ã€‚ 3. æ®µè½ã®ä¸‹ã¯é–“éš”ã‚’åºƒãé–‹ã‘
qzk05715 2011/08/20
Webåˆ¶ä½œ

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

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

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ
ãƒªãƒ³ã‚¯
ãã®å ´ã§ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¤‰æ›´ã§ãã‚‹WordPressãƒ†ãƒ¼ãƒžãƒ»WP Paintbrush - ã‹ã¡ã³ã¨.net
ä»¥å‰ã‚‚ä¼¼ãŸã‚ˆã†ãªãƒ†ãƒ¼ãƒžã‚’ã”ç´¹ä»‹ã—ã¾ã—ãŸãŒã€ ç®¡ç†ç”»é¢ã«ã‚‚å…¥ã‚‰ãšã€FTPã‚‚ä¸è¦ã§ã€ãã®å ´ ã§ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã«ãƒ†ãƒ¼ãƒžã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„å¹…ã® å¤‰æ›´ãªã©ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚‚å¤‰æ›´å¯èƒ½ãªWordPress ã®ãƒ†ãƒ¼ãƒžãƒ»WP Paintbrushã§ã™ã€‚ä»¥å‰ã”ç´¹ä»‹ ã—ãŸã‚‚ã®ã‚ˆã‚Šç²¾åº¦ã¯è½ã¡ã¾ã™ãŒã€é¸æŠžè‚¢ã®ä¸€ã¤ ã¨ã—ã¦ã€‚ ä»¥å‰ã€è¡æ’ƒã‚’å—ã‘ãŸã€ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãªã©ã‚’å¤‰æ›´å‡ºæ¥ã‚‹PressWorkã‚’ã”ç´¹ä»‹ã—ã¾ã—ãŸã€‚ ä»Šæ—¥ã€ã”ç´¹ä»‹ã™ã‚‹WP Paintbrushã‚‚ã€PressWorkåŒæ§˜ã«ãã®å ´ã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆç‰ã‚’å¤‰æ›´ã§ãã¾ã™ã€‚ HTML5è£½ã®WordPressãƒ†ãƒ¼ãƒžã‚’ã€ç®¡ç†ç”»é¢ã‚„ãƒãƒ¼ã‚«ãƒ«ä¸Šã§ã‚³ãƒ¼ãƒ‰ã‚’è§¦ã‚‰ãªãã¦ã‚‚ã€ç›´æ„Ÿçš„ãªãƒžã‚¦ã‚¹æ“ä½œã®ã¿ã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„ã‚«ãƒ©ãƒ¼ã€é…ç½®ãªã©ã‚’å¤‰æ›´ã§ãã¾ã™ã€‚ ç°¡å˜ã«è‰²ã‚’å¤‰æ›´ã§ããŸã‚Šã€‚CMSã®æ™®åŠã«ä¼´ã„ã€æ›´æ–°è²»ã¿ãŸã„ãªã‚‚ã®ã‚‚ç„¡ããªã£ã¦ã„ãã®ã§ã™ã‹ããƒ»ãƒ»ãƒ» å®Ÿéš›ã«ãƒ†ã‚¹ãƒˆã—ãŸæ§˜åã‚’ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚ãƒ£ã‚¹ãƒˆã‚’æ’®ã‚Š
qzk05715 2011/08/03
wordpressãƒ†ãƒ¼ãƒž

WP

wordpress

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

ãƒ†ãƒ¼ãƒž

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

webåˆ¶ä½œ

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

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

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

åŸºç¤Ž

css

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

ã¾ã¨ã‚

*ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
[CSS]divãªã©ä½™è¨ˆãªã‚‚ã®ã‚’ä½¿ç”¨ã—ãªã„ã§ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ã‚»ãƒ³ã‚¿ãƒ¼ã«é…ç½®ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ | ã‚³ãƒªã‚¹
ã€Œ<div id="wrapper">ã€ãªã©ã®ãƒ©ãƒƒãƒ‘ãƒ¼ã‚’ä½¿ç”¨ã—ãªã„ã§ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ã‚»ãƒ³ã‚¿ãƒ¼ã«é…ç½®ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ â€»ã‚¹ã‚¿ã‚¤ãƒ«ã«CSS3ã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ãŸã‚ã€ã“ã®ç‰ˆã¯IE6ã«ã¯å¯¾å¿œã—ã¦ã„ã¾ã›ã‚“ã€‚å¾Œã»ã©ç´¹ä»‹ã™ã‚‹ã‚·ãƒ³ãƒ—ãƒ«ç‰ˆã¯IE6ã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ ã€Œ<div id="wrapper">ã€ã‚’ä½¿ç”¨ã—ãªã„ã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ã‚»ãƒ³ã‚¿ãƒ¼ã«é…ç½®ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ å…ƒè¨˜äº‹ã§ã¯ã‚¹ã‚¿ãƒ‡ã‚£ãŒæ®µéšŽã”ã¨ã«ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ãŒã€ã“ã“ã§ã¯ãã®æœ€çµ‚æ®µéšŽã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ CSSï¼šã‚·ãƒ³ãƒ—ãƒ«ç‰ˆ <!DOCTYPE html> <style> html{overflow: hidden; height: 100%; background: #c72;} body{overflow: auto; height: 100%; width: 600px; margin: 0 auto; /* center */ padd
qzk05715 2011/06/16
webåˆ¶ä½œ

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

ã‚ã¨ã§èªã‚€

HTML

css3

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

css

IE

ie6
ãƒªãƒ³ã‚¯
ãã®ã¾ã¾ä½¿ãˆã‚‹WEBãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®Photoshopãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ40:phpspoté–‹ç™ºæ—¥èªŒ
40 Professional and Detailed Web Layout PSD Templates :Speckyboy Design Magazine ãã®ã¾ã¾ä½¿ãˆã‚‹WEBãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®Photoshopãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ40ã®ã”ç´¹ä»‹ã€‚ æ¬¡ã®ã‚ˆã†ãªãƒ—ãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«ãƒ¬ãƒ™ãƒ«ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãŒå¤šæ•°ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãã®ã¾ã¾ä½¿ã£ã¦ã‚‚ã‚ˆã•ãã†ã§ã™ã—ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®éš›ã®å‚è€ƒã«ã™ã‚‹ã®ã‚‚ã‚ˆã„ã§ã™ãã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ãŒè‹¦æ‰‹ã¨ã„ã†æ–¹ã‚‚å‚è€ƒã«ã™ã‚Œã°ãƒã‚¤ã‚¯ã‚ªãƒªãƒ†ã‚£ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä½Žã‚³ã‚¹ãƒˆã§å°Žå…¥ã§ãã¾ã™ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª WEBãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ¢ãƒƒã‚¯ä½œæˆæ™‚ã«å½¹ç«‹ã¤æ‰‹æ›¸ãç”¨PDFãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆé›† è‡ªç„¶ã‚’å–ã‚Šå…¥ã‚ŒãŸç¾Žã—ã„WEBãƒ‡ã‚¶ã‚¤ãƒ³é›† ãªã‚“ã¨ãªãå’Œã‚€ã‚¤ãƒ©ã‚¹ãƒˆãƒ™ãƒ¼ã‚¹ã®WEBãƒ‡ã‚¶ã‚¤ãƒ³é›†60 å¹³é¢ã ã‘ã©ç«‹ä½“æ„Ÿã‚’å‡ºã—ãŸWEBãƒ‡ã‚¶ã‚¤ãƒ³è‰²ã€…
qzk05715 2011/04/28
WEBãƒ‡ã‚¶ã‚¤ãƒ³é›†

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

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

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

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

webåˆ¶ä½œ

*ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
[CSS]é›‘èªŒé¢¨ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒããŸã€ã©ã†å®Ÿè£…ã™ã‚‹ -è§£ç”ç·¨
æ˜¨æ—¥ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€Œé›‘èªŒé¢¨ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ã•ãã©ã†å®Ÿè£…ã™ã‚‹ï¼Ÿã€ã®è§£ç”ç·¨ã§ã™ã€‚ é›‘èªŒé¢¨ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¯ã€ä¸‹è¨˜ã®ã‚ˆã†ã«2ã‚«ãƒ©ãƒ ã®ãƒ†ã‚ã‚¹ãƒˆã®çœŸã‚“ä¸ä¸Šã«ç”»åƒã‚’é…ç½®ã—ãŸã‚‚ã®ã§ã™ã€‚ [ad#ad-2] ã¾ãšã¯ã€HTMLã‹ã‚‰ã€‚ ç”»åƒã‚’äºŒã¤ã«åˆ‡ã‚‹ã¨ã‹ã¯ã€ç„¡ã—ã§ã™ã‚ˆã€‚ HTML å„ãƒ‘ãƒ©ã‚°ãƒ©ãƒ•ã‚’divè¦ç´ ã§å†…åŒ…ã—ã€ç”»åƒã¨ãã®divè¦ç´ ã‚’divè¦ç´ ã§å†…åŒ…ã—ã¦å®Ÿè£…ã—ã¾ã™ã€‚ <div id="page-wrap"> <img src="http://placekitten.com/250/250" id="logo"> <div id="l"> <p>å·¦ã®ãƒ†ã‚ã‚¹ãƒˆ</p> </div> <div id="r"> <p>å³ã®ãƒ†ã‚ã‚¹ãƒˆ</p> </div> </div> ã“ã‚Œã«ã€ãƒ•ãƒãƒ¼ãƒˆã¨ç–‘ä¼¼è¦ç´ ã‚’ä½¿ç”¨ã—ã¦ã€å®Ÿè£…ã—ã¾ã™ã€‚ ã¾ãšã€ç”»åƒã‚’çµ¶å¯¾ä½ç½®ã§é…ç½®ã—ã¾ã™ã€‚ ãã—ã¦ãƒ•ãƒãƒ¼ãƒˆã‚’ä½¿ã„ã¾ã™ãŒã€ãƒã‚¤ãƒ³ãƒˆã¨ãªã‚‹ã®ã¯ä¸‹3è¡Œã§ã™ã€‚ç–‘ä¼¼è¦ç´ ã«
qzk05715 2011/04/26
logo

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

Webåˆ¶ä½œ

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

CSS

HTML

ä»•äº‹
ãƒªãƒ³ã‚¯
[CSS]é›‘èªŒé¢¨ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ã•ãã©ã†å®Ÿè£…ã™ã‚‹ï¼Ÿ
ç°¡å˜ã«ã§ããã†è¦‹ãˆã¦ã€ã¡ã‚‡ã£ã¨è€ƒãˆã‚‹ã¨ã€é›£ã—ã„ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã£ã¦ã‚ã‚Šã¾ã™ã‚ˆãã€‚ ä¸‹è¨˜ã®ã‚ˆã†ãªé›‘èªŒé¢¨ã«é…ç½®ã•ã‚ŒãŸç”»åƒã¨ãƒ†ã‚ã‚¹ãƒˆã€ã©ã®ã‚ˆã†ã«çµ„ã¿ã¾ã™ã‹ï¼Ÿ
qzk05715 2011/04/21
css

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

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

webåˆ¶ä½œ

*ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
ãƒ—ãƒãƒ¬ãƒ™ãƒ«ã®WEBã‚µã‚¤ãƒˆãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆä½œæˆãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ï¼“ï¼:phpspoté–‹ç™ºæ—¥èªŒ
30 Superb Photoshop Web Layout Tutorials | Top Design Magazine - Web Design and Digital Content ãƒ—ãƒãƒ¬ãƒ™ãƒ«ã®WEBã‚µã‚¤ãƒˆãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆä½œæˆãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ï¼“ï¼ã€‚ éŽåŽ»ã«ç´¹ä»‹ã—ãŸã‚‚ã®ã‚‚å«ã¾ã‚Œã¦ã„ã¾ã™ãŒã€æ¯”è¼ƒçš„æ–°ã—ã„ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚‚ã‚ã£ãŸã®ã§ã”ç´¹ä»‹ã€‚ æ¬¡ã®ã‚ˆã†ãªç¾Žã—ã„ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›†ã¨ãªã£ã¦ã„ã¾ã™ã€‚ å¦ç¿’è³‡æ–™ãªã‚“ã‹ã«æ´»ç”¨ã•ã›ã¦ã„ãŸã ãã¾ã—ã‚‡ã†ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã“ã“ã¾ã§ã‚„ã‚‹ï¼Ÿã¨ã„ã†ãƒ—ãƒãƒ¬ãƒ™ãƒ«ã®WEBãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆä½œæˆãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« ã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ãªWEBãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆä½œæˆPhotoshopãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« ç·‘ã®ã™ã£ãã‚Šç¶ºéº—ãªWEBãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆä½œæˆPhotoshopãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« Photoshopã«ã‚ˆã‚‹ãƒ•ãƒ¬ãƒƒã‚·ãƒ¥ãªWEBã‚µã‚¤ãƒˆãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆä½œæˆãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›†ï¼˜ï¼
qzk05715 2011/03/28
ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

Webåˆ¶ä½œ

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

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

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

ç”»åƒ

ã¾ã¨ã‚

ä»•äº‹
ãƒªãƒ³ã‚¯
[CSS]å¯å¤‰ã™ã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆå¹…ã®æœ€å¤§å€¤ã‚’åˆ¶é™ã™ã‚‹ç°¡å˜ãªæ–¹æ³•
ãƒšãƒ¼ã‚¸ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆå¹…ãŒå¯å¤‰ã™ã‚‹Fluid Layoutã«ã—ãŸéš›ã€ãã®å¹…ã®æœ€å¤§å€¤ã‚’åˆ¶é™ã™ã‚‹ç°¡å˜ãªæ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Rein In Fluid Width By Limiting HTML Width [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ <html>ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã¯ã€ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã§æœ€ã‚‚ãƒ¬ãƒ™ãƒ«ãŒä¸Šä½ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã§ã™ã€‚ãã—ã¦ã€ä»–ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã¯å…¨ã¦ã€<html>ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã«å†…åŒ…ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã‚‚ã—ã€ã‚ãªãŸãŒå¹…ãŒå¯å¤‰ã«å¯¾å¿œã—ãŸã‚µã‚¤ãƒˆã‚’ä½œæˆã—ã€ãã®å¹…ã®æœ€å¤§å€¤ã‚’åˆ¶é™ã—ãŸã„æ™‚ã¯ã€<html>ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã«æœ€å¤§å¹…ã‚’æŒ‡å®šã™ã‚‹ã“ã¨ã§ç°¡å˜ã«å®Ÿç¾ã§ãã¾ã™ã€‚
qzk05715 2011/02/23
HTML

css

*webåˆ¶ä½œ

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

*css

tips

webåˆ¶ä½œ

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

layout

ä»•äº‹
ãƒªãƒ³ã‚¯
åŠ¹æžœçš„ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’é…ç½®ã™ã‚‹ä»£è¡¨çš„ãª3ã¤ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨ã¯
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚‚ã‚ˆãä½¿ç”¨ã•ã‚Œã‚‹ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®è¦–ç·šã®å‹•ãã‚’äºˆæ¸¬ã—ã€åŠ¹æžœçš„ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’é…ç½®ã™ã‚‹ä»£è¡¨çš„ãª3ã¤ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ã‚°ãƒ¼ãƒ†ãƒ³ãƒ™ãƒ«ã‚° ãƒ€ã‚¤ã‚¢ã‚°ãƒ©ãƒ ã€Zãƒ‘ã‚¿ãƒ¼ãƒ³ã€Fãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ 3 Design Layouts: Gutenberg Diagram, Z-Pattern, And F-Pattern [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã¦æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ ã‚°ãƒ¼ãƒ†ãƒ³ãƒ™ãƒ«ã‚° ãƒ€ã‚¤ã‚¢ã‚°ãƒ©ãƒ Zãƒ‘ã‚¿ãƒ¼ãƒ³ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ Fãƒ‘ã‚¿ãƒ¼ãƒ³ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ Pattern of Focal Points -æƒ…å ±ã®éšŽå±¤åŒ– ã‚°ãƒ¼ãƒ†ãƒ³ãƒ™ãƒ«ã‚° ãƒ€ã‚¤ã‚¢ã‚°ãƒ©ãƒ ã‚°ãƒ¼ãƒ†ãƒ³ãƒ™ãƒ«ã‚° ãƒ€ã‚¤ã‚¢ã‚°ãƒ©ãƒ ã¨ã¯ã€å‡ç‰ã«é…ç½®ã•ã‚ŒãŸåŒç¨®ã®æƒ…å ±ã‚’è¦‹ã‚‹ã¨ãã®è¦–ç·šã®å‹•ãã‚’ä¸€èˆ¬çš„ãªãƒ‘ã‚¿ãƒ¼ãƒ³ã«ã—ãŸã‚‚ã®ã§ã™ã€‚ ã“ã‚Œã¯ç‰¹ã«ã€ãƒ†ã‚ã‚¹ãƒˆã®æ¯”é‡ãŒé«˜ã„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«ã¯ã¾ã‚Šã¾ã™ã€‚ ã‚°ãƒ¼ãƒ†ãƒ³ãƒ™ãƒ«ã‚° ãƒ€ã‚¤ã‚¢ã‚°ãƒ©ãƒ ã‚°ãƒ¼ãƒ†ãƒ³ãƒ™ãƒ«ã‚° ãƒ€ã‚¤ã‚¢ã‚°ãƒ©ãƒ ã¯4ã¤ã®è±¡
qzk05715 2011/02/10
ãƒ‘ã‚¿ãƒ¼ãƒ³

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

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

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

WEBåˆ¶ä½œ

ã‚³ãƒ³ãƒ†ãƒ³ãƒ„

ä»•äº‹
ãƒªãƒ³ã‚¯
ã¤ã¶ã‚„ãã‚„å†™çœŸã‚’æ–°èžé¢¨ã«ã€€ã€ŒPaper.liã€ãŒæ—¥æœ¬èªžå¯¾å¿œ
Twitterã‚„Facebookã«æŠ•ç¨¿ã•ã‚ŒãŸãƒ†ã‚ã‚¹ãƒˆã€å†™çœŸãªã©ã‚’æ–°èžé¢¨ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ä¸¦ã¹ã¦è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¤ã‚¹ç™ºã®ã‚µãƒ¼ãƒ“ã‚¹ã€ŒPaper.liã€ãŒ2æœˆ8æ—¥ã€æ—¥æœ¬èªžã«å¯¾å¿œã—ãŸã€‚ ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã‚„è¨å®šç”»é¢ã€ä½œæˆã—ãŸãƒšãƒ¼ã‚¸ã®è¦‹å‡ºã—ãªã©ãŒæ—¥æœ¬èªžã§è¡¨ç¤ºã§ãã‚‹ã‚ˆã†ã«ãªã£ãŸã€‚æ—¥æœ¬èªžä»¥å¤–ã§ã¯ã€è‹±èªžã€ãƒ•ãƒ©ãƒ³ã‚¹èªžã€ãƒ‰ã‚¤ãƒ„èªžã€ã‚¹ãƒšã‚¤ãƒ³èªžã«å¯¾å¿œã—ã¦ã„ã‚‹ã€‚
qzk05715 2011/02/08
facebook

ITmedia

twitter

ãƒ†ã‚ã‚¹ãƒˆ

ã‚µãƒ¼ãƒ“ã‚¹

ãƒ–ãƒã‚°

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

ãƒ‹ãƒ¥ãƒ¼ã‚¹

webã‚µãƒ¼ãƒ“ã‚¹

copyright
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å‹‰å¼·ã—ãŸã“ã¨ãŒãªã„äººã§ã‚‚ãƒ‡ã‚¶ã‚¤ãƒ³ã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã‹ã‚‚ã—ã‚Œãªã„4ã¤ã®åŸºæœ¬åŽŸå‰‡
ã“ã®ãƒ–ãƒã‚°ã€Webãƒ‡ã‚¶ã‚¤ãƒ³ ãƒ¬ã‚·ãƒ”ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ã¾ã—ãŸã€‚ ã“ã®æ©Ÿä¼šã«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å‹‰å¼·ã—ãŸã“ã¨ãŒãªã„äººã§ã‚‚ã€æ¥½ã—ããƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã€åŸºæœ¬åŽŸå‰‡ 4ã¤ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ã“ã®åŽŸå‰‡ã¯ã€ŒãƒŽãƒ³ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚ºãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ–ãƒƒã‚¯ã€è‘—è€… Robin Williams ã§è©³ã—ãè§£èª¬ã•ã‚Œã¦ã„ã¾ã™ã€‚ å¤ã„æœ¬ã§ã™ãŒã€ã¨ã£ã¦ã‚‚ç´ æ™´ã‚‰ã—ã„æœ¬ã§ä»Šã§ã¯æ–°è£…å¢—è£œç‰ˆã¨ãªã£ã¦ç™ºè¡Œã•ã‚Œã¦ã„ã‚‹ã‚ˆã†ã§ã™ã€‚ ä»Šå›žã€ã“ã®ãƒ–ãƒã‚° â€“ Webãƒ‡ã‚¶ã‚¤ãƒ³ ãƒ¬ã‚·ãƒ”ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã€ã‚¬ãƒ©ãƒƒã¨å¤‰ãˆã¦ã¿ã¾ã—ãŸã€‚ã“ã‚Œã‚’æ©Ÿä¼šã«ã¡ã‚‡ã£ã¨ãƒ‡ã‚¶ã‚¤ãƒ³ã®åŸºæœ¬ã¨ã„ã†ã‹ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹ã¨ãã«ã‚¬ã‚¤ãƒ‰ã¨ãªã‚‹ã€4ã¤ã®åŽŸå‰‡ã‚’ãŠã•ã‚‰ã„ã—ã¦ãŠãã¾ã™ã€‚Webãƒ‡ã‚¶ã‚¤ãƒ³ã«é™ã‚‰ãšã€ä¼šç¤¾ã§æå‡ºã™ã‚‹å ±å‘Šæ›¸ã‚„å¦ç”Ÿã•ã‚“ã®ãƒ¬ãƒãƒ¼ãƒˆã€ãƒ¬ã‚¹ãƒˆãƒ©ãƒ³ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãªã©ã€ãƒšãƒ¼ã‚¸ã¨å‘¼ã¹ã‚‹ã‚‚ã®ã«ã¯å…¨éƒ¨å½“ã¦ã¯ã¾ã‚‹ã¨æ€ã†ã®ã§ã€Webã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã¨ã‹ã˜ã‚ƒãªãã¦ã‚‚ã€çŸ¥ã£ã¦ãŠã„ã¦æã¯ãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãã€‚ ã›ã£
qzk05715 2011/01/11
ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

å‹‰å¼·

ã‚ã¨ã§èªã‚€

*ã‚ã¨ã§èªã‚€

web

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

åŸºç¤Ž

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

Design

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
å¹´æœ«å¹´å§‹ã«Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¦ã³ç›´ã™ãŸã‚ã®3ã¤ã®ã‚¹ãƒ†ãƒƒãƒ—
ã“ã®è¨˜äº‹ã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ãªæ–¹ã‚’å¯¾è±¡ã«ã—ã¦ã„ã¾ã™ã€‚ ç¾åœ¨Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä»•äº‹ã«ã—ã¦ã„ã¦ã€ã•ã‚‰ã«ãƒ‡ã‚¶ã‚¤ãƒ³åŠ›ã‚’ã¤ã‘ãŸã„æ–¹ ä»Šã¯ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã€ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã€ã‚³ãƒ¼ãƒ€ãƒ¼ãªã©ãƒ‡ã‚¶ã‚¤ãƒ³ä»¥å¤–ã®ä»•äº‹ã‚’ã—ã¦ã„ã¦ã€æ¥å¹´ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚æ‰‹ãŒã‘ãŸã„æ–¹ â€»ã“ã®è¨˜äº‹ã¯ã€2010å¹´æœ«ã«å…¬é–‹ã—ãŸã‚‚ã®ã‚’ã€æ–‡ç« ã¨å‚è€ƒã‚µã‚¤ãƒˆãªã©ã®ãƒªãƒ³ã‚¯å…ˆã‚’ä¿®æ£ã—ã€2019å¹´æœ«ã«å†å…¬é–‹ã—ãŸã‚‚ã®ã§ã™ã€‚ ç§ã¯å…ƒã€…Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãªã®ã§ã™ãŒã€ãƒ‡ã‚¶ã‚¤ãƒ³ä»¥å¤–ã®ä»•äº‹ãŒé€£ç¶šã—ãŸã¨ããªã©ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¹ã‚ãƒ«ã®ä½Žä¸‹ãŒå¿ƒé…ã«ãªã£ã¦ãã‚‹ã®ã§ã€å¹´æœ«å¹´å§‹ãªã©æ™‚é–“ãŒã‚ã‚‹ã¨ãã¯è‡ªå·±æµã®Webãƒ‡ã‚¶ã‚¤ãƒ³ å‹‰å¼·æ³•ã‚’ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ã—ã‹ã—ãŸã‚‰ä»–ã®æ–¹ã«ã‚‚å½¹ç«‹ã¤ã‹ãªã¨æ€ã„ã€å…¬é–‹ã—ã¾ã—ãŸã€‚ ä»Šå›žã¯ã€ä¸»ã«Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ä¸ã§ã‚‚ã€Œãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ã«ã¤ã„ã¦æ›¸ã„ã¦ã„ã¾ã™ã€‚ ã¾ãšã¯ã€ŒçŸ¥ã‚‹ã€ã“ã¨ ç§ãŒWebãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¤ã„ã¦åŸºç¤Žã‹ã‚‰ãã£ã¡ã‚Šå‹‰å¼·ã—ãŸã„ã¨æ€ã„ã€Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚¹ã‚¯ãƒ¼ãƒ«ã«è¦‹å¦ã«è¡Œã£ãŸã‚Šã€ŒWebãƒ‡ã‚¶ã‚¤ãƒ³ã€ã¨åã®ä»˜ã
qzk05715 2010/12/29
ãƒ‡ã‚¶ã‚¤ãƒ³

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

webåˆ¶ä½œ

ä»•äº‹

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

*ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
éžãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã®ãƒ‡ã‚¶ã‚¤ãƒ³åŸºæœ¬ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€€ãã®ï¼’ | 07design.blog
å‰å›žã®æŠ•ç¨¿ã‹ã‚‰ã‹ãªã‚Šç©ºã„ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ã¯ã¦ãƒ–ç ²ã«ã‚ˆã‚Šã‹ãªã‚Šã‚¢ã‚¯ã‚»ã‚¹ãŒä¼¸ã³ã¦ã—ã¾ã„ã€ãƒ—ãƒ¬ãƒƒã‚·ãƒ£ãƒ¼ã§ã„ã„è¨˜äº‹ã‚’æ›¸ã“ã†ã¨æ€ãˆã°æ€ã†ã»ã©è…°ãŒé‡ããªã£ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ã¨ã„ã†ã®ã¯ã‚¦ã‚½ã§ãšã£ã¨ã¨ããƒ¡ãƒ¢ã‚„ã£ã¦ã¾ã—ãŸã€‚æ¬¡å›žã‹ã‚‰ã¯ã‚‚ã£ãŸã„ã¶ã‚‰ãªã„ã§ä½•ã‹ã‚¨ãƒ³ãƒˆãƒªã‚’æ›¸ãéš›ã¯ä¸€æ°—ã«æ›¸ã“ã†ã¨æ€ã„ã¾ã™â€¦ã€‚ã•ã¦ç¶šãã§ã™ã€‚ãƒ»ãƒ»ãƒ»å‰å›žã®æŠ•ç¨¿ã‹ã‚‰ã‹ãªã‚Šç©ºã„ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ ã¯ã¦ãƒ–ç ²ã«ã‚ˆã‚Šã‹ãªã‚Šã‚¢ã‚¯ã‚»ã‚¹ãŒä¼¸ã³ã¦ã—ã¾ã„ã€ãƒ—ãƒ¬ãƒƒã‚·ãƒ£ãƒ¼ã§ã„ã„è¨˜äº‹ã‚’æ›¸ã“ã†ã¨æ€ãˆã°æ€ã†ã»ã©è…°ãŒé‡ããªã£ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ã¨ã„ã†ã®ã¯ã‚¦ã‚½ã§ãšã£ã¨ã¨ããƒ¡ãƒ¢ã‚„ã£ã¦ã¾ã—ãŸã€‚ æ¬¡å›žã‹ã‚‰ã¯ã‚‚ã£ãŸã„ã¶ã‚‰ãªã„ã§ä½•ã‹ã‚¨ãƒ³ãƒˆãƒªã‚’æ›¸ãéš›ã¯ä¸€æ°—ã«æ›¸ã“ã†ã¨æ€ã„ã¾ã™â€¦ã€‚ ã•ã¦ç¶šãã§ã™ã€‚ å‰å›žéžãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã ã‹ã‚‰webã‚µã‚¤ãƒˆã˜ã‚ƒãªãã¦ãƒãƒ©ã‚·ã«ã—ã‚ˆã†ã€ã¨æ€ã£ã¦è¨˜äº‹ã‚’æ›¸ã„ãŸã‚“ã§ã™ãŒ é§†ä½¿ã™ã‚‹ãƒ„ãƒ¼ãƒ«ãŒã‚‚ã¡ã‚ã‚“webä¸Šã«ã‚ã‚‹ã‚‚ã®ãªã®ã§ã€ã‚«ãƒ©ãƒ¼ã‚‚webç”¨ã«ãªã£ã¦ã‚‹ã“ã¨ã‚’å¤±å¿µ
qzk05715 2010/12/28
å†™çœŸç´ æ

web

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

*ã‚ã¨ã§èªã‚€

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

ã‚ã¨ã§èªã‚€

ãƒ¡ãƒ¢

ã¯ã¦ãƒ–

ä»•äº‹

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
CSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®è‚ï¼ è¡¨ç¤ºãƒ»é…ç½®ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã€14é¸
è©³ã—ãã¯ã‚³ãƒãƒ©â†’ã€€position ãƒœãƒƒã‚¯ã‚¹ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆæ–¹æ³•ã‚’æŒ‡å®šã™ã‚‹positionãƒ—ãƒãƒ‘ãƒ†ã‚£ topãƒ—ãƒãƒ‘ãƒ†ã‚£ topãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯ã€ãƒœãƒƒã‚¯ã‚¹ã‚’é…ç½®ã™ã‚‹å ´åˆã«ä¸Šã‹ã‚‰ã®è·é›¢ã‚’æŒ‡å®šã—ã¾ã™ã€‚åŸºæº–ä½ç½®ã®ä¸Šç«¯ã‹ã‚‰é…ç½®ã™ã‚‹ãƒœãƒƒã‚¯ã‚¹ã®ä¸Šç«¯ã¾ã§ã®è·é›¢ã‚’ç¤ºã—ã¾ã™ã€‚positionãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒã€Œstaticã€ä»¥å¤–ã®ã¨ãã«æœ‰åŠ¹ã¨ãªã‚‹ãƒ—ãƒãƒ‘ãƒ†ã‚£ã§ã™ã€‚ è©³ã—ãã¯ã‚³ãƒãƒ©â†’ã€€top ãƒœãƒƒã‚¯ã‚¹ã‚’é…ç½®ã™ã‚‹å ´åˆã«ä¸Šã‹ã‚‰ã®è·é›¢ã‚’æŒ‡å®šã™ã‚‹topãƒ—ãƒãƒ‘ãƒ†ã‚£ bottomãƒ—ãƒãƒ‘ãƒ†ã‚£ bottomãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯ã€ãƒœãƒƒã‚¯ã‚¹ã‚’é…ç½®ã™ã‚‹å ´åˆã«ä¸‹ã‹ã‚‰ã®è·é›¢ã‚’æŒ‡å®šã—ã¾ã™ã€‚åŸºæº–ä½ç½®ã®ä¸‹ç«¯ã‹ã‚‰é…ç½®ã™ã‚‹ãƒœãƒƒã‚¯ã‚¹ã®ä¸‹ç«¯ã¾ã§ã®è·é›¢ã‚’ç¤ºã—ã¾ã™ã€‚positionãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒã€Œstaticã€ä»¥å¤–ã®ã¨ãã«æœ‰åŠ¹ã¨ãªã‚‹ãƒ—ãƒãƒ‘ãƒ†ã‚£ã§ã™ã€‚ è©³ã—ãã¯ã‚³ãƒãƒ©â†’ã€€bottom ãƒœãƒƒã‚¯ã‚¹ã‚’é…ç½®ã™ã‚‹å ´åˆã«ä¸‹ã‹ã‚‰ã®è·é›¢ã‚’æŒ‡å®šã™ã‚‹bottomãƒ—ãƒãƒ‘ãƒ†ã‚£ leftãƒ—ãƒãƒ‘ãƒ†ã‚£ leftãƒ—
qzk05715 2010/11/26
ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

HTML

è³‡æ–™

*css

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

è¨å®š

webåˆ¶ä½œ

ä»•äº‹

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
[CSS]ãŸã£ãŸäºŒè¡Œã§ã€ã•ã¾ã–ã¾ãªã‚«ãƒ©ãƒ ã‚’è¨å®šã™ã‚‹ã‚°ãƒªãƒƒãƒ‰ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãŸã£ãŸäºŒè¡Œã®ã‚·ãƒ³ãƒ—ãƒ«ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§ã€ã•ã¾ã–ã¾ãªã‚µã‚¤ã‚ºã®ã‚«ãƒ©ãƒ ã‚’è¨å®šã™ã‚‹ã‚°ãƒªãƒƒãƒ‰ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ .row { display:table; width:960px; margin:0 auto } .cell { display:table-cell; vertical-align:top; padding-left:10px } HTMLã‚‚ã‚·ãƒ³ãƒ—ãƒ«ã§divè¦ç´ ã‚’ä½¿ã†ã ã‘ã§ã™ã€‚ HTML 3ã‚«ãƒ©ãƒ ã®ä¾‹ã§ã™ã€‚ã‚«ãƒ©ãƒ ã®æ•°ã«ã‚ã‚ã›ã¦ã€divè¦ç´ ã‚’é…ç½®ã—ã¾ã™ã€‚ <div class="row"> <div class="cell" style="background-color:#aaa;">1</div> <div class="cell" style="background-color:#bbb;">2</div> <div class="cell" style="back
qzk05715 2010/11/15
ã‚°ãƒªãƒƒãƒ‰

HTML

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

css

WEBåˆ¶ä½œ

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

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

ãƒ†ãƒ¼ãƒ–ãƒ«

ã‚«ãƒ©ãƒ

ä»•äº‹
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸