[B! layout] cyokodogã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

cyokodog id:cyokodog

layoutã«é–¢ã™ã‚‹cyokodogã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

CSSã‚’ä½¿ã£ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒã—ã£ã‹ã‚Šå¦ã¹ã‚‹è‰¯ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ -Learn CSS Layout
å½“ã‚µã‚¤ãƒˆã§ã¯Cookieã‚’ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚å¼•ãç¶šãå½“ã‚µã‚¤ãƒˆã‚’é–²è¦§ã™ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€ãƒãƒªã‚·ãƒ¼ã‚’å—ã‘å…¥ã‚ŒãŸã‚‚ã®ã¨ã¿ãªã•ã‚Œã¾ã™ã€‚ä»Šå¾Œè¡¨ç¤ºã—ãªã„è©³ã—ãè¦‹ã‚‹
cyokodog 2013/01/11
*css

layout
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®åŸºæœ¬çš„ãªåž‹ã¨ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‹ã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³ã¾ã§ã®æµã‚Œ
Webã‚µã‚¤ãƒˆã«ãŠã„ã¦ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®åŸºæœ¬çš„ãªåž‹ã¨ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‹ã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³ã¾ã§ã®æµã‚Œã‚’ç°¡å˜ã«ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‹ã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³ã¾ã§ã®æµã‚Œã‚’æŠŠæ¡ã—ã¦ãŠãã¨ã€ãã®é–“ã®æ€è€ƒãŒåˆ†æ–ã•ã‚Œãšãƒ‡ã‚¶ã‚¤ãƒ³ãŒã—ã‚„ã™ããªã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã¾ãŸã€ãƒ¦ãƒ‹ãƒ¼ã‚¯ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã™ã‚‹ã«ã—ã¦ã‚‚ã€ã‚ã‚‰ã‹ã˜ã‚åŸºæœ¬çš„ãªåž‹ã‚’çŸ¥ã£ã¦ãŠãã¨é€¸è„±ãŒã—ã‚„ã™ããªã‚Šã¾ã™ãã€‚ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«å½±éŸ¿ã‚’ä¸Žãˆã‚‹è¦å› ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã¯ã„ãã¤ã‹ã®åž‹ãŒã‚ã‚Šã¾ã™ãŒã€ã¾ãšãã®åž‹ã‚’æ±ºå®šã™ã‚‹å‰ã«ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«å½±éŸ¿ã‚’ä¸Žãˆã‚‹è¦å› ã‚’çŸ¥ã£ã¦ãŠãå¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã“ã‚Œã‚‰ã®è¦å› ã«ã‚ˆã£ã¦ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®åž‹ãŒã‚ã‚‰ã‹ã˜ã‚æ±ºã¾ã£ãŸã‚Šã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒå¤§ããå¤‰ã‚ã‚‹ã‹ã‚‰ã§ã™ã€‚ æƒ…å ±éšŽå±¤ã®æ·±ã• â†’1ãƒšãƒ¼ã‚¸ã®ã‚µã‚¤ãƒˆãªã®ã‹ã€ç¬¬äºŒéšŽå±¤ä»¥é™ã‚ã‚Šã‚°ãƒãƒ¼ãƒãƒ«ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãŒå¿…è¦ã«ãªã‚‹ã®ã‹ã€ãªã© ã‚µã‚¤ãƒˆã®ç›®çš„ãƒ»å±žæ€§ â†’ãã®ã‚µã‚¤ãƒˆã§ã¯ä½•ã‚’ä¼ãˆãŸã„ã®ã‹ã€‚ä¼æ¥ãƒ»ãƒ–ãƒ©ãƒ³ãƒ‰ã®ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚„æƒ…å ±ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«å½¹ç«‹ã¤çŸ¥è˜ï¼ˆWikiped
cyokodog 2012/04/18
*design

*css

