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

studio-no9 id:studio-no9

web designã«é–¢ã™ã‚‹studio-no9ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (23)

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

http://www.splashnology.com/blog/inspiration/390.html
studio-no9 2010/03/23
ãƒ‡ã‚¶ã‚¤ãƒ³å‚è€ƒã€‚å„ªã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®ä¾¡æ ¼è¡¨ã€‚

price

web design

sample
ãƒªãƒ³ã‚¯
Ultimate Black Belt Test â€™10: Greensboro, AL
For the sixth year in a row, the members of the Ultimate Black Belt Test (UBBT) and The 100, along with several students and friends, will raise money to then build a house for Ms. Georgia in Greensboro, Alabama. This project is organized by Tom Callos, team coach for The UBBT and The 100, and Pam Dorr, director of Hale Empowerment and Revitalization Organization (HERO). Spread the word on UBBT â€™1
studio-no9 2010/03/23
ãƒ‡ã‚¶ã‚¤ãƒ³å‚è€ƒã€‚ç”»é¢åˆ‡ã‚Šæ›¿ãˆã®æ–¹æ³•ãŒé¢ç™½ã„ã€‚

web design

css
ãƒªãƒ³ã‚¯
ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ç”»åƒã‚’ä½œæˆã™ã‚‹Photoshopã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›†
Photoshop Gardenã‹ã‚‰ã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ç”»åƒã‚’ä½œæˆã™ã‚‹Photoshopã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
studio-no9 2009/08/30
ãƒ‡ã‚¶ã‚¤ãƒ³å‚è€ƒ

ui

navigation

web design
ãƒªãƒ³ã‚¯
ã‚¢ã‚¤ãƒ‡ã‚¢ã«æº¢ã‚ŒãŸ25ã®ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³é›† | ã‚³ãƒªã‚¹
Vandelay Designã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‹ã‚‰ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãŒé¢ç™½ã„ã€ã‚¢ã‚¤ãƒ‡ã‚¢ã«æº¢ã‚ŒãŸ25ã®ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ 25 Examples of Creative Navigation
studio-no9 2009/08/30
ãƒ‡ã‚¶ã‚¤ãƒ³å‚è€ƒ[library]

idea

navigation

web design

ui
ãƒªãƒ³ã‚¯
Single-Page Portfolio Sites - Web Designer Wall
Are you looking for ideas to design a portfolio site? Maybe all you need is a single-page site? Single-page design works if you donâ€™t have much content, but just want to showcase your work. It can save time and cost because you donâ€™t need to build the CMS and templates. In other words, itâ€™s perfect for the non-coders. Here are 30+ single-page portfolio sites with exceptional design and implementat
studio-no9 2009/08/30
1ãƒšãƒ¼ã‚¸ã§å…¨ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¡¨ç¤ºã™ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³å‚è€ƒ

