[B! navigation] ohnishiakiraã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ohnishiakira id:ohnishiakira

navigationã«é–¢ã™ã‚‹ohnishiakiraã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (10)

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

ã‚‚ã†ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’è¿·ã‚ã›ãªã„ï¼ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼è¨ç½®ã®ã‚³ãƒ„
2013å¹´11æœˆ22æ—¥ Webã‚µã‚¤ãƒˆåˆ¶ä½œ, ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ ã©ã®Webã‚µã‚¤ãƒˆã«ã‚‚å¿…ãšã‚ã‚‹ã®ãŒãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€‚å„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãƒšãƒ¼ã‚¸ã¸ãƒªãƒ³ã‚¯ã•ã‚Œã¦ã„ã‚‹ã€ŒWebã‚µã‚¤ãƒˆã®ç›®æ¬¡ã€ã§ã™ã€‚ã“ã®ç›®æ¬¡ã‚’ãã¡ã‚“ã¨è¨ç½®ã—ã¦ã„ãªã„ã¨ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯æ¬²ã—ã„æƒ…å ±ãŒè¦‹ã¤ã‘ã‚‰ã‚Œãšã€é›¢è„±çŽ‡ãŒé«˜ããªã‚Šã¾ã™ã€‚ãã®ã‚µã‚¤ãƒˆã§ã—ã‹æ‰‹ã«å…¥ã‚‰ãªã„ã€æœ¬å½“ã«å¿…è¦ãªæƒ…å ±ã§ãªã„é™ã‚Šã€ã“ã¡ã‚‰ã‹ã‚‰æ¡ˆå†…ã—ãªã„ã¨ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æŽ¢ãã†ã¨ã—ã¾ã›ã‚“ã€‚ãã‚“ãªãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ã¾ã—ã‚‡ã†ã€‚ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®è¨ç½®ãƒã‚¤ãƒ³ãƒˆ ã™ã¹ã¦ã®ãƒšãƒ¼ã‚¸ã« åŸºæœ¬ä¸ã®åŸºæœ¬ã§ã™ãŒã€ãƒ¡ã‚¤ãƒ³ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯ã©ã®ãƒšãƒ¼ã‚¸ã«ã‚‚åŒã˜å ´æ‰€ã«è¨ç½®ã—ã¾ã—ã‚‡ã†ã€‚ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã§ã—ã‹è¡¨ç¤ºã•ã‚Œãªã„â€¦ãªã‚“ã¦ã“ã¨ãŒãªã„ã‚ˆã†ã«ã€‚ã¨ã„ã†ã®ã‚‚ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒæœ€åˆã«ãŸã©ã‚Šç€ãã®ãŒå¿…ãšã—ã‚‚ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã¨ã¯é™ã‚‰ãªã„ã‹ã‚‰ã§ã™ã€‚æ¤œç´¢ã§ç‰¹å®šã®ã‚³ãƒ³ãƒ†ãƒ³
ohnishiakira 2011/10/18
webdesign

navigation
ãƒªãƒ³ã‚¯
ãƒ‘ãƒ³ããšã®ãƒ‡ã‚¶ã‚¤ãƒ³é›†ã¨æ¦‚è¦ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒã‚¤ãƒ³ãƒˆ
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã§ä½¿ç”¨ã—ã¦ã„ã‚‹ãƒ‘ãƒ³ããšã®ãƒ‡ã‚¶ã‚¤ãƒ³é›†ã¨ãƒ‘ãƒ³ããšã®ç”±æ¥ã‚„æ¦‚è¦ã€ç‰¹é•·ã‚’ã¯ã˜ã‚ã€è¨ç½®ã®åˆ¤æ–åŸºæº–ã€å®Ÿè£…ã®ã‚ˆãã‚ã‚‹é–“é•ã„ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒã‚¤ãƒ³ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
ohnishiakira 2010/08/18
webdesign

navigation

ãƒ‘ãƒ³ããš
ãƒªãƒ³ã‚¯
ã€ãƒã‚¦ãƒ„ãƒ¼ã€‘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ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚å‹•ä½œã™ã‚‹
ohnishiakira 2010/03/24
CSS3

