[B! design][webdesign] studio-no9ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

studio-no9 id:studio-no9

designã¨webdesignã«é–¢ã™ã‚‹studio-no9ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (19)

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

ãƒ¯ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ãªã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰æŠœã‘å‡ºã™ãŸã‚ã®10ã®ãƒ’ãƒ³ãƒˆ
10 Great Tips to Boost Creativity [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ ã¯ã˜ã‚ã« ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã¨ãã€ãƒ¯ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã«é™¥ã£ã¦ã—ã¾ã†ã“ã¨ã¯ç°¡å˜ã§ã™ã€‚ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¯è‡ªåˆ†ãŒä½•ãŒå¾—æ„ã§ã‚ã‚‹ã‹çŸ¥ã£ã¦ãŠã‚Šã€ãã‚Œã‚’å¼·ã¿ã«ã—ã¦å¸¸ç”¨ã—ã¦ã—ã¾ã†å‚¾å‘ãŒã‚ã‚Šã¾ã™ã€‚ã—ã‹ã—ãªãŒã‚‰ã€é€šå¸¸ã¨ã¯ç•°ãªã‚‹è¦–ç‚¹ã‚’ã¨ã‚‹ã“ã¨ã§ã€å‰µé€ çš„ãªã‚¢ãƒ—ãƒãƒ¼ãƒã‚’æ–°ã—ã„é™ç•Œã¸ã¨ãŠã—ä¸Šã’ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ å‰µé€ åŠ›ã‚’ã‚¢ãƒƒãƒ—ã•ã›ã‚‹ã“ã¨ã¯ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®ç¾åœ¨ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’å¦ã³ã€ä½•ãŒãã‚Œã‚’æˆåŠŸã•ã›ãŸã‹ã‚’ç†è§£ã—ã€ãã—ã¦ã‚ãªãŸè‡ªèº«ã®ãƒ¦ãƒ‹ãƒ¼ã‚¯ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚’ä½¿ã£ã¦ãã‚Œã‚‰ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’å®Ÿè¡Œã™ã‚‹ã“ã¨ã‹ã‚‰å§‹ã‚ã¾ã™ã€‚ ã‚ãªãŸã®å‰µé€ åŠ›ã‚’ã‚ãµã‚Œå‡ºã‚‹ã‚ˆã†ã«ã™ã‚‹ãŸã‚ã«ã€ã“ã“ã«è€ƒæ…®ã«å…¥ã‚Œã‚‹ã¹ã10ã®ãƒ’ãƒ³ãƒˆãŒã‚ã‚Šã¾ã™ã€‚ 1. ã‚«ãƒ©ãƒ¼ã‚’è€ƒãˆã¦ã¿ã‚‹ ã‚µã‚¤ãƒˆã‚’ã‚¼ãƒã‹ã‚‰ä½œæˆã™ã‚‹æ™‚ã‚„ä¿®æ£ã™ã‚‹æ™‚ã€ã‚³ãƒ³ã‚»ãƒ—ãƒˆã‚’å¼·ãã™ã‚‹ãŸã‚ã«ã‚«ãƒ©ãƒ¼ã®çŸ¥è˜ã‚’æ·±ã‚
studio-no9 2010/07/21
idea

design

webdesign

ãŸã¾ã«èªã¿è¿”ã™

study
ãƒªãƒ³ã‚¯
ã‚ˆã‚Šãƒªãƒƒãƒã§ã€ã‚ˆã‚Šãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ã«ãªã£ãŸã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®ç¾çŠ¶ -2010å¹´ã®ãƒˆãƒ¬ãƒ³ãƒ‰
The Current State of Web Design: Trends 2010 ä¸‹è¨˜ã¯è¨˜äº‹ã®æ„è¨³ã¨å®Ÿä¾‹ã‚’ã„ãã¤ã‹æŠœç²‹ã—ãŸã‚‚ã®ã§ã™ã€‚å…ƒè¨˜äº‹ã§ã¯ä»–ã«ã‚‚å¤šæ•°ã®å®Ÿä¾‹ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ç§»ã‚Šå¤‰ã‚ã‚ŠãŒæ¿€ã—ã„æ¥ç•Œã§ã™ã€‚ä»–ã®ã™ã¹ã¦ã®èŠ¸è¡“çš„ãªè¡¨ç¾ã¨ã¾ã£ãŸãåŒã˜ã‚ˆã†ã«ã€ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã¯çµ¶ãˆé–“ãªãã€ãã—ã¦é©šãã»ã©æ—©ã„ã‚¹ãƒ”ãƒ¼ãƒ‰ã§é€²åŒ–ã‚’é‚ã’ã¦ãã¾ã—ãŸã€‚ ãã—ã¦ç¾åœ¨ã€ç§ãŸã¡ã¯ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®é»„é‡‘æ™‚ä»£ã‚’çµŒé¨“ã—ã¦ã„ã‚‹ã¨ã“ã‚ã§ã™ã€‚ãã‚Œã¯ã“ã‚Œã¾ã§ã®ã¨ã“ã‚ã€å°‘ãªãã¨ã‚‚æœ€ã‚‚è‰¯ã„æœŸé–“ã§ã™ã€‚ä¸»è¦ãªãƒ–ãƒ©ã‚¦ã‚¶ã§åˆ©ç”¨ã§ãã‚‹æ–°ã—ã„ãƒ„ãƒ¼ãƒ«ï¼ˆCSS3, HTML5, åŸ‹ã‚è¾¼ã¿ãƒ•ã‚©ãƒ³ãƒˆãªã©ï¼‰ã€è‡ªç”±ã«åˆ©ç”¨ãŒå¯èƒ½ãªå¤šãã®ãƒªã‚½ãƒ¼ã‚¹ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ãªã©ã€ã‚¦ã‚§ãƒ–ã®ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã®ä¿¡é ¼æ€§ãŒé«˜ã„ã‚µãƒãƒ¼ãƒˆã‚’æŒã£ã¦ã„ã¾ã™ã€‚ ç§ãŸã¡ã¯ã‚ˆã‚Šè‰¯ã„ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚„å¯©ç¾Žçš„ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è¦‹ã¦ã„ã¾ã™ã€‚ãã—ã¦åŒæ§˜ã«å€‹äººçš„ã§é…åŠ›
studio-no9 2010/05/24
trend

webdesign

design

links

ã¾ãšç¢ºèª

ãŸã¾ã«èªã¿è¿”ã™
ãƒªãƒ³ã‚¯
è¤‡æ•°ã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’ä½¿ç”¨ã—ãŸã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¨å®Ÿä¾‹ | ã‚³ãƒªã‚¹
è¤‡æ•°ã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’ä½¿ç”¨ã—ãŸãƒžãƒ«ãƒãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚¿ã‚¤ãƒ—ã®ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¨å®Ÿä¾‹ã‚’Noupeã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Multi-Layered Design: Guidelines and Examples ãƒžãƒ«ãƒãƒ¬ã‚¤ãƒ¤ãƒ¼ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ ç§ãŸã¡ã¯ã€ãƒžãƒ«ãƒãƒ¬ã‚¤ãƒ¤ãƒ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒãƒŸãƒ‹ãƒžãƒªã‚¹ãƒˆã®ã‚µã‚¤ãƒˆã‚ˆã‚Šãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«çš„ã«ã‚ˆã‚Šè¤‡é›‘ã§ã‚ã‚‹ã“ã¨ã‚’çŸ¥ã£ã¦ã„ã¾ã™ã€‚ã—ã‹ã—ã€ãã®ãƒžãƒ«ãƒãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’ã©ã®ã‚ˆã†ã«ä½œæˆã™ã‚‹ã¹ãã‹ã«å¤šãã‚’èªžã£ã¦ã„ã¾ã›ã‚“ã€‚ ãƒžãƒ«ãƒãƒ¬ã‚¤ãƒ¤ãƒ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã€ãƒŸãƒ‹ãƒžãƒªã‚¹ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰å§‹ã‚ãŸäººã«ã¨ã£ã¦ã¯ãªã‹ãªã‹è¸ã¿å‡ºã›ãªã„ã‚‚ã®ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ãƒ†ãƒ¼ãƒžã‚’æ±ºã‚ã‚‹ æœ€ã‚‚è‰¯ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã€å…¨ä½“çš„ã«ãƒ†ãƒ¼ãƒžã‹ç¾Žå¦çš„ãªã‚‚ã®ã‚’æŒã£ã¦ã„ã¾ã™ã€‚æ±ºã—ã¦ä»»æ„ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’æ€¥ã„ã§ä½œã£ã¦ã„ã‚‹ã ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ä¾‹ãˆã°ã€æ±šã—ãŸæ„Ÿã˜ã®ã‚°ãƒ©ãƒ³ã‚¸ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã¯ã€ã‚ˆã‚Šç¹Šç´°ã«ä½¿ç”¨ã•ã‚Œã¾ã™ã€‚ Team Fannypack éžå¸¸ã«æ˜Žç™½ãªã‚°ãƒ©ãƒ³ã‚¸ãƒ‡ã‚¶
studio-no9 2010/05/24
webãƒ‡ã‚¶ã‚¤ãƒ³ãŒãµãŸãŸã³å°åˆ·ç‰©ã«å¼·ã„äººã‚’æ±‚ã‚ã¤ã¤ã‚ã‚‹æ°—ãŒã€‚

design

webdesign

portfolio

sample

layer
ãƒªãƒ³ã‚¯
è§’ä¸¸ã‚„çŸ©å½¢ã ã‘ã§ã¯ãªã„ã€ã‚¿ãƒ–åž‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† | ã‚³ãƒªã‚¹
Dr. Web Weblogã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‹ã‚‰ã€è§’ä¸¸ã‚„çŸ©å½¢ã§ã¯ãªã„ã€ã¡ã‚‡ã£ã¨å¤‰ã‚ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¿ãƒ–åž‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ 10 Reiternavigationen: schief, krumm, zerrissen
studio-no9 2009/06/24
ãƒ‡ã‚¶ã‚¤ãƒ³å‚è€ƒ

design

gallery

idea

sample

navigation

UI

webdesign
ãƒªãƒ³ã‚¯
Navigation Menus: Trends and Examples | Design Showcase | Smashing Magazine
Navigation is the most significant element in web design. Since web-layouts donâ€™t have any physical representation a user can stick to, consistent navigation menu is one of the few design elements which provide users with some sense of orientation and guide them through the site. Users should be able to rely on it which is why designers shouldnâ€™t mess around with it. Navigation is the most signifi
studio-no9 2009/05/06
ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ãƒˆãƒ¬ãƒ³ãƒ‰ãƒ‡ã‚¶ã‚¤ãƒ³

webdesign

library

design

navigation

trend
ãƒªãƒ³ã‚¯
Styling form controls | 456 Berea Street
A question that is frequently asked in forums like the css-discuss mailing list is how to style form controls in a consistent way across platforms. Most of the time, the question is asked by someone who has just tried to do that, and noticed the difference in rendering across browsers and operating systems. The short answer is probably disappointing to many: you canâ€™t. Some also argue that you sho
studio-no9 2008/10/25
ãƒ•ã‚©ãƒ¼ãƒ ã®è¦ç´ ã«CSSã‚’é©ç”¨ã™ã‚‹ã¨ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã«ã©ã†è¦‹ãˆã‚‹ã‹[sample]

form

webdesign

design

css
ãƒªãƒ³ã‚¯
æœ‰åã‚µã‚¤ãƒˆã®ãƒœã‚¿ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³21å€‹ã‚’Photoshopã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚¹ã‚¿ã‚¤ãƒ«ãƒ•ã‚¡ã‚¤ãƒ«ã«ã—ã¦ã¿ã¾ã—ãŸ | DesignWalker
studio-no9 2008/10/25
webdesign

material

button

design

photoshop
ãƒªãƒ³ã‚¯
[CSS]ãƒ†ã‚ã‚¹ãƒˆã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³åŠ¹æžœã‚’ã¤ã‘ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
Web Designer Wallã«ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã•ã‚Œã¦ã„ã‚‹ã€ãƒ†ã‚ã‚¹ãƒˆã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³åŠ¹æžœã‚’ã¤ã‘ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ç´¹ä»‹ã§ã™ã€‚ CSS Gradient Text Effect ä»•çµ„ã¿ã¯ã€è¦‹å‡ºã—è¦ç´ (h1)ã«ç©ºã®spanã‚’è¨˜è¿°ã—ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®èƒŒæ™¯ç”»åƒã‚’è¡¨ç¤ºã—ã¦ã„ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã§ã¯ã€ä¸‹è¨˜ã®ã‚ˆã†ãªã•ã¾ã–ã¾ãªã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã¤ã‘ãŸãƒ†ã‚ã‚¹ãƒˆãŒã‚ã‚Šã¾ã™ã€‚ CSS Gradient Text Effectã®ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ åˆ©ç‚¹ã¨ã—ã¦ã¯ã€ä¸‹è¨˜ã®ã‚ˆã†ãªç‚¹ãŒæŒ™ã’ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ ãƒ†ã‚ã‚¹ãƒˆãªã®ã§ã€ãƒ–ãƒ©ã‚¦ã‚¶ã‹ã‚‰ã®ã‚µã‚¤ã‚ºã®æ‹¡å¤§ãƒ»ç¸®å°ãŒå¯èƒ½ã€‚ èƒŒæ™¯ç”»åƒã‚’å¤‰æ›´ã™ã‚‹ã“ã¨ã§ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å¤‰æ›´ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã€‚ è¦‹å‡ºã—ç”»åƒã‚’ã„ã¡ã„ã¡ä½œæˆã™ã‚‹å¿…è¦ãŒãªã„ã€‚ æ•°ãŒå¤šã„å ´åˆã€ä½œæˆæ™‚é–“ãƒ»å¸¯åŸŸã®ç¯€ç´„ã«ãªã‚‹ã€‚
studio-no9 2008/02/03
css

design

javascript

jquery

webdesign
ãƒªãƒ³ã‚¯
æ—¥æœ¬ã®ä¼çµ±è‰²ã‚’çµ„ã¿åˆã‚ã›ã¦ã¿ãŸ - DesignWalker
studio-no9 2007/04/16
color

webdesign

design

sample
ãƒªãƒ³ã‚¯
WEBãƒ‡ã‚¶ã‚¤ãƒ³ã®éš›ã«ä½¿ãˆã‚‹ï¼•ï¼ã®ã‚½ãƒ¼ã‚¹:phpspoté–‹ç™ºæ—¥èªŒ
50 sources for web design inspiration by Fuzzy Future When Fuzzy Future first got started, I said that our goal was to build content that other people can use to improve their own projects. WEBãƒ‡ã‚¶ã‚¤ãƒ³ã®éš›ã«ä½¿ãˆã‚‹ï¼•ï¼ã®ã‚½ãƒ¼ã‚¹ã€‚ å½“ãƒ–ãƒã‚°ã§ã‚‚ã„ã‚ã„ã‚ã¨ç´¹ä»‹ã—ã¦ãã¾ã—ãŸãŒã€ã‚«ãƒƒã‚³ã„ã„ã‚µã‚¤ãƒˆã‚’ã¾ã¨ã‚ã¦ã„ã‚‹ã‚µã‚¤ãƒˆãŒã‚ã£ãŸã®ã§ç´¹ä»‹ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã«è¿·ã£ãŸã¨ãã¯ã¾ãšã€ä»–ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚µã‚¤ãƒˆã‚’è¦‹ã¦ã„ã‚ã‚“ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è¦–è¦šã«å…¥ã‚Œã‚‹ã“ã¨ãŒé‡è¦ã§ã™ãã€‚ The Best Designs Six Shooter Mediaâ€™s Free Templates 2Advanced Studios Andreas Viklund Fre
studio-no9 2007/03/29
css

design

tips

webdesign

sample

free
ãƒªãƒ³ã‚¯
Error 404 - SIMPLE*SIMPLE ï½ž ã‚¦ã‚§ãƒ–è·äººã®ãŸã‚ã®å°ç²‹ãªãƒã‚¿å¸³ ï½ž
å°è±¡ã«æ®‹ã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¾ã¨ã‚ March 8, 2007 10:02 PM written by Gen Taguchi è‰¯ã„ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯å°è±¡ã«æ®‹ã‚Šã¾ã™ã‚ˆãã€‚ ã¨ã„ã†ã“ã¨ã§ä»Šæ—¥ã¯ãƒ¡ãƒ‹ãƒ¥ãƒ¼ç³»ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã¾ã¨ã¾ãŸäººã®è¨˜äº‹ã‚’ã”ç´¹ä»‹ã€‚ Â» 8 web menus you just can't miss å…¨éƒ¨ã§8ã¤ã‚ã‚Šã¾ã™ãã€‚å€‹äººçš„ã«æ°—ã«å…¥ã£ãŸã‚‚ã®ã‚’ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã€‚ â†‘ ã‚·ãƒ³ãƒ—ãƒ«ã‹ã¤ã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ã€‚ â†‘ ã¡ã‚‡ã£ã¨B-BOYé¢¨ï¼ˆè¬Žï¼‰ã€‚ â†‘ ã‚¦ãƒ«ãƒˆãƒ©ã‚·ãƒ³ãƒ—ãƒ«ã€‚æ‚ªããªã„ã§ã™ããƒ»ãƒ»ãƒ»ã€‚ â†‘ Mac OSé¢¨ã€‚ â†‘ diggã£ã½ã„ï¼Ÿ ä»¥ä¸Šã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã“ã®ã‚µã‚¤ãƒˆã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚‚ã§ãã¾ã™ã‚ˆï¼ˆ.rarå½¢å¼ãªã‚“ã§ã¡ã‚‡ã£ã¨ãƒžãƒ‹ã‚¢ãƒƒã‚¯ã§ã™ãŒãƒ»ãƒ»ï¼‰ã€‚ã‚ˆã‚ã—ã‘ã‚Œã°ã©ã†ãžã€‚ Â» 8 web menus you just can't miss Info: ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ | å›ºå®šãƒªãƒ³ã‚¯ | ã‚³ãƒ¡ãƒ³ãƒˆ (0) | ãƒˆãƒ©ãƒƒã‚¯ãƒãƒƒ
studio-no9 2007/03/17
design

ui

webdesign

sample
ãƒªãƒ³ã‚¯
ãªã¤ã¿ã‹ã‚“ï¼ ã¯ã¦ãª - ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£é–¢é€£è¨˜äº‹ ã¾ã¨ã‚
studio-no9 2007/03/15
ãŸã¾ã«èªã¿è¿”ã™

ã¾ãšç¢ºèª

design

usability

ui

webdesign
ãƒªãƒ³ã‚¯
ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚„ã‚Šæ–¹ - GIGAZINE
Web2.0ã®ãƒ‡ã‚¶ã‚¤ãƒ³çš„è¦ç´ ã¨ã—ã¦ã€Œã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‹ã‘ã‚‹ã€ã¨ã„ã†é‡è¦ãªã‚‚ã®ãŒã‚ã‚Šã¾ã™ãŒã€ã“ã®ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‹ã‘æ–¹ãŒå®Ÿéš›ã«ã‚„ã£ã¦ã¿ã‚‹ã¨å®Ÿã«é›£ã—ã„ã€‚ãƒãƒƒãƒˆä¸Šã§ã„ã‚ã„ã‚èª¿ã¹ã¦ã¿ã‚‹ã¨ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‹ã‘æ–¹è‡ªä½“ã¯æ§˜ã€…ãªæ–¹æ³•ã‚„ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãŒè¦‹ã¤ã‹ã‚‹ã‚‚ã®ã®ã€ã€Œä½•ãŒæ£è§£ãªã®ã‹ï¼Ÿã€ã¨ã„ã†ã®ã¯è¦‹ã¤ã‹ã‚Šã¾ã›ã‚“ã€‚ã¤ã¾ã‚Šã€ä½•ãŒãã®ã¨ãã«æœ€ã‚‚ãƒ™ã‚¹ãƒˆãªæ–¹æ³•ãªã®ã‹ãŒã‚ã‹ã‚‰ãªã„ã‚ã‘ã§ã™ã€‚ ã¾ãŸã€ãƒ–ãƒã‚°ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’é¸ã¶éš›ã«ã‚‚ã€ã©ã®ã‚ˆã†ãªã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãŒè‡ªåˆ†ã®ç›®æŒ‡ã™ãƒ†ãƒ¼ãƒžã®ãƒ–ãƒã‚°ã«ãµã•ã‚ã—ã„ã®ã‹ã‚‚åŸºæœ¬çš„ãªçŸ¥è˜ãŒãªã„ã¨ãªã‹ãªã‹ã‚ã‹ã‚Šã«ãã„ã‚‚ã®ã§ã™ã€‚ ã¨ã„ã†ã‚ã‘ã§ã€ä»Šå›žã¯ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®ä»•æ–¹ã«ã¤ã„ã¦ã€‚ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã—ãªã„äººã§ã‚‚ã©ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é¸ã¹ã°ã„ã„ã‹ãŒã‚ã‹ã‚‹ã‚ˆã†ã«æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ â– é–“é•ã£ãŸã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãªã©ç„¡ã„ ã¾ãšä¸€ç•ªã‚ã‹ã‚Šã‚„ã™ã„ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã¤ã„ã¦ã®èª¤è§£ã¯ã“ã‚Œã€æ±šã„ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ã ã•ã„ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§
studio-no9 2007/03/15
color

design

webdesign

web2.0

tips

ãŸã¾ã«èªã¿è¿”ã™

tutorial
ãƒªãƒ³ã‚¯
è¡Œãè©°ã¾ã£ãŸã¨ãã«å½¹ç«‹ã¤ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³8ã¤ã®ãƒŽã‚¦ãƒã‚¦ | Webæ‹…å½“è€…Forum
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ä½œæ¥ã«ã¯ã€ã³ã£ãã‚Šã™ã‚‹ãã‚‰ã„ã‚¤ãƒ©ã‚¤ãƒ©ã™ã‚‹ã“ã¨ãŒã‚ã‚‹ã€‚ ä½•ã‚’ã©ã“ã«è¡¨ç¤ºã™ã‚‹ã‹ç„¡é™ã®å¯èƒ½æ€§ãŒã‚ã‚‹ã®ã ã‹ã‚‰ã€çœŸã£å½“ãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒã„ã¨ã‚‚ç°¡å˜ã«ã§ãã‚ãŒã‚‹ã¨æ€ã†ã˜ã‚ƒãªã„ã‹ã€‚ã§ã‚‚ã€æ£å¸¸ã«è¡¨ç¤ºã§ããªã„ãƒ‡ã‚¶ã‚¤ãƒ³ã«ä½•æ™‚é–“ã‚‚æ‰‹ã‚’ç„¼ã„ãŸã‚Šã€ä»Šã©ãæµè¡Œã‚‰ãªã„ãƒ”ã‚¯ã‚»ãƒ«èª¿æ•´ã‚’ã™ã‚‹ã¯ã‚ã«ãªã£ãŸã‚Šã¨ã‹ã€èª°ã§ã‚‚ä½•ã‚‰ã‹ã®å½¢ã§è¡Œãè©°ã¾ã£ãŸçµŒé¨“ãŒã‚ã‚‹ã€‚ ã“ã‚Œã‹ã‚‰ç´¹ä»‹ã™ã‚‹8ã¤ã®ãƒŽã‚¦ãƒã‚¦ã¯ã€ãã†ã—ãŸåŽ„ä»‹ãªçŠ¶æ³ã‹ã‚‰æŠœã‘å‡ºã™ãŸã‚ã«ã€ç§ãŒå–ã‚‹ä½œæˆ¦ã ã€‚ å…ˆã«ä¸èº«ã‹ã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ ã“ã‚Œã¯ã€ä»Šã¾ã§ã«èžã„ãŸã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹ã‚¢ãƒ‰ãƒã‚¤ã‚¹ã®ä¸ã§ã‚‚ã€æœ€è‰¯ã®éƒ¨é¡žã«å…¥ã‚‹ã‚‚ã®ã ï¼ˆCameronæ°ã«æ„Ÿè¬ã‚’ï¼‰ã€‚ å¤šãã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒã€ã¾ãšãƒ˜ãƒƒãƒ€ãƒ¼ã«åŠ›ã‚’æ³¨ãã€‚ã§ã‚‚ãŸã„ã¦ã„ã®å ´åˆã€è¦‹æ˜ ãˆã®ã™ã‚‹ãƒšãƒ¼ã‚¸ã«ãªã‚‹ã‹å¦ã‹ã¯ã€ãƒšãƒ¼ã‚¸ã®ä¸èº«ã§æ±ºã¾ã‚‹ã€‚ãƒ˜ãƒƒãƒ€ãƒ¼ã¯ä»˜ã‘è¶³ã—ã ã€‚ã¨ã‚Šã‚ãˆãšãƒ˜ãƒƒãƒ€ãƒ¼ã®ã“ã¨ã¯å¿˜ã‚Œã¦ã€ä¸èº«ã®è¦ç´ ã«å–ã‚Šçµ„ã‚“ã§ã¿ã‚ˆã†ã€‚ã™ã‚‹ã¨ã€ã—ã£ã‹ã‚Šã—ãŸä¸èº«ãŒã‚ã‚Œã°
studio-no9 2007/03/15
design

webdesign

ã¾ãšç¢ºèª

ãŸã¾ã«èªã¿è¿”ã™
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚³ãƒ³ãƒ—ãƒ¬ãƒƒã‚¯ã‚¹ã¯å…‹æœã§ãã‚‹ã‹ - GIGAZINE
å¹½éœŠã®æ£ä½“è¦‹ãŸã‚Šæž¯ã‚Œå°¾èŠ±ã€‚ã“ã‚ŒãŒçµè«–ã§ã‚ã‚‹ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã‚»ãƒ³ã‚¹ã‚„æŠ€è¡“åŠ›ã¯åŠªåŠ›ã ã‘ã§90ï¼…ã¾ã§åˆ°é”ã§ãã‚‹ã€‚å¾Œæ®‹ã‚Šã®10ãƒ‘ãƒ¼ã‚»ãƒ³ãƒˆãŒãã®äººã®æŒã£ã¦ç”Ÿã¾ã‚ŒãŸæ‰èƒ½ã‚„ã‚»ãƒ³ã‚¹ã®å•é¡Œã€å¾Œã¯å¥½ã¿ã€‚ã‚ã‚‹ã„ã¯ã€ç”Ÿã¾ã‚Œè‚²ã£ãŸç”Ÿæ´»ç’°å¢ƒã‚„è«¸ã€…ã®ã‚‚ã®ã€‚ã¨ã«ã‹ãã€åŠªåŠ›ã§ã¯å¤‰ãˆã‚ˆã†ã®ãªã„ã‚‚ã®ãŒæ®‹ã‚Š10ãƒ‘ãƒ¼ã‚»ãƒ³ãƒˆã‚’å ã‚ã¦ã„ã‚‹ã€‚ ã ãŒã€åŠªåŠ›ã ã‘ã§åˆ°é”å¯èƒ½ãª90ãƒ‘ãƒ¼ã‚»ãƒ³ãƒˆã¾ã§é”ã™ã‚Œã°ã€ä¸€æµã®ãƒ—ãƒã¨ã—ã¦é€šç”¨ã™ã‚‹ãƒ¬ãƒ™ãƒ«ã§ã‚ã‚‹ã€‚ä»Šã‹ã‚‰å®šå¹´ã¾ã§ã«ã“ã®æŠ€è¡“ã‚’ç£¨ã„ã¦ãŠã‘ã°ä¸€ã¤ã®èŠ¸ã¨ã—ã¦æˆç«‹ã™ã‚‹ã—ã€ã‚ãªãŸã®è€å¾Œã¯ãƒãƒ©è‰²ã ã€‚ãã®ãŸã‚ã«ã¯ã€ã»ãµãå‰é€²ã§åŠªåŠ›ã‚’ã™ã‚‹ã“ã¨ãŒå¿…è¦ã¨ãªã‚‹ã€‚ä¸€ä½“ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®ç¾çŠ¶ã¨ã„ã†ã‚‚ã®ã¯ã©ã®ã‚ˆã†ãªã‚‚ã®ãªã®ã‹ï¼Ÿä»¥ä¸‹ã€è¿°ã¹ã¦ã¿ã‚ˆã†ã€‚ãã—ã¦ã€ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚³ãƒ³ãƒ—ãƒ¬ãƒƒã‚¯ã‚¹ã‚’å…‹æœã™ã‚‹æ–¹æ³•ã‚’æ•™ãˆã‚ˆã†ã€‚ ãªã‚“ã¨ãªãã€ç›®ã«è§¦ã‚Œã‚‹ç¾Žè¡“ç’°å¢ƒãŒæˆ¦å¾Œã®æ—¥æœ¬ã¯è²§ã—ããªã£ã¦ã„ã‚‹ã€‚å¤§é‡ç”Ÿç”£ã§ç”»ä¸€çš„ãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒã„ã£ã±ã„ã«ãªã£ã¦ã„ã‚‹ã€‚æ—¥æœ¬ã®ç”Ÿæ´»é¢¨ç¿’ã§ã€Œã²ã¨
studio-no9 2007/03/15
column

education

study

color

design

webdesign
ãƒªãƒ³ã‚¯
ãƒ•ãƒªãƒ¼ã®ã‚¢ã‚¤ã‚³ãƒ³é…å¸ƒã‚µã‚¤ãƒˆã„ã‚ã„ã‚:phpspoté–‹ç™ºæ—¥èªŒ
More Symbols, Buttons and Icons For Free | Smashing Magazine We continue to collect best freeware and stock symbols, buttons and icons. Here are few sets weâ€™ve stumbled upon over the last few weeks. ãƒ•ãƒªãƒ¼ã®ã‚¢ã‚¤ã‚³ãƒ³é…å¸ƒã‚µã‚¤ãƒˆã„ã‚ã„ã‚ã€‚ ãƒ©ã‚¤ã‚»ãƒ³ã‚¹å½¢æ…‹ã¯ãã‚Œãžã‚Œé•ã„ã¾ã™ãŒã€åŸºæœ¬çš„ã«ãƒ•ãƒªãƒ¼ãªã®ã§WEBã‚¢ãƒ—ãƒªãªã©ã«ä½¿ãˆãã†ã€‚ Toolbar IconsÂ - ãƒã‚¤ãƒ¤ãƒªãƒ†ã‚£ãƒ•ãƒªãƒ¼ IconCool - ç™»éŒ²ã™ã‚Œã°ãƒ•ãƒªãƒ¼ã§åˆ©ç”¨å¯èƒ½ Gallery 2 Web Icon SetÂ - ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã€‚ä½•ã§ã‚‚ä½¿ã£ã¦OK 14 sets in .PSD-format Twotones Miniicon-Set
studio-no9 2006/12/12
free

design

materials

webdesign

icons
ãƒªãƒ³ã‚¯
kuler
studio-no9 2006/12/05
adobeã®ã‚«ãƒ©ãƒ¼ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼

color

design

gallery

tool

webdesign
ãƒªãƒ³ã‚¯
Web2.0é¢¨ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã®ã«å¿…è¦ãªãƒ¢ãƒŽã‚ã‚Œã“ã‚Œã¾ã¨ã‚ - GIGAZINE
Web2.0ã¨ã¯ä½•ã‹ï¼Ÿã¨ã„ã†ã¨ã€ã„ã‚ã„ã‚ãªè§£é‡ˆã«åŸºã¥ã„ã¦ã„ã‚ã„ã‚ã¨ã‚ã‚‹ã‚ã‘ã§ã™ãŒã€ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã„ã†åˆ‡ã‚Šå£ã§è¦‹ã¦ã¿ã‚‹ã¨ã‚ã‚‹å…±é€šé …ãŒå˜åœ¨ã™ã‚‹ã“ã¨ãŒã‚ã‹ã‚Šã¾ã™ã€‚ ä¾‹ãˆã°ãã‚Œã¯ã€ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ä¸å¤®ã«å¯„ã›ã‚‹æ§‹å›³ã€ã¡ã‚‡ã£ã¨ã—ãŸ3æ¬¡å…ƒç©ºé–“ã‚’æ„Ÿã˜ã•ã›ã‚‹åŠ¹æžœã€ç™½ã‚„ãƒ‘ã‚¹ãƒ†ãƒ«ã‚«ãƒ©ãƒ¼ã¨è¨€ã£ãŸã‚½ãƒ•ãƒˆãªè‰²èª¿ã®èƒŒæ™¯ã€ã‚¢ã‚¯ã‚»ãƒ³ãƒˆã«ã¯é®®ã‚„ã‹ãƒ¯ãƒ³ãƒã‚¤ãƒ³ãƒˆã‚«ãƒ©ãƒ¼ã€ã‚¢ã‚¤ã‚³ãƒ³ã‚’å¤šç”¨ã—ãŸã‚ã‹ã‚Šã‚„ã™ã„ä½¿ã£ãŸãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã€å¤§ããªãƒ•ã‚©ãƒ³ãƒˆãªã©ãªã©ã§ã‚ã‚‹ã‚ã‘ã§ã™ã€‚è§’ã®ä¸¸ã„ãƒ†ãƒ¼ãƒ–ãƒ«ãªã©ã¯ãã®ä»£è¡¨ã§ã™ã€‚ ã¨ã„ã†ã‚ã‘ã§ã€Web2.0é¢¨ãªã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã¸ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã™ã‚‹éš›ã«å‚è€ƒã¨ãªã‚‹ã‚µã‚¤ãƒˆã‚„ã€ãã®ç´ æã‚’è£½ä½œã™ã‚‹ãŸã‚ã®ã‚µãƒ¼ãƒ“ã‚¹ãªã©ã‚’é›†ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã¾ãšã€Web2.0é¢¨ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ã©ã†ã„ã†ã‚‚ã®ã‹ã«ã¤ã„ã¦ã¯ä»¥ä¸‹ã®ã‚µã‚¤ãƒˆã«ã¾ã¨ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚å…ˆã»ã©æ›¸ã„ãŸã®ã¯ã“ã®ã‚µã‚¤ãƒˆã§è§¦ã‚Œã‚‰ã‚Œã¦ã„ã‚‹ã“ã¨ãŒãƒ¡ã‚¤ãƒ³ã§ã™ã€‚ Current style in web d
studio-no9 2006/11/12
design

webdesign

tips
ãƒªãƒ³ã‚¯
TCCB v2 demo page | 456 Berea Street
Transparent custom corners and borders, version 2 This page demonstrates different uses of the technique described in the article Transparent custom corners and borders, version 2. Please read that article for more info on how this technique works. Should you want to link to this, please link to the related article instead of to this demo page. Thanks! To create your own corners and borders, follo
studio-no9 2006/09/27
è§’ä¸¸ã¨ã‚·ãƒ£ãƒ‰ã‚¦

css

design

javascript

webdesign

sample
ãƒªãƒ³ã‚¯
1