web design
ãƒªãƒ³ã‚¯
Re:ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®å‹•ãã€‚
ã¡ã‚‡ã£ã¨å‰ã«æ›¸ã„ãŸã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®å‹•ãã€‚ã§ã™ãŒã€ã‚¢ãƒ¬ã¯ãŸã ã®è‡ªåˆ†å°‚ç”¨ãƒ¡ãƒ¢ã ã£ãŸã®ã§ã€è‡ªåˆ†ã ã£ãŸã‚‰ã“ãƒ¼ã™ã‚‹ã‹ã‚‚ã£ã¦äº‹ã¨è¨€è‘‰è¶³ã‚‰ãšã ã£ãŸéƒ¨åˆ†ã®è£œè¶³ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã™ã€‚ ã„ã‚ã‚†ã‚‹ã€ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ãƒ†ã‚¹ãƒˆã£ã¦ã„ã†ã®ã«å‚åŠ ã—ã¦ãã¾ã—ãŸã€‚ ç›®ã®å‰ã§ã‚¿ãƒ¼ã‚²ãƒƒãƒˆå±¤ã«æ¯”è¼ƒçš„è¿‘ã„ãƒ¦ãƒ¼ã‚¶ãŒã‚µã‚¤ãƒˆã‚’è¦‹ã¦ã„ã‚‹æ§˜åã‚’è¦‹ã‚‹ã®ã¯æ»…å¤šã«ãªã„çµŒé¨“ã ã£ãŸã®ã§ã€éžå¸¸ã«æœ‰ç”¨ãªä¸€æ—¥ã§ã—ãŸã€‚ å¹´é½¢ã¯ã€20ä»£å‰å¾Œãã‚‰ã„ã§ã€æ™®æ®µã‹ã‚‰å½“ãŸã‚Šå‰ã®ã‚ˆã†ã«ãƒãƒƒãƒˆã‚„ã£ã¦ã‚‹äººã¯æ®†ã©å±…ãªãã€æ™‚ã€…èª¿ã¹äº‹ã«ä½¿ã†ç¨‹åº¦ãã‚‰ã„ã®æ–¹ã€…ãŒå¤§åŠã£ã¦ã„ã†çŠ¶æ³ã§ã®çµæžœã§ã™ã€‚ ã ã‹ã‚‰ã€ã‚¿ãƒ¼ã‚²ãƒƒãƒˆå±¤ã«ã‚ˆã£ã¦ã¯ã€ã“ã®çµæžœã¯ã‚ã‚“ã¾ã‚Šå½¹ã«ç«‹ãŸãªã„ã‹ã‚‚çŸ¥ã‚Œãªã„ã—ã€è¦‹äº‹ãªã¾ã§ã«åˆè‡´ã—ã¦ã‚‹å ´åˆã¯ã€ãã‚Œãªã‚Šã«ä½¿ãˆã‚‹æƒ…å ±ã‹ã‚‚ã‚ã‹ã‚Šã¾ã›ã‚“ãã€‚ ãƒã‚´ã‚¯ãƒªãƒƒã‚¯ï¼ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã«æˆ»ã‚‹ã¨ã„ã†èªè˜ã¯æ®†ã©ç„¡ã„ã€‚ ã ã‹ã‚‰ã€ãƒªãƒ³ã‚¯ã¯å¼µã‚Šã¾ã›ã‚“ã£ã¦çµè«–ã«ã¯ãªã‚‰ãªã„ã®ã§ã€å¯¾ç–ã¨ã—ã¦ã¯ã‚„ã£ã±ã‚Šã‚°ãƒãƒ¼ãƒãƒ«ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ãƒã‚´ã®è¿‘
studio-no9 2009/08/02
accessibility

UI

usability

web design

webdesign

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

ã¾ãšç¢ºèª
ãƒªãƒ³ã‚¯
COULDï¼šã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã„ã‚ã„ã‚
studio-no9 2008/02/22
ui

guideline

web design

links

ãŸã¾ã«èªã¿è¿”ã™
ãƒªãƒ³ã‚¯
fortuitous
Everything I've learned about podcasting over the last four years An exhaustive how-to guide on getting starting thinking about and recording, editing, and publishing your first podcast. The other day I realized that I'd been podcasting for over four years over at MetaFilter. It's a casual thing I and two other moderators do about once a month, but in that time I've amassed a great deal of knowled
studio-no9 2008/02/22
ãƒ•ãƒƒã‚¿ãƒ¼ç›´å‰ã§ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¢ã‚¦ãƒˆã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯[technic]

web design

idea