navigation
ãƒªãƒ³ã‚¯
CSS3ã§ç¶ºéº—ãªãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ä½œã‚‹æ–¹æ³• | ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚º | ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«
Web Designer Wall is all about design, ideas, web trends, and tutorials. It is designed and maintained by Nick La, who also runs N.Design Studio, IconDock, and Best Web Gallery. CSS3 Dropdown Menu - WebDesignerWallã«ãŠã„ã¦CSS3ã®æ©Ÿèƒ½ã‚’æ´»ç”¨ã—ãŸãƒžãƒ«ãƒãƒ¬ãƒ™ãƒ«ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ã€‚ãƒ‡ãƒ¢ãŒæä¾›ã•ã‚Œã¦ãŠã‚Šã€CSS3ã«å¯¾å¿œã—ãŸãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã¨ä¸¸ã‚«ãƒ‰å½±ä»˜ãã®ãƒžãƒ«ãƒãƒ¬ãƒ™ãƒ«ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã€‚IE8ã‚„IE7ãªã©CSS3ã«å¯¾å¿œã—ã¦ã„ãªã„ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚¢ã‚¯ã‚»ã‚¹ã—ãŸå ´åˆã¯è§’ã‚«ãƒ‰å½±ãªã—ã®ãƒžãƒ«ãƒãƒ¬ãƒ™ãƒ«ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã€‚ã©ã¡ã‚‰ã®å ´åˆã‚‚ã‚°ãƒ©
ohnishiakira 2010/02/25
CSS

navigation
ãƒªãƒ³ã‚¯
å…¨ã¦ã®ITãƒ»Webé–¢ä¿‚è€…ã«è¦‹ã¤ã‚ãªãŠã—ã¦æ¬²ã—ã„ã€ŒDonâ€™t Make Me Thinkã€ - Feel Like A Fallinstar
â€Don't Make Me Thinkâ€ è¨³ã™ã¨ã€ã€Œã„ã¡ã„ã¡ç§ã«è€ƒãˆã•ã›ã‚‹ãªï¼ãƒœã‚±ï¼ã€ã¨ã„ã£ãŸã¨ã“ã‚ã§ã—ã‚‡ã†ã‹ã€‚ ã“ã‚Œã¯ã€2001å¹´ã«Steve KrugãŒå‡ºã—ãŸæ›¸ç±ã®åå‰ãªã®ã§ã™ãŒã€ã“ã®ã€Œãƒ¦ãƒ¼ã‚¶ã«ã„ã¡ã„ã¡è€ƒãˆã•ã›ãªã„ã€ã“ã¨ã‚’å¿˜ã‚Œã¦ã„ã‚‹ã‹ã€ã„ãªã„ã‹ãŒã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ãƒ»Webã‚µã‚¤ãƒˆã®å‹è² ã‚’åˆ†ã‘ã‚‹æœ€ã‚‚å¤§ããªåˆ†å²ç‚¹ã®1ã¤ã§ã™ã€‚ äººé–“ã¯æ—¥ã€…ã®ç”Ÿæ´»ã®ä¸ã§ã€ã„ã¡ã„ã¡ç‰©ã‚’æ“ä½œã—ãŸã‚Šæƒ…å ±ã‚’è¦‹ã‚‹ãŸã³ã«ã‚ã‚Œã“ã‚Œè€ƒãˆãŸããªã‚“ã¦ã‚ã‚Šã¾ã›ã‚“ã€‚ ãƒ¦ãƒ¼ã‚¶ã‚’ã¤ã¾ã‚‰ãªã„æ“ä½œã‚„ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã§è€ƒãˆã•ã‚Œã‚Œã°ã•ã›ã‚‹ã»ã©ã‚¹ãƒˆãƒ¬ã‚¹ã¯å¢—å¤§ã—ã€ä¼æ¥ã¸ã®ä¿¡ç”¨ã¯æ€¥æ¿€ã«å¤±ã‚ã‚Œã¾ã™ã€‚ ä»Šæ—¥ã¯ã€ã“ã®â€Don't Make Me Thinkâ€ã«ã¤ã„ã¦ã€ å¦‚ä½•ã«ãƒ¦ãƒ¼ã‚¶ãŒè€ƒãˆã‚‹ã“ã¨ã‚’å«Œã†ã‹ ã€Œè€ƒãˆã•ã›ãªã„ã€ã¨ã¯ã©ã†ã„ã†ã“ã¨ã‹ ã‚’ã€ã“ã‚Œã¾ã§è¦‹ã¦ããŸãƒ¦ãƒ¼ã‚¶æ¤œè¨¼ã®çµæžœãªã©ã‚‚äº¤ãˆã¦ã€å°‘ã—ã°ã‹ã‚Šæ›¸ã„ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ ã‚ã‚‰ã‚†ã‚‹ã€Œç„¡é§„ãªã€æ€è€ƒãŒã€ãƒ¦ãƒ¼ã‚¶ã‚’è‹›ç«‹ãŸã›ã€
ohnishiakira 2010/01/31
usability