layout
ãƒªãƒ³ã‚¯
æ§˜ã€…ãªCSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã‚µã‚¤ãƒˆã‚’ã¾ã¨ã‚ãŸã€Œ465+ Useful CSS Layouts for Downloadã€
TOPÂ Â >Â Â WebDesignÂ Â >Â Â æ§˜ã€…ãªCSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã‚µã‚¤ãƒˆã‚’ã¾ã¨ã‚ãŸã€Œ465+ Useful CSS Layouts for Downloadã€ WEBã§ã¯æ§˜ã€…ãªãƒ‡ã‚¶ã‚¤ãƒ³ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒã‚ã‚Šã€ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ã§å¤§ããªå·®ã¯ã§ãã¾ã™ãŒã€åŸºæœ¬ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¯ã‚ã‚‹ç¨‹åº¦æ±ºã¾ã£ã¦ãŠã‚Šã€åˆ¶ä½œã™ã‚‹ä¸Šã§ã€ãƒ™ãƒ¼ã‚¹ã¨ãªã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãŒã‚ã‚‹ã ã‘ã§éšåˆ†ã¨æ¥½ã«ãªã‚Šã¾ã™ã€‚ä»Šæ—¥ç´¹ä»‹ã™ã‚‹ã®ã¯æ§˜ã€…ãªCSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã‚µã‚¤ãƒˆã‚’ã¾ã¨ã‚ãŸã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€Œ465+ Useful CSS Layouts for Downloadã€ã§ã™ã€‚ Nice and Free CSS Templates/Layouts by My Celly åŸºæœ¬çš„ãª1ã‚«ãƒ©ãƒ ã€2ã‚«ãƒ©ãƒ ã€3ã‚«ãƒ©ãƒ ã¨ã„ã£ãŸãƒ™ãƒ¼ã‚·ãƒƒã‚¯ãªã‚‚ã®ã‹ã‚‰ã€ã‚·ãƒ³ãƒ—ãƒ«ãªã‚‚ã®ã¾ã§æ§˜ã€…ãªCSSãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰å¯èƒ½ã§ã™ã€‚ä»Šæ—¥ã¯ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ä¸ã‹
cyokodog 2011/10/31
*css

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

layout
ãƒªãƒ³ã‚¯
ãƒžãƒ«ãƒã‚«ãƒ©ãƒ ã®è¨å®šãŒç°¡å˜ã«ã§ãã‚‹CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒPrimaryã€ | Webæ´»ãƒ¡ãƒ¢å¸³
å…¨éƒ¨ã§22ãƒ‘ã‚¿ãƒ¼ãƒ³ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ãŒã€éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ãªè¨è¨ˆã«ãªã£ã¦ãŠã‚Šã€ ãƒ•ã‚©ãƒ³ãƒˆã‚„ãã®ä»–ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã¤ã„ã¦ã¯åˆ¥é€”è‡ªåˆ†ã§å®šç¾©ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã—ãŸã€‚ ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã¯widthã¯960pxã«è¨å®šã•ã‚Œã¦ã„ã¾ã™ãŒã€ä»»æ„ã®å€¤ã«å¤‰æ›´å¯èƒ½ãªã‚ˆã†ã§ã™ã€‚ ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«èˆˆå‘³ãŒã‚ã‚‹æ–¹ã€ä½¿ã£ã¦ã¿ã¦ã¯ã„ã‹ãŒã§ã—ã‚‡ã†ã‹ã€‚
cyokodog 2010/09/16
*css