css
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ãƒ•ã‚¡ãƒƒã‚·ãƒ§ãƒ³ã«å–ã‚Šå…¥ã‚ŒãŸã„ã€2008å¹´ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚«ãƒ©ãƒ¼
Pantoneã€å›½éš›æµè¡Œè‰²å§”å“¡ä¼š(Intercolor)ã€é›»é€šã®æ¶ˆè²»è€…èª¿æŸ»ã®å„2008å¹´ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚«ãƒ©ãƒ¼ã®ç´¹ä»‹ã§ã™ã€‚ Pantone: Color of the Year for 2008 Pantone Selects Color of the Year for 2008 PantoneãŒã‚»ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã—ãŸã‚«ãƒ©ãƒ¼ã¯ã€é’ç´«ã®ãƒ–ãƒ«ãƒ¼ã‚¢ã‚¤ãƒªã‚¹ã€‚ å®‰å®šã—ãŸè½ã¡ç€ãã®ã‚ã‚‹é’ã¨ã€é«˜è²´ã§ç¥žç§˜çš„ãªç´«ã‚’çµ„ã¿åˆã‚ã›ãŸãƒ–ãƒ«ãƒ¼ã‚¢ã‚¤ãƒªã‚¹ã¯ã€è¬Žã¨èˆˆå¥®ã‚’ã‚¹ãƒ‘ã‚¤ã‚¹ã¨ã—ãŸè¤‡é›‘ãªä¸–ç•Œè¦³ã‚’ä¸Žãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Intercolor: 2008å¹´æ˜¥ãƒ»å¤ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚«ãƒ©ãƒ¼ jafca Living Trend Color ãƒ†ãƒ¼ãƒžã¯ã€ãƒ‘ãƒƒã‚·ãƒ§ãƒ³(æƒ…ç†±)ã€‚ åŽ»å¹´ã¾ã§ã®ãƒ€ãƒ¼ã‚¯ãƒ–ãƒ©ã‚¦ãƒ³ã§ã¯ãªãã€è³ªæ„Ÿè±Šã‹ãªãƒ–ãƒ©ãƒƒã‚¯ã¨ãƒ›ãƒ¯ã‚¤ãƒˆã‚’ãƒ™ãƒ¼ã‚¹ã«ã—ã€ä½¿ç”¨ã™ã‚‹é¢ç©ã«å·®ã‚’ã¤ã‘ã‚‹ãªã©ã—ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã«ãƒ¡ãƒªãƒãƒªã‚’ã¤ã‘ã‚‹ã®ãŒç‰¹å¾´ã§ã™ã€‚ ã‚¢ã‚¯ã‚»ãƒ³ãƒˆã«ã¯ã€å¼·ã„ãƒ”ãƒ³ã‚¯ã‚„ãƒ–
studio-no9 2008/02/04
color

2008

trend

fashion

web design

ã¾ãšç¢ºèª
ãƒªãƒ³ã‚¯
é»„é‡‘æ¯”ã‚’ã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«å–ã‚Šå…¥ã‚Œã‚‹ç°¡å˜ãªï¼“ã¤ã®æ–¹æ³• | ã‚³ãƒªã‚¹
ãã®èª¿å’Œã•ã‚ŒãŸæ¯”çŽ‡ã¯ã€ãƒˆãƒ©ãƒ³ãƒ—ã‚«ãƒ¼ãƒ‰ãªã©ã®æ—¥å¸¸çš„ãªã‚‚ã®ã‹ã‚‰ã€ã‚®ãƒªã‚·ã‚¢ã®ãƒ‘ãƒ«ãƒ†ãƒŽãƒ³ç¥žæ®¿ã€ãƒŸãƒã®ãƒ´ã‚£ãƒ¼ãƒŠã‚¹ã€ãƒ¢ãƒŠãƒªã‚¶ãªã©ã®èŠ¸è¡“åˆ†é‡Žã¾ã§ã€å¤šæ•°å˜åœ¨ã—ã¾ã™ã€‚ é»„é‡‘æ¯”ã‚’ä½¿ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¤ã„ã¦ã¯ã€ä¸‹è¨˜ã‚‚å‚è€ƒã«ã©ã†ãžã€‚ é»„é‡‘æ¯”ã¨ã¯ã€é»„é‡‘æ¯”ã‚’ä½¿ã£ãŸã™ã”ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ã¾ã¨ã‚ -Webãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»ç´™ãƒ‡ã‚¶ã‚¤ãƒ³ã« é»„é‡‘æ¯”ã‚’çŸ©å½¢ã«ä½¿ç”¨ã™ã‚‹ é»„é‡‘æ¯”ã‚’ãƒžãƒ¼ã‚¸ãƒ³ã«ä½¿ç”¨ã™ã‚‹ é»„é‡‘æ¯”ã‚’ãƒ‘ãƒ¼ãƒ„ã«ä½¿ç”¨ã™ã‚‹ é»„é‡‘æ¯”ã‚’çŸ©å½¢ã«ä½¿ç”¨ã™ã‚‹ ã‚µã‚¤ãƒˆã§ä½¿ç”¨ã™ã‚‹ç”»åƒãªã©ã®çŸ©å½¢ã«é»„é‡‘æ¯”ã‚’é©å¿œã—ã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã§ã¯ã€144pxã¨233pxã®çµ„ã¿åˆã‚ã›ã‚’ä½¿ç”¨ã—ã¦ã„ã¾ã™ãŒã€ã€Œ1:1.6ã€ã‚’åˆ©ç”¨ã—ã¦100pxã¨160pxãªã©ç°¡æ˜“ãªã‚‚ã®ã§ã‚‚åŠ¹æžœã¯ã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ é»„é‡‘æ¯”ã‚’æ¨ªé•·ã®çŸ©å½¢ã«ä½¿ç”¨ é»„é‡‘æ¯”ã‚’ãƒžãƒ¼ã‚¸ãƒ³ã«ä½¿ç”¨ã™ã‚‹ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã‚’å–ã‚Šå…¥ã‚Œãƒžãƒ¼ã‚¸ãƒ³ã‚’ä½¿ç”¨ã—ãŸå ´åˆã€æ•°ç¨®é¡žã®ã‚µã‚¤ã‚ºãŒå¿…è¦ã«ãªã‚‹å ´åˆãŒå¤šãã‚ã‚Šã¾ã™ã€‚ ãã®éš›ã€ï¼‘ã¤ã®å€¤
studio-no9 2008/02/03
web design

