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

tokinonamida id:tokinonamida

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

${{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 ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆåˆ‡ã‚Šæ›¿ãˆã‚¹ã‚¤ãƒƒãƒ | WWW WATCH
Web ã‚µã‚¤ãƒˆã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«é–¢ã—ã¦ã¯ã€æ¨ªå¹…ã‚’å›ºå®šã—ãŸå›ºå®šãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã¨é€£å‹•ã™ã‚‹ãƒªã‚ãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€æ–‡å—ã‚µã‚¤ã‚ºã¨é€£å‹•ã™ã‚‹ã‚¨ãƒ©ã‚¹ãƒ†ã‚£ãƒƒã‚¯ãƒ¬... Web ã‚µã‚¤ãƒˆã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«é–¢ã—ã¦ã¯ã€æ¨ªå¹…ã‚’å›ºå®šã—ãŸå›ºå®šãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã¨é€£å‹•ã™ã‚‹ãƒªã‚ãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€æ–‡å—ã‚µã‚¤ã‚ºã¨é€£å‹•ã™ã‚‹ã‚¨ãƒ©ã‚¹ãƒ†ã‚£ãƒƒã‚¯ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã® 3ç¨®é¡žãŒã‚ˆãä½¿ã‚ã‚Œã¾ã™ãŒã€ã©ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒä¸€ç•ªæ–‡ç« ãŒèªã¿ã‚„ã™ã‹ã£ãŸã‚Šã€åˆ©ä¾¿æ€§ãŒé«˜ã„ã®ã‹ã£ã¦è€ƒãˆãŸã¨ãã«ã€å½“ç„¶å¥½ã¿ã¯äººãã‚Œãžã‚Œã€‚ ã˜ã‚ƒã‚ã€ãã®äººã®å¥½ã¿ã§ã€3ã¤ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’åˆ‡ã‚Šæ›¿ãˆã‚‰ã‚Œã‚‹ã‚ˆã†ã«ã—ãŸã‚‰ã„ã„ã˜ã‚ƒã‚“ã¨ã„ã†ã“ã¨ã§ã€ãã‚“ãª CSS åˆ‡ã‚Šæ›¿ãˆã‚¹ã‚¤ãƒƒãƒã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ ã‚µãƒ³ãƒ—ãƒ«ã¯ã“ã¡ã‚‰ã§ç¢ºèªã§ãã¾ã™ å…¨ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯ã“ã¡ã‚‰ ï¼ˆzip ãƒ•ã‚¡ã‚¤ãƒ« / 10KBï¼‰ ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã¯æ¨ªå¹…å›ºå®šã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ãªã£ã¦ã„ã¾ã™ã€‚ã‚¹ã‚¤ãƒƒãƒã‚’æŠ¼ã™ãŸã³ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒé¸æŠž
tokinonamida 2007/10/22
css

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ
ãƒªãƒ³ã‚¯
ã€Œå·¦ä¸Šã®é”è¡“å¸«ã€ç†è«–
Webæ¥ç•Œã®ãƒ‡ã‚¶ã‚¤ãƒ³æ‰‹æ³•ã¨ã—ã¦ã€å¯†ã‹ã«æµè¡Œã—å§‹ã‚ã¦ã„ã‚‹ã€Œå·¦ä¸Šã®é”è¡“å¸«ã€ç†è«–ã€‚ ã‚µã‚¤ãƒˆã¨ã—ã¦ã®ã€Œè¦‹æ „ãˆã€ã‚ˆã‚Šã‚‚ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ã€Œç›®ã®å‹•ãã€ã«ç€ç›®ã—ãŸWebãƒ‡ã‚¶ã‚¤ãƒ³æ‰‹æ³•ã¨ã—ã¦æ³¨ç›®ã‚’æµ´ã³ã¦ã„ã¾ã™ã€‚ ä»Šå›žã¯ã€ã¾ãšå§‹ã‚ã«Webã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³åˆ¥ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ã€Œç›®ã®å‹•ãã€ã‚’è§£èª¬ã—ã¾ã™ã€‚ ãã—ã¦ã€å®Ÿéš›ã«ãƒŸãƒªã‚ªãƒ³å˜ä½ã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’ç²å¾—ã—ã¦ã„ã‚‹ã‚µã‚¤ãƒˆã‚’è€ƒå¯Ÿã™ã‚‹ã“ã¨ã§ã€ã€Œå·¦ä¸Šã®é”è¡“å¸«ã€ç†è«–ã‚’è§£èª¬ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 1.ã‚«ãƒ©ãƒ åˆ¥Webã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ 2.æ˜”ã¯ãŸãã•ã‚“ã‚ã£ãŸWebã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ 3.ãƒšãƒ¼ã‚¸å˜ä½“ã‚’è¦‹ã«æ¥ãŸã¨ãã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç›®ã®å‹•ã 4.ã‚µã‚¤ãƒˆå…¨ä½“ã‚’è¦‹ãŸããªã£ãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç›®ã®å‹•ã 5.ãƒŸãƒªã‚ªãƒ³å˜ä½ã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’ç²å¾—ã—ã¦ã„ã‚‹ã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ 6.å·¦ä¸Šã®é”è¡“å¸«ã¨ã¯ 1.ã‚«ãƒ©ãƒ åˆ¥Webã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ ç¾åœ¨ã®Webã‚µã‚¤ãƒˆã®å¤šãã¯ã€ã€Œ1ã‚«ãƒ©ãƒ åž‹ã€ã€ã€Œ2ã‚«ãƒ©ãƒ åž‹ã€ã€ã€Œ3ã‚«ãƒ©ãƒ åž‹ã€ã®ã©ã‚Œã‹ã§æ§‹æˆã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã®ã†ã¡ã€Œ2ã‚«ãƒ©
tokinonamida 2007/04/11
webãƒ‡ã‚¶ã‚¤ãƒ³

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

css
ãƒªãƒ³ã‚¯
IE7ã‚‚ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹CSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—æ”¾é¡Œã®ã€ŽCSS Layoutsã€ | POP*POP
ã‚ˆãã‚ã‚‹ãƒªã‚½ãƒ¼ã‚¹ã§ã¯ã‚ã‚Šã¾ã™ãŒã€IE7ã«ã‚‚å¯¾å¿œã—ãŸCSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ã”ç´¹ä»‹ã€‚SEOçš„ã«ã‚‚é…æ…®ã•ã‚ŒãŸã‚³ãƒ¼ãƒ‰ãªã®ã ã¨ã‹ã€‚ è©³ã—ã„ä½¿ã„æ–¹ã¯ä»¥ä¸‹ã®ã¨ãŠã‚Šã€‚ ã¾ãŸã€ã›ã£ã‹ããªã®ã§ã“ã†ã—ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆç³»ã‚µã‚¤ãƒˆã«ã¤ã„ã¦æœ€å¾Œã«ã¡ã‚‡ã£ã¨ã¾ã¨ã‚ã¦ãŠãã¾ã—ãŸã€‚ãã¡ã‚‰ã‚‚ã‚ã‚ã›ã¦ã©ã†ãžã€‚ â†‘ ã¾ãšã¯æ¨ªå¹…ã‹ã‚‰é¸æŠžã€‚750pxã‹ã‚‰ã„ã£ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ â†‘ ã‹ãªã‚Šã®æ•°ã®ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ãŒã‚ã‚Šã¾ã™ã€‚ â†‘ è©³ç´°ãƒšãƒ¼ã‚¸ã§CSSãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ ãªã‹ãªã‹ä¾¿åˆ©ã§ã™ãã€‚ã“ã‚Œã§ã‚µã‚¤ãƒˆè£½ä½œã‚’å¤§å¹…ã«ã‚¹ãƒ”ãƒ¼ãƒ‰ã‚¢ãƒƒãƒ—ã§ããã†ã§ã™ã€‚ ã”åˆ©ç”¨ã¯ä»¥ä¸‹ã‹ã‚‰ã©ã†ãžã€‚ Â» CSS Layouts ãªãŠã€ä»–ã«ã‚‚CSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆç³»ã®ãƒªã‚½ãƒ¼ã‚¹ã¯ã‚ã‚Šã¾ã™ãã€‚è‰¯ã„æ©Ÿä¼šãªã®ã§ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«çš„ã«æ¯”è¼ƒçš„è¦‹ã‚„ã™ã„ã‚‚ã®ã‚’ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã¦ã„ã¾ã™ã€‚ Layout Gala: a collection of 40 CSS layouts based on the
tokinonamida 2007/04/11
ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

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

css

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

ie7
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã‚’è¦‹ã‚‹ç›®ã®å‹•ãã¯ã€ŒFã€ãƒ‘ã‚¿ãƒ¼ãƒ³ - GIGAZINE
ã¤ã¾ã‚Šäººé–“ã¯ãƒšãƒ¼ã‚¸ã‚’è¦‹ã‚‹å ´åˆã€ã€ŒFã€ã®å—ã‚’æããªãŒã‚‰ãƒšãƒ¼ã‚¸å…¨ä½“ã‚’è¦‹ã¦ã„ã‚‹ã¨ã„ã†ã‚ã‘ã€‚ ã“ã‚Œã¯232äººã®è¢«é¨“è€…ã‚’å¯¾è±¡ã«è¡Œã‚ã‚ŒãŸã‚‚ã®ã§ã€å¤§ä½“1ãƒšãƒ¼ã‚¸ã‹ã‚‰é‡è¦ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¦‹ã¤ã‘ã‚‹ãŸã‚ã«2ç§’ã‹ã‚‰3ç§’ã¨ã„ã†ã‚‚ã®ã™ã”ã„çŸæ™‚é–“ã«é©šç•°çš„ãªé€Ÿåº¦ã§ãƒšãƒ¼ã‚¸ã‚’è¦‹ã¦ã„ããã†ã§ã€‚ ã§ã€ãã®è¦–ç·šã®çµŒè·¯ã‚’ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«åŒ–ã—ãŸã®ãŒã“ã®ç”»åƒã€‚å…¨éƒ¨ã§3æ®µéšŽã®ã‚¹ãƒ†ãƒƒãƒ—ã‚’è¸ã‚“ã§ãŠã‚Šã€å„æ®µéšŽã‚’è¸ã‚“ã§ã„ã£ãŸçµæžœã€ã€ŒFã€ã®å—ã‚’æãã¨ã„ã†ã‚ã‘ã€‚å¤§ä½“ã©ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚‚ä¸€è²«ã—ã¦ã“ã®ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’è¸ã‚“ã§ã„ã‚‹ã‚‰ã—ã„ã€‚ä»¥ä¸‹ãŒãã®å…¨3æ®µéšŽã®èª¬æ˜Žã€‚ã©ã†ã„ã†ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒåŠ¹æžœçš„ãªã®ã‹ãŒåˆ†ã‹ã‚Šã¾ã™ã€‚ F-Shaped Pattern For Reading Web Content (Jakob Nielsen's Alertbox) http://www.useit.com/alertbox/reading_pattern.html ç¬¬1æ®µéšŽï¼š è¨ªå•è€…ã¯æœ€åˆã«ãƒšãƒ¼ã‚¸ã®
tokinonamida 2007/01/24
gigazine

ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°

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

ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£

ãŠå½¹ç«‹ã¡

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

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£

å¿ƒç†
ãƒªãƒ³ã‚¯
ç¬¬26å›žã€€ã©ã“ã«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ãŠãã¹ãã‹ï¼Œã©ã“ãŒç”»é¢ã®ä¸€ç‰åœ°ã‹ï¼šITpro
Webã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã®ä¸ã§ï¼Œã“ã“2å¹´ã§å¤§ããå¤‰ã‚ã‚Šã¤ã¤ã‚ã‚‹ã€Œå¸¸è˜ã€ãŒã‚ã‚Šã¾ã™ã€‚ãã‚Œã¯ï¼Œã€Œãƒ¡ãƒ‹ãƒ¥ãƒ¼ï¼ˆç´¢å¼•ï¼‰ã€ã®ä½ç½®ã¨ã€Œä¸€ç‰åœ°ã€ã®å ´æ‰€ã§ã™ã€‚ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®é–²è¦§ç’°å¢ƒãŒåŠ é€Ÿåº¦çš„ã«å¤‰åŒ–ã—ã¦ã„ã‚‹ã¨ã„ã†èªè˜ã®ä¸‹ã§ï¼Œãã‚Œã§ã‚‚æœ€è‰¯ã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚’æä¾›ã—ã‚ˆã†ã¨ã™ã‚‹ãªã‚‰ï¼Œã©ã®ã‚ˆã†ãªã“ã¨ã‚’è€ƒãˆã¦ãŠãå¿…è¦ãŒã‚ã‚‹ã§ã—ã‚‡ã†ã‹ã€‚ å·¦ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¨å³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ï¼ˆè¦–ç·šã¨ã®äº¤å·®ï¼‰ã®ã©ã¡ã‚‰ãŒãƒ™ã‚¹ãƒˆï¼Ÿ ã¾ã ãƒ¢ãƒ‹ã‚¿ãƒ¼ç”»é¢ã®å¤§ãã•ãŒå°ã•ã‹ã£ãŸæ™‚ä»£ï¼ˆ1995å¹´å‰å¾Œï¼‰ï¼Œæƒ…å ±ã¸ã‚¢ã‚¯ã‚»ã‚¹ã—ã‚„ã™ãã™ã‚‹ã€Œãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€ã®ä½ç½®ã¯ï¼Œã»ã¨ã‚“ã©èª°ãŒè€ƒãˆã¦ã‚‚å·¦å´ã«ã‚ã‚Šï¼Œè°è«–ã‚‚ã•ã‚Œãªã‹ã£ãŸã‚ˆã†ã«è¨˜æ†¶ã—ã¦ã„ã¾ã™ã€‚ç¢ºå®Ÿã«ç”»é¢ã®ä¸ã«å…¥ã‚Šï¼Œãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚‚åŸºæœ¬çš„ã«å·¦ç«¯ã«ã•ãˆæ³¨æ„ã‚’å‘ã‘ã¦ã„ã‚Œã°ï¼Œå¤§åˆ‡ãªæƒ…å ±ã«ãŸã©ã‚Šç€ã‘ã‚‹ã¨ã„ã†ã€Œæš—é»™ã®å¸¸è˜ã€ãŒå˜åœ¨ã—ã¦ã„ãŸã‹ã®ã‚ˆã†ãªæ™‚ä»£ã§ã—ãŸã€‚ ã—ã‹ã—ã“ã“æ•°å¹´ï¼Œãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒå·¦å´ã«ã‚ã‚‹ã¨æœ¬å½“ã«æ“ä½œæ€§ãŒè‰¯ã„ã®ã‹ã¨ã„ã†è°è«–ã‚’èžãã‚ˆã†ã«ãªã‚Šï¼Œå¤§æ‰‹ã®Webã‚µã‚¤ãƒˆã§ã‚‚
tokinonamida 2006/10/26
ãƒ¦ãƒ¼ã‚¶ãƒ¼ç’°å¢ƒã¨ã‚µã‚¤ã¨ãƒ‡ã‚¶ã‚¤ãƒ³ã®å¤‰é·

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

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
1