layout
ãƒªãƒ³ã‚¯
CSSã§ãƒžãƒ«ãƒã‚«ãƒ©ãƒ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ
ã¯ã˜ã‚ã« æœ¬é€£è¼‰ã§ã¯ã€ã€Œã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ã«å¯¾å¿œã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€ã‚’ãƒ†ãƒ¼ãƒžã«ã€ä¿å®ˆæ€§ã‚„äº’æ›æ€§ã«å„ªã‚ŒãŸXHTML+CSSã®æ›¸ãæ–¹ã‚’ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ ä»Šå›žã¯ã€æœ¬é€£è¼‰ã®ç·ã¾ã¨ã‚ã¨ã—ã¦ã€CSSã§ãƒžãƒ«ãƒã‚«ãƒ©ãƒ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆï¼ˆæ®µçµ„ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆï¼‰ã‚’å®Ÿç¾ã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚CSSã§ãƒžãƒ«ãƒã‚«ãƒ©ãƒ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å®Ÿç¾ã™ã‚‹æ–¹æ³•ã¯ã„ã‚ã„ã‚ã‚ã‚Šã¾ã™ãŒã€ä»Šå›žã¯ã€æœ€ã‚‚åŸºæœ¬çš„ãªæ–¹æ³•ã¨ã—ã¦ã€å‰å›žã®è¨˜äº‹ã§è§£èª¬ã—ãŸã€Œfloatãƒ—ãƒãƒ‘ãƒ†ã‚£ã€ãŠã‚ˆã³ã€Œpositionãƒ—ãƒãƒ‘ãƒ†ã‚£ã€ã‚’åˆ©ç”¨ã—ãŸã€ã€Œãƒ•ãƒãƒ¼ãƒˆåž‹ã€ã¨ã€Œãƒã‚¸ã‚·ãƒ§ãƒ‹ãƒ³ã‚°åž‹ã€ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚åŒæ™‚ã«ãƒšãƒ¼ã‚¸ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§èµ·ã“ã‚ŠãŒã¡ãªå•é¡Œã¨ãã®å¯¾å‡¦æ–¹æ³•ã«ã¤ã„ã¦ã‚‚æ‰±ã„ã¾ã™ã€‚ å¯¾è±¡èªè€… XHTMLã¨CSSã®åŸºæœ¬ã‚’ç†è§£ã—ã¦ã„ã‚‹æ–¹ã€‚ Webæ¨™æº–ã‚µã‚¤ãƒˆã®å®Ÿè·µçš„ãªä½œã‚Šæ–¹ã«èˆˆå‘³ã®ã‚ã‚‹æ–¹ã€‚ å¿…è¦ãªç’°å¢ƒ ï¼ˆXï¼‰HTMLã‚„CSSã‚’è¨˜è¿°ã™ã‚‹ã‚¨ãƒ‡ã‚£ã‚¿ã¨ã€ãã‚Œã‚’ç¢ºèªã™ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ãŒã‚ã‚Œã°ã€ç‰¹åˆ¥ãªç’°å¢ƒã¯
cyokodog 2010/03/18
*css

layout

_favorite

****ã‚ã¨ã§ã¿ã‚‹
ãƒªãƒ³ã‚¯
3col+ã‚«ãƒ©ãƒ è½ã¡ãªã—+equalHeightãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ - ãƒŸã‚·ãƒ§ãƒ‹ãƒãƒ¼
divã‚’ä½¿ã£ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ã€ã‚«ãƒ©ãƒ è½ã¡ãªã—ã§ã€ã‚¤ã‚³ãƒ¼ãƒ«ãƒã‚¤ãƒˆã‚‚ã¡ã‚ƒã‚“ã¨ã§ãã‚‹ãƒšãƒ¼ã‚¸æ§‹é€ ã‚’è€ƒãˆã¦ã¿ã¾ã—ãŸã€‚ å¹…ã€ã‚«ãƒ©ãƒ æ•°ã®èª¿æ•´ã‚‚ã€ç°¡å˜ã§ã™ã€‚ DEMO ã¨ã“ã‚ã§ã€ ã‚¤ã‚³ãƒ¼ãƒ«ãƒã‚¤ãƒˆã¨ã¯ã€ ä¸Šã®ç”»åƒã¯ã€3ã‚«ãƒ©ãƒ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨æ€ã£ã¦ã»ã—ã„ã€å·¦3åˆ—ã®ãƒšãƒ¼ã‚¸ã‚’å³3åˆ—ã®ãƒšãƒ¼ã‚¸ã®ã‚ˆã†ã«é«˜ã•ã‚’æƒãˆã‚‹ã“ã¨ã€‚ ä¾‹ãˆã°ã€èƒŒæ™¯ç”»åƒã‚’ä½¿ã£ã¦ã„ãŸã‚Šã™ã‚‹å ´åˆã«ã€åŒã˜é«˜ã•ã§ãªã„ã¨è¦‹æ „ãˆãŒæ‚ªã„ã¨ã„ã†ã“ã¨ãŒã‚ã‚‹ã€‚ ãƒ–ãƒã‚°ãªã©ã®å ´åˆã«ã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒªãƒ³ã‚¯ã®æ•°ç‰ã¯ã€å¤‰åŒ–ã™ã‚‹ã®ã§ã€ã‚ã‚‰ã‹ã˜ã‚é«˜ã•ã‚’æŒ‡å®šã—ã¦ãŠãã®ãŒå›°é›£ã€‚ ã¾ãŸã€å˜ã«javaScriptç‰ã§ã€æœ€å¤§ã®é«˜ã•ã‚’å–å¾—ã™ã‚‹ã ã‘ã§ã¯ã€ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’å¤‰æ›´ã—ãŸæ™‚ãªã©ã«ã€ãƒ–ãƒãƒƒã‚¯ã‹ã‚‰ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒã¯ã¿å‡ºã™ã¨ã„ã†ã“ã¨ãŒãŠãã‚‹ã€‚ ã ã‹ã‚‰ã€cssã‚„ã€javascriptã§ä½•ã¨ã‹ã—ã‚ˆã†ã¨ã™ã‚‹ã€‚ ã‚«ãƒ©ãƒ è½ã¡ divã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã§ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã™ã‚‹æ™‚ã«ã€æœ¬æ¥3åˆ—ã§ç¶æŒã•ã‚Œãªãã¦ã¯ã„ã‘ãªã„ãƒšãƒ¼ã‚¸ãŒã€ã‚³ãƒ³ãƒ†
cyokodog 2009/10/15
ãŸã—ã‹ã«