tips

layout

know-how

é»„é‡‘æ¯”
ãƒªãƒ³ã‚¯
[CSS]é«˜ã•ã®ç•°ãªã‚‹ã‚«ãƒ©ãƒ ã‚’æƒãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ | ã‚³ãƒªã‚¹
Columnas 100% altas Columnas 100% altasã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã¯ã€ä¸‹è¨˜ã®ãƒ‡ãƒ¢ã®ã‚ˆã†ã«é«˜ã•ã®ç•°ãªã‚‹divã§çµ„ã‚“ã ã‚«ãƒ©ãƒ ã®é«˜ã•ã‚’æƒãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚ sample:é«˜ã•ãŒã°ã‚‰ã°ã‚‰ã®div sample:é«˜ã•ãŒæƒã£ãŸdiv ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¯ã€å„divã«å¯¾ã—ã¦ã€Œpadding-bottomã€ã¨ã€Œmargin-bottomã€ã«åŒã˜æ•°å€¤ã‚’ãƒ—ãƒ©ã‚¹å€¤ã¨ãƒžã‚¤ãƒŠã‚¹å€¤ã§æŒ‡å®šã‚’è¡Œã„é«˜ã•ã‚’æƒãˆã€ãã‚Œã‚‰ã®divè¦ç´ ã‚’åŒ…ã‚“ã divã§ã€Œoverflow:hidden;ã€ã‚’æŒ‡å®šã—ã¾ã™ã€‚ è©³ã—ãã¯ã€æœ€å°é™ã«ã—ãŸã‚µãƒ³ãƒ—ãƒ«ã‚’ä½œæˆã—ãŸã®ã§å‚ç…§ãã ã•ã„ã€‚ é«˜ã•ã®ç•°ãªã‚‹ã‚«ãƒ©ãƒ ã‚’æƒãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã‚µãƒ³ãƒ—ãƒ« ä¸‹è¨˜ã®ã€Œ32768pxã€ã£ã¦ã€ä½•ã‹ç‰¹åˆ¥ãªæ„å‘³ãŒã‚ã‚‹ã®ã§ã—ã‚‡ã†ã‹ã€‚
studio-no9 2008/02/03
css

web design

layout

sample

column
ãƒªãƒ³ã‚¯
Interaction Design Pattern Library - Welie.com
Pattern library All patterns are listed here. It's quite a bunch of them, but I have tried to group them meaningfully. User needs Patterns that meet a direct need of the user. Navigating aroundÂ·Â Accordion Â·Â Headerless Menu Â·Â Breadcrumbs Â·Â Directory Navigation Â·Â Doormat Navigation Â·Â Double Tab Navigation Â·Â Faceted Navigation Â·Â Fly-out Menu Â·Â Home Link Â·Â Icon Menu Â·Â Main Navigation Â·Â Map Navigator Â·
studio-no9 2008/02/03
ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã®ã‚µãƒ³ãƒ—ãƒ«é›†

library

ajax

design

web design

sample

css

usability

UI

ã¾ãšç¢ºèª
ãƒªãƒ³ã‚¯
http://www.maxdesign.com.au/presentation/liquid/example13.htm
studio-no9 2008/02/03
layout

web design

liquid

css