navigation

UI
ãƒªãƒ³ã‚¯
ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®é€²æ—ã‚’æ˜Žç¤ºã™ã‚‹ã€Œãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒˆãƒ©ãƒƒã‚«ãƒ¼ã€è©³è§£
ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚¹ãƒˆã‚¢ã§ã®æ³¨æ–‡ã‚„ãƒ•ã‚©ãƒ¼ãƒ ãªã©ã§ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®é€²æ—ã‚’æ˜Žç¤ºã™ã‚‹ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒˆãƒ©ãƒƒã‚«ãƒ¼ã®æ¦‚è¦ã‚„ç‰¹é•·ã€å®Ÿè£…ä¾‹ã€ã‚ˆãã‚ã‚‹é–“é•ã„ãªã©ã‚’Smashing Magazineã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Progress Trackers in Web Design: Examples and Best Practices ä»¥ä¸‹ã¯ãã®ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ 1. ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒˆãƒ©ãƒƒã‚«ãƒ¼ã¨ã¯ï¼Ÿ 2. ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒˆãƒ©ãƒƒã‚«ãƒ¼ã¨ãƒ‘ãƒ³ããšã®ç›¸é•ç‚¹ 3. ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒˆãƒ©ãƒƒã‚«ãƒ¼ã®æ´»ç”¨ 4. ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒˆãƒ©ãƒƒã‚«ãƒ¼ã®ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ 5. ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒˆãƒ©ãƒƒã‚«ãƒ¼ã®å®Ÿè£… 6. ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒˆãƒ©ãƒƒã‚«ãƒ¼ã®ã‚ˆãã‚ã‚‹é–“é•ã„ 7. ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒˆãƒ©ãƒƒã‚«ãƒ¼ã®ã‚·ãƒ§ãƒ¼ã‚±ãƒ¼ã‚¹ 1. ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒˆãƒ©ãƒƒã‚«ãƒ¼ã¨ã¯ï¼Ÿ ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒˆãƒ©ãƒƒã‚«ãƒ¼ã¨ã¯é€²æ—ã‚’æ˜Žç¤ºã™ã‚‹ã‚‚ã®ã§ã€è¤‡æ•°ã®ã‚¹ãƒ†ãƒƒãƒ—ãŒã‚ã‚‹ãƒ—ãƒã‚»ã‚¹ã‚’å®Œäº†ã™ã‚‹ãŸã‚ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æ‰‹åŠ©ã‘ã¨ãªã‚‹ã‚‚ã®ã§ã™ã€‚ ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã®ãƒ—ãƒãƒ€
ohnishiakira 2010/01/19
navigation
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ãƒ•ãƒƒã‚¿ã‚’é…åŠ›çš„ã«ã™ã‚‹10ã®ã‚·ãƒ³ãƒ—ãƒ«ãªã‚¢ã‚¤ãƒ‡ã‚¢
æ˜¨å¹´ãã‚‰ã„ã‹ã‚‰ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚¾å‘ã¨ã—ã¦ãƒ•ãƒƒã‚¿ã‚’å……å®Ÿã•ã›ãŸã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚ ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®å°è±¡ã«æ®‹ã‚Šã€ã‚ˆã‚Šåˆ©ä¾¿æ€§ã®é«˜ã„ãƒ•ãƒƒã‚¿ã‚’è¨ç½®ã™ã‚‹éš›ã«ãƒ’ãƒ³ãƒˆã¨ãªã‚‹ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’Design Shackã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ 10 Techniques for a Fantastic Footer ä»¥ä¸‹ã¯ã€ãã®ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ ã¯ã˜ã‚ã« 1. ãƒ—ãƒ©ã‚¤ãƒžãƒª ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ 2. ã€Œãƒˆãƒƒãƒ—ã«æˆ»ã‚‹ã€ãƒœã‚¿ãƒ³ 3. ç¾Žã—ã„ã‚³ãƒ³ãƒˆãƒ©ã‚¹ãƒˆ 4. ã‚¤ãƒ³ãƒ‘ã‚¯ãƒˆã®ã‚ã‚‹ã‚¤ãƒ©ã‚¹ãƒˆ 5. å……å®Ÿã—ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ 6. ã‚¤ãƒ³ãƒ•ã‚©ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ 7. ãƒ¡ãƒ‡ã‚£ã‚¢ ãƒãƒ– 8. æ–°é®®ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ 9. ã‚¤ãƒ³ãƒ•ã‚©ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ 10. ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«çš„ãªã‚¢ã‚¯ã‚»ãƒ³ãƒˆ ã¯ã˜ã‚ã« é…åŠ›çš„ãªãƒ•ãƒƒã‚¿ã¯ã€ã‚µã‚¤ãƒˆã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«æ°¸ç¶šçš„ã§ãƒã‚¸ãƒ†ã‚£ãƒ–ãªå°è±¡ã‚’ä¸Žãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãƒ•ãƒƒã‚¿ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¨æ©Ÿèƒ½æ€§ã®ä¸¡æ–¹ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã‚’ã‚ã¦ã‚‹ã“ã¨ã§ã€ã‚µã‚¤ãƒˆã®ãƒ•ãƒƒã‚¿ã‚’é…åŠ›çš„ã«
ohnishiakira 2010/01/15
usability