-jquery

layout
ãƒªãƒ³ã‚¯
ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ãªç”»é¢ãƒ‘ã‚¿ãƒ¼ãƒ³13é¸ â€“ creamu
ã‚µã‚¤ãƒˆã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚’è¨è¨ˆã—ãŸã„ã€‚ ãã‚“ãªã¨ãã«å‚è€ƒã«ãªã‚‹ã®ãŒã€ã€ŽDesigning Web Interfaces: 12 Standard Screen Patternsã€ã€‚ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ãªç”»é¢ãƒ‘ã‚¿ãƒ¼ãƒ³13é¸ã ã€‚ ä»¥ä¸‹ã«ã”ç´¹ä»‹ã€‚ Master/Detail åž‚ç›´ã‹æ°´å¹³ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€‚ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³å›ºå®šã§æ“ä½œç”»é¢ã‚’ãƒ¦ãƒ¼ã‚¶ã«èªè˜ã—ã‚„ã™ã„ã‚ˆã†ã«ã—ã¦ã„ã‚‹ Column Browse åž‚ç›´ã‹æ°´å¹³ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ã€å§‹ã‚ã®ã‚«ãƒ©ãƒ ã‹ã‚‰ãƒ¦ãƒ¼ã‚¶ã‚’ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¦ã„ãä»•çµ„ã¿ã‚’æä¾›ã—ã¦ã„ã‚‹ Search/ Results ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã§ãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã«ãƒ¦ãƒ¼ã‚¶ã‚’ãƒŠãƒ“ã‚²ãƒ¼ãƒˆã™ã‚‹ã¨ãã«ä½¿ã‚ã‚Œã‚‹ Filter Dataset æ¤œç´¢æ¡ä»¶ã‚’çµžã‚Šè¾¼ã‚“ã§ç²¾åº¦ã‚’ä¸Šã’ã‚‹ã¨ããªã©ã«ä½¿ã‚ã‚Œã‚‹ Forms ãƒ•ã‚©ãƒ¼ãƒ ç”»é¢ã¯ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã¨ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¤ã„ã¦è€ƒãˆæŠœã‹ã‚Œã¦ã„ãªã‘ã‚Œã°ãªã‚‰ãªã„ Palette/ Canvas ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä½œæˆã™ã‚‹ã¨ããªã©ã«ä½¿ã‚
cyokodog 2009/01/21
*css

*design

layout

_favorite
ãƒªãƒ³ã‚¯
1