sample
ãƒªãƒ³ã‚¯
ã‚¢ã‚¯ã‚»ã‚·ãƒ–ãƒ«ãªã‚µã‚¤ãƒˆã«ã™ã‚‹ãŸã‚ã®26ã®ã‚¹ãƒ†ãƒƒãƒ—
Webmaster World.comã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€Œã‚¢ã‚¯ã‚»ã‚·ãƒ–ãƒ«ãªã‚µã‚¤ãƒˆã«ã™ã‚‹ãŸã‚ã®26ã®ã‚¹ãƒ†ãƒƒãƒ—ã€ã®æ„è¨³ã§ã™ã€‚ 26 Steps to a More Accessible Website ã‚¹ã‚ãƒƒãƒ—ãƒªãƒ³ã‚¯ã¯ã€ã‚ãƒ¼ãƒœãƒ¼ãƒ‰æ“ä½œã‚’ã—ã¦ã„ã‚‹äººã®ãŸã‚ã«ç›®ã«è¦‹ãˆã‚‹ã‚ˆã†ã«è¨ç½®ã™ã‚‹ã€ã¨ã„ã†ã®ã«ã¯ãªã‚‹ã»ã©ã€ã¨æ€ã„ã¾ã—ãŸã€‚ Altã®ãƒ†ã‚ã‚¹ãƒˆã¨ä»£æ›¿ã®å†…å®¹ ç”»åƒã«ã¯Altã‚’è¨˜è¿°ã—ã€ä»£æ›¿ã®å†…å®¹ã‚’è¨˜ã™ã€‚ å‹•ç”»ã®ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ã‚„æ¦‚è¦ å‹•ç”»ã®å†…å®¹ãƒ»æ¦‚è¦ãƒ»ã‚µãƒžãƒªãƒ¼ãªã©ã‚’è¨˜ã™ã€‚ ã€Œã“ã“ã‚’ã‚¯ãƒªãƒƒã‚¯ã€ã¯ä½¿ç”¨ã—ãªã„ ãƒªãƒ³ã‚¯ã«ã¯çš„ç¢ºãªæƒ…å ±ã‚’å«ã‚ã‚‹ã€‚ ãƒªãƒ³ã‚¯ã®é–“ã®ã‚¹ãƒšãƒ¼ã‚¹ éš£æŽ¥ã—ãŸãƒªãƒ³ã‚¯ã«ã¯ã€åŒºåˆ‡ã‚Šã‚’è¨ç½®ã™ã‚‹ã€‚ JavaScriptã§è¨˜è¿°ã—ãŸãƒªãƒ³ã‚¯ ãƒªãƒ³ã‚¯ã®è¨˜è¿°ã¯ã€JavaScriptã«ä¾å˜ã•ã›ãªã„ã€‚ langå±žæ€§ã®ä½¿ç”¨ langå±žæ€§ã‚’ä½¿ç”¨ã—ã¦ã€ä½¿ç”¨è¨€èªžã‚’æ˜Žç¤ºã™ã‚‹ã€‚ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ä½¿ç”¨ã—ãªã„ ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æ°—ã‚’æ•£ã‚‰ã›ãªã„ã€‚ è‰²ã«ä¾å˜ã—ãªã„
studio-no9 2008/02/03
accessibility

usability

ui

ã¾ãšç¢ºèª

web design
ãƒªãƒ³ã‚¯
æ¤œç´¢ãƒ•ã‚©ãƒ¼ãƒ ã‚„è¦‹å‡ºã—ãªã©ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é›†ã‚ãŸã‚µã‚¤ãƒˆ -Elements of Design | ã‚³ãƒªã‚¹
Elements of Designã¯ã€ãƒ–ãƒã‚°ãªã©ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã§ã‚ˆãä½¿ã†ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é›†ã‚ãŸã‚µã‚¤ãƒˆã§ã™ã€‚
studio-no9 2008/02/03
css

ui

web design

sample

library

links

ã¾ãšç¢ºèª
ãƒªãƒ³ã‚¯
ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã§é«˜æ€§èƒ½ãªCSSã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãŒä½œæˆã§ãã‚‹ -QuickMenu
QuickMenuã¯ã€é«˜æ€§èƒ½ã§ã‹ã£ã“ã„ã„CSSã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãŒä½œæˆãƒ»ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ã‚¹ã§ã™ã€‚
studio-no9 2008/02/03
css

web design

tab

UI

webservice

webtool

navigation
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã„ã‚ã„ã‚ - DesignWalker
studio-no9 2008/01/25
ui

form

web design

sample