navigation
ãƒªãƒ³ã‚¯
CSSã§ãƒªã‚¹ãƒˆã‚’æ•´å½¢ã™ã‚‹ãªã‚‰è¦šãˆã¦ãŠãã¹ãï¼˜ã¤ã®ãƒªã‚¹ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚µãƒ³ãƒ—ãƒ«é›†:phpspoté–‹ç™ºæ—¥èªŒ
CSSã§ãƒªã‚¹ãƒˆã‚’æ•´å½¢ã™ã‚‹ãªã‚‰è¦šãˆã¦ãŠãã¹ãï¼˜ã¤ã®ãƒªã‚¹ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚µãƒ³ãƒ—ãƒ«é›†ã€‚ ãƒªã‚¹ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã„ã†ã¨ã€CSSã®æ•´å½¢æ–¹æ³•ã«ã‚ˆã£ã¦æ§˜ã€…ãªè¦‹ã›æ–¹ãŒå¯èƒ½ã§ã™ãŒã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ï¼†ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ä»˜ããŒã¾ã¨ã¾ã£ãŸã‚¨ãƒ³ãƒˆãƒªãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒªã‚¹ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®éš›ã¯ã€ã„ã¤ã‚‚å˜èª¿ã«ãªã‚ŠãŒã¡ã€ã¨ã„ã†æ–¹ã¯è¦šãˆã¦ãŠãã¨ã€ã¡ã‚‡ã£ã¨å¤‰ã‚ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ä½œã‚Œãã†ã§ã™ã—ã€ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’é§†ä½¿ã—ã¦ã¾ã£ãŸãæ–°ã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è€ƒãˆã‚‹ã“ã¨ã‚‚å‡ºæ¥ãã†ã€‚ ãã‚Œã§ã¯ä»¥ä¸‹ã«ãã®ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸãƒªã‚¹ãƒˆã®ã‚µãƒ³ãƒ—ãƒ«ã‚’ã”ç´¹ä»‹ã€‚ 1. ã‚µã‚¤ãƒˆã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³é¢¨ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸãƒªã‚¹ãƒˆ 2. ç•ªå·ä»˜ãï¼†ç•ªå·ã®æ¨ªã«ç¸¦ã®ãƒ©ã‚¤ãƒ³ãŒã¯ã„ã£ãŸè¦‹ã‚„ã™ã„ãƒªã‚¹ãƒˆ 3. çŸ¢å°ç”»åƒã‚’ä½¿ã£ãŸãƒªã‚¹ãƒˆ 4. iPhoneã‚¹ã‚¿ã‚¤ãƒ«ã®ã‚¯ãƒ¼ãƒ«ãªãƒœãƒƒã‚¯ã‚¹ãƒªã‚¹ãƒˆ 5. ãƒ„ãƒªãƒ¼ã£ã½ã„å½¢å¼ã«ã§ãã‚‹ãƒªã‚¹ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ 6. è¤‡æ•°è¡Œã«ã—ã¦ãƒ†ã‚ã‚¹ãƒˆã£ã½ãè¡¨ç¤ºã§ãã‚‹ãƒ†ã‚ã‚¹ãƒˆãƒªã‚¹ãƒˆ 7. ãƒ¯ãƒ³ãƒ©ã‚¤ãƒ³ã«ã—ã¦ã€ã‚«ãƒ³ãƒžã‚’ä»˜ä¸Ž
ohnishiakira 2009/10/22
CSS