ã¾ãšç¢ºèª
ãƒªãƒ³ã‚¯
JavaScriptã€FLASHã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã¾ã¨ã‚15å€‹ã»ã©*ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹äººã®ãƒã‚¿å¸³
ä»Šå›žã¯éŽåŽ»ã®ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹äººã®ãƒã‚¿å¸³ã«ã¦ã€ã¾ã¨ã‚ã®ä¸€éƒ¨ã¨ã—ã¦ä½¿ã‚ã‚Œã¦ã„ãŸã‚¤ãƒ¡ãƒ¼ã‚¸ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’ä¸»å½¹ã«ã¾ã¨ã‚ã¾ã—ãŸã€‚ JavaScriptç³»ã¯ãƒ–ãƒã‚°ã§ã‚‚ä½¿ã†äº‹ãŒå‡ºæ¥ãŸã‚Šã—ã¾ã™ã®ã§ã€ãŠæ™‚é–“ã®ã‚ã‚‹ã¨ãã«ã§ã‚‚ãŠè©¦ã—ãã ã•ã„ã€‚ ï¼ˆFlashã«ä¸€ç‚¹è¿½åŠ ã—ã¾ã—ãŸï¼‰ CSS JavaScript Photo Sliderãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚ æ»‘ã‚‰ã‹ãªã‚¹ãƒ©ã‚¤ãƒ‰ã‚’å®Ÿè£…ã§ãã¾ã™ã€‚CSSãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚ã‚‹ç‚ºã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚‚å¯èƒ½ã€‚ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒšãƒ¼ã‚¸ å•†ç”¨åˆ©ç”¨ã®å ´åˆã¯29ãƒ‰ãƒ«ã ã‘ã©ã€éžå–¶åˆ©ã®å ´åˆã¯ç„¡æ–™ã§ä½¿ãˆã‚‹ã€‚ ãƒ†ã‚ã‚¹ãƒˆãŒè¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã¨ã“ã‚ã‚‚ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã™ã‚‹ã®ã§è©¦ã—ã¦ã¿ã‚‹ã¨æ¥½ã—ã„ã§ã™ã€‚ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒšãƒ¼ã‚¸ æ£ç¢ºã«ã¯ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã§ã¯ãªã„ã§ã™ãŒã€è™«çœ¼é¡ã«ã‚ˆã‚‹ç”»åƒã®ãƒ“ãƒ¥ãƒ¼ã‚¢ã€‚ FLASHã§ã¯ãªã„ã¨ã“ã‚ãŒã¾ãŸä¹™ã€‚é‡ã„ã®ãŒé›£ç‚¹ã‹ãƒ»ãƒ»ãƒ»ã€‚ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒšãƒ¼ã‚¸ ã“ã¡ã‚‰ã‚‚è™«çœ¼é¡ã€‚åœ°å‘³ã«2ã¤ã®æ©Ÿèƒ½ãŒã‚ã‚‹ã€‚ ã‚¯ãƒªãƒƒã‚¯ã—ãªãŒã‚‰å³ã«ãƒ‰ãƒ©ãƒƒã‚°
studio-no9 2008/01/14
ã‚¤ãƒ¡ãƒ¼ã‚¸ãƒ“ãƒ¥ãƒ¼ãƒ¯ã®ã‚µãƒ³ãƒ—ãƒ«é›†[library]

slideshow

ui

web design

sample

free
ãƒªãƒ³ã‚¯
Tag Cloudã®ã‚¹ã‚¿ã‚¤ãƒ« - 3ping.org
ã‚¿ã‚°ã‚¯ãƒ©ã‚¦ãƒ‰ã®å¿…è¦æ€§ã«ã¤ã„ã¦ã®æ˜¯éžã¯ã“ã“ã§ã¯ç½®ã„ã¦ãŠã„ã¦ã€ã“ã®ã‚¢ã‚¤ãƒ†ãƒ ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã£ã¦è‰²ã€…è€ƒãˆã•ã›ã‚‰ã‚Œã¾ã™ãã€‚ Vicuna CMSã§ã‚‚çœŸé¢ç›®ã«å¯¾å¿œã—ã‚ˆã†ã¨é‡ã„ã‚±ãƒ„ã‚’ä¸Šã’ã¾ã—ãŸã®ã§ã€ã¨ã‚Šã‚ãˆãšã‚µãƒ³ãƒ—ãƒ«ã¨ãªã‚‹CSSã‚¹ã‚¿ã‚¤ãƒ«ã‚’è‰²ã€…ã¨æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ è¡¨ç¤ºä¾‹ã¨CSSãƒ•ã‚¡ã‚¤ãƒ«ã‚’ç½®ã„ã¦ãŠãã¾ã—ãŸã®ã§ã€æ°—ã«å…¥ã£ãŸè¡¨ç¤ºãŒã‚ã£ãŸã‚‰ã©ã†ãžä½¿ã£ã¦ä¸‹ã•ã„ã€‚ 2007.10/21 è¿½è¨˜ãƒ»ç·¨é›† Tag Cloud 10,11,12ã§.level5ã®ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºãŒ.level4ã¨åŒã˜ã«ãªã£ã¦ãŸã®ã‚’ä¿®æ£ å¿œç”¨ç·¨ã¨ã—ã¦Tag Cloud 13ã‚’è¿½åŠ å˜ç´”ã«è©²å½“ã™ã‚‹è¨˜äº‹ãŒå¤šã„ã‚¿ã‚°ãŒä»–ã‚ˆã‚Šç›®ç«‹ã¦ã°ã„ã„ã ã‘ãªã®ã§ã€å¤§æŠµã®ã‚¹ã‚¿ã‚¤ãƒ«ã¯å¤§å°ã®åŒºåˆ¥ã§è¡¨ç¤ºã—ã¦ã„ã‚‹ã‘ã©ã€ãã‚Œã ã‘ã˜ã‚ƒã¡ã‚‡ã£ã¨å‘³æ°—ãªã„æ°—ã‚‚ã™ã‚‹ã®ã§ ã‚µã‚¤ã‚º è‰² æ˜Žæš— å½©åº¦ è‰²å½© å½¢ ã¨ã„ã†ã¨ã“ã‚ã§ã‚¿ã‚°ã®å¼·å¼±ã‚’ã‚ˆã‚Šå¼·èª¿ã—ã¦ã¿ã¾ã—ãŸã€‚ HTMLã¯ä»¥ä¸‹ã®ã‚ˆã†ãªè¦ç´ ã¨ã‚¯ãƒ©ã‚¹åã§ä½œã£ã¦
studio-no9 2008/01/14
ã‚¿ã‚°ã‚¯ãƒ©ã‚¦ãƒ‰ã®ã‚µãƒ³ãƒ—ãƒ«

sample

UI

web design
ãƒªãƒ³ã‚¯
2007å¹´åº¦ã®CSSãƒ‡ã‚¶ã‚¤ãƒ³ãƒ™ã‚¹ãƒˆ50ç™ºè¡¨
CSSã¨Flashã®ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å¾—ã‚‹ãŸã‚ã®ã‚µã‚¤ãƒˆã€ŒBest Web Galleryã€ãŒé¸ã‚“ã 2007å¹´åº¦ã®CSSãƒ‡ã‚¶ã‚¤ãƒ³ãƒ™ã‚¹ãƒˆ50ãŒç™ºè¡¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ã©ã‚Œã‚‚ã“ã‚Œã‚‚ãªã‹ãªã‹ç§€é€¸ãªãƒ‡ã‚¶ã‚¤ãƒ³ãªã®ã§ã€æ¥å¹´åº¦ã®æ–°ã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã«å‘ã‘ã¦ã€ä»Šå¹´åº¦ã®ç·å¾©ç¿’ã‚’è¡Œã£ã¦æ–°ãŸãªã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã®ç³§ã‚’å¾—ãŸã„äººã‚„ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚„ãƒ–ãƒã‚°ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æ–°ã—ãã—ãŸã„ã®ã§å‚è€ƒã«ãªã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æŽ¢ã—ã¦ã„ã‚‹äººã«æœ€é©ã§ã™ã€‚ ã¨ã„ã†ã‚ã‘ã§ã€ãƒ™ã‚¹ãƒˆ50ã¯ä»¥ä¸‹ã‹ã‚‰ã€‚ Capture the Valley - A project to benefit Habitat for Humanity http://capturethevalley.com/ Squawk http://www.squawkdesign.com/ Emeril's Holiday to Go : Home http://www.emerils.com/
studio-no9 2008/01/14
ãƒ‡ã‚¶ã‚¤ãƒ³å‚è€ƒ

web design
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