CSS3

navigation
ãƒªãƒ³ã‚¯
URIå¤‰ãˆã‚‹ãªï¼Œãƒšãƒ¼ã‚¸æ¶ˆã™ãª | Okumura's Blog
æŽ¢ã—ç‰©ã‚’ã—ã¦ã„ã¦å¤ã„ãƒªãƒ³ã‚¯ã‚’ãŸã©ã£ãŸã‚‰ ç·å‹™çœï½œã”æ¡ˆå†…ãƒšãƒ¼ã‚¸ã€€ï¼æŽ²è¼‰æœŸé–“ãŒçµ‚äº†ã—ã¦ã„ã¾ã™ï¼ ã¨ã„ã†ãƒšãƒ¼ã‚¸ã«ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã•ã‚Œã¦ã—ã¾ã£ãŸã€‚ç·å‹™çœã‚µã‚¤ãƒˆã®æŽ²è¼‰æœŸé–“ã¯åŽŸå‰‡3å¹´ã§ï¼Œãƒ‘ãƒ³ãƒ•ãƒ¬ãƒƒãƒˆãªã©ã¯æœ€æ–°ç‰ˆä»¥å¤–ã¯æ¶ˆã—ã¦ã„ã‚‹ã¨ã„ã†ã€‚å›½ã®è²´é‡ãªè³‡æ–™ã¯æ°¸ä¹…ä¿å˜ã§ã„ã„ã¨æ€ã†ã®ã ãŒï¼Œãªãœæ¶ˆã™ã®ã ã‚ã†ï¼Ÿ Webã®é–‹ç¥–Tim Berners-Leeã¯1998å¹´ã« Cool URIs don't changeï¼ˆç¥žå´Žã•ã‚“ã®è¨³ï¼šã‚¯ãƒ¼ãƒ«ãªURIã¯å¤‰ã‚ã‚‰ãªã„ï¼‰ã‚’æ›¸ã„ã¦ï¼ŒURIï¼ˆURLï¼‰ãŒæ°¸ç¶šã™ã¹ãã“ã¨ã‚’èª¬ã„ã¦ã„ã‚‹ã€‚ã‚‚ã†10å¹´ä»¥ä¸Šã‚‚å‰ã®ãƒšãƒ¼ã‚¸ã ãŒï¼Œã‚µã‚¤ãƒˆç®¡ç†è€…ã¯ãœã²èªã‚“ã§ã»ã—ã„ã€‚ã“ã“ã«æ›¸ã„ã¦ã‚ã‚‹ã‚ˆã†ã«ï¼Œä½•åå¹´ã‚‚æ°¸ç¶šã•ã›ã‚‹ãŸã‚ã«ã¯ã„ã‚ã„ã‚ãªå·¥å¤«ãŒå¿…è¦ã ã€‚ä¾‹ãˆã°æ‹¡å¼µåã¯ãã®æ™‚ç‚¹ã§ã®æŠ€è¡“ã‚’åæ˜ ã™ã‚‹ã€‚hoge.html ã¯ hoge.cgi ã‚„ hoge.php ã‚„ hoge.rb ã«ãªã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã€‚ãã®ãŸã‚ï¼ŒW3Cã‚µã‚¤ãƒˆã¸ã®æ£å¼ãª
ohnishiakira 2009/08/14
usability

navigation

URI
ãƒªãƒ³ã‚¯
Webã‚µã‚¤ãƒˆã®ã€Œã‚ˆãã‚ã‚‹è³ªå•ã€ã®é•å’Œæ„Ÿ - kensakumaigoã®æ—¥è¨˜
ã“ã‚“ã«ã¡ã¯ã€‚æ¤œç´¢è¿·åã§ã™ã€‚ ä»Šæ—¥ã®ãŠè©±ã¯ã€ Webã‚µã‚¤ãƒˆã®å®šç•ªç”¨èªžã€ã€Œã‚ˆãã‚ã‚‹è³ªå•ã€ã®è¨€ã„å›žã—ã«æ„Ÿã˜ã‚‹ã€ ã‚µãƒ¼ãƒ“ã‚¹æä¾›è€…ã‹ã‚‰çªãæ”¾ã•ã‚ŒãŸã‚ˆã†ãªé•å’Œæ„Ÿã¨ã„ã†è©±ã€ ã§ã™ã€‚ ã€Œã‚ˆãã‚ã‚‹è³ªå•ã€ã£ã¦ã€ãªã‚“ã ã‹ä¸Šç›®ç·šã ã¨æ„Ÿã˜ãŸã€‚ ç„¡æ•°ã«ã‚ã‚‹ï¼·ebã‚µã‚¤ãƒˆã«ã¯ã€ã€Œã‚ˆãã‚ã‚‹è³ªå•ã€ã®ãƒšãƒ¼ã‚¸ãŒå¤šæ•°ã‚ã‚Šã¾ã™ã€‚ ä»Šã§ã¯ã€å®šç•ªã¨è¨€ãˆã‚‹ç”¨èªžã«ãªã£ã¦ã„ã¾ã™ãŒã€ç§ã¯æœªã ã«ã“ã®ç”¨èªžãŒã—ã£ãã‚Šãã¾ã›ã‚“ã€‚ ååˆ†ã«ãã®æ„å‘³ã™ã‚‹ã¨ã“ã‚ã¯ã‚ã‹ã‚Šã€ä½•ãŒæŽ²è¼‰ã•ã‚ŒãŸãƒšãƒ¼ã‚¸ã‹ã¯ã‚ã‹ã‚‹ã®ã§ã™ãŒã€ ä½•å›žè¦‹ã¦ã‚‚ã€ã¡ã‚‡ã£ã¨å«Œãªè¨€ã„å›žã—ã ãªã¨æ€ã„ã¾ã™ã€‚ ä»Šæ—¥ã€ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚’æ›¸ãã®ã¯ã€ ç”¨èªžä¸€ã¤ã§ã‚‚ã‚µã‚¤ãƒˆã‚’ä½¿ã†ãŠå®¢æ§˜ã®æ°—æŒã¡ãŒå¤‰ã‚ã‚‹ã®ã§ã¯ã€ã¨ã„ã†æ€ã„ã‹ã‚‰ã§ã™ã€‚ æ—¥æœ¬èªžãƒšãƒ¼ã‚¸ã®ã€Œã‚ˆãã‚ã‚‹è³ªå•ã€ãŒã€å…¨é¢çš„ã«å¤‰ã‚ã‚‹ã¨ã¯æ€ã£ã¦ã„ãªã„ã®ã§ã™ãŒã€ ã“ã†ã„ã†æ„Ÿã˜æ–¹ã‚’ã™ã‚‹äººãŒã„ã‚‹ã‚“ã ã¨èªã‚“ã§ã„ãŸã ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã§åˆã‚ã¦å•†ç”¨ã‚µã‚¤ãƒˆã‚’è¦‹ãŸã¨ãã€ç§ãŒå®Ÿéš›
ohnishiakira 2009/08/14
"ã‚ˆãã‚ã‚‹è³ªå•"ã¨"ã‚ˆãã‚ã‚‹ãŠå•åˆã›"ã®é•ã„

usability

navigation
ãƒªãƒ³ã‚¯
1