[B! webdesign] paranodã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

paranod id:paranod

webdesignã«é–¢ã™ã‚‹paranodã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (57)

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

Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ãƒ¼Tips10é¸ â€“ creamu
ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ãƒ¼ã®é«˜ã„ã‚µã‚¤ãƒˆãŒä½œã‚ŠãŸã„ã€‚ ãã‚“ãªã‚ãªãŸã«ãŠã™ã™ã‚ãªã®ãŒã€ã€Ž10 Usability Tips for Web Designersã€ã€‚Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ãƒ¼Tips10é¸ã ã€‚ ä»¥ä¸‹ã«ã”ç´¹ä»‹ã€‚ Taglineï¼ˆã‚ãƒ£ãƒƒãƒãƒ•ãƒ¬ãƒ¼ã‚ºï¼‰ã‚’æ›¸ã Taglineã¨ã¯ã€ä¼šç¤¾ã‚„ã‚µã‚¤ãƒˆã®ãƒ•ã‚£ãƒã‚½ãƒ•ã‚£ãƒ¼ã€ãƒŸãƒƒã‚·ãƒ§ãƒ³ã‚’è¡¨ã—ãŸã‚‚ã®ã€‚ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã®ä¸€ç•ªã‚ã‹ã‚Šã‚„ã™ã„å ´æ‰€ã«ç½®ã„ã¦ã‚ã’ã‚‹ æ¤œç´¢ãƒœãƒƒã‚¯ã‚¹ã‚’ç½®ã æ¤œç´¢ãƒœãƒƒã‚¯ã‚¹ã¯é‡è¦ãªè¦ç´ ã€‚ãƒ¦ãƒ¼ã‚¶ãŒä½•ã‹ã‚’æŽ¢ã—ã¦ã„ã‚‹æ™‚ã€ãƒ†ã‚ã‚¹ãƒˆã‚’å…¥åŠ›ã§ãã‚‹ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã‚’ã¾ãšæŽ¢ã™ãŸã‚ã€æ¤œç´¢ãƒœãƒƒã‚¯ã‚¹ã¯ã‚µã‚¤ãƒˆã®ä¸Šéƒ¨ã«ç½®ãã¹ãã€‚ãƒ¦ãƒ¼ã‚¶ã®è¦–ç·šã¯Fåž‹ã«é€²ã‚€ã‹ã‚‰ã ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’ä½¿ã„ã™ãŽãªã„ éŽå‰°ãªã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã¯ãƒ¦ãƒ¼ã‚¶ã‚’è¿·ã‚ã›ã‚‹ã€‚ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ãƒ¼ã®è¦³ç‚¹ã‹ã‚‰ã¯ã€ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã¯å°‘ãªã„ã»ã©ã‚ˆã„ ã‚µã‚¤ãƒˆãƒžãƒƒãƒ—ã‚’è¨ç½®ã™ã‚‹ ã‚µã‚¤ãƒˆã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã¨SEOã«ã‚‚åŠ¹æžœçš„ãªã®ãŒã‚µã‚¤ãƒˆãƒžãƒƒãƒ— ãƒ¦ãƒ¼ã‚¶ã®å‹•
paranod 2010/02/05
ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ãƒ¼ã®é«˜ã„ã‚µã‚¤ãƒˆ

webdesign

usability
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
paranod 2009/12/30
webdesign

å‚è€ƒ
ãƒªãƒ³ã‚¯
å®Ÿç”¨çš„ãªãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®10ã®ãƒã‚¤ãƒ³ãƒˆï¼šã‚±ãƒ¼ã‚¹ã‚¹ã‚¿ãƒ‡ã‚£ç·¨
å…ˆæ—¥ç´¹ä»‹ã—ãŸã€Œå®Ÿç”¨çš„ãªãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®10ã®ãƒã‚¤ãƒ³ãƒˆã€ã®ä¸ã‹ã‚‰ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚„ãƒ•ã‚©ãƒ¼ãƒ ã‚„ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ãªã©ã®åˆ¶ä½œã«å½¹ç«‹ã¤å®Ÿç”¨çš„ãªã‚±ãƒ¼ã‚¹ã‚¹ã‚¿ãƒ‡ã‚£ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ 10 Useful Usability Findings and Guidelines ä»¥ä¸‹ã®æ„è¨³ã¯è‹±èªžåœå†…ã®ãŸã‚ã€ç‰¹ã«ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ãªã©æ—¥æœ¬èªžã§ã¯ãªãè‹±èªžã‚’æƒ³å®šã—ãŸãƒ‡ãƒ¼ã‚¿ã®ãŸã‚ã”æ³¨æ„ãã ã•ã„ã€‚ ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ è¡Œé–“ Ã· ãƒ•ã‚©ãƒ³ãƒˆã®ã‚µã‚¤ã‚º = 1.48 ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®è‹±èªž ãƒ•ã‚©ãƒ³ãƒˆã§ã¯ã€ä¸€èˆ¬çš„ã«ã€Œ1.48ã€ãŒèªã¿ã‚„ã™ã„ã§ã™ã€‚ ã‚¯ãƒ©ã‚·ãƒƒã‚¯ãªã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã®æœ¬ã§ã¯ä¸€èˆ¬çš„ã«ã€Œ1.5ã€ãŒæŽ¨å¥¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ è¡Œå¹… Ã· è¡Œé–“ = 27.8 ä¸€ã¤ã®ãƒ‘ãƒ©ã‚°ãƒ©ãƒ•ã®å¹…ã¯å¹³å‡538.64ãƒ”ã‚¯ã‚»ãƒ«ã§ã™ã€‚ å¤šãã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºãŒ12, 13ãƒ”ã‚¯ã‚»ãƒ«ã§ã‚ã‚‹ã“ã¨ã‚’è€ƒãˆã‚‹ã¨ã‹ãªã‚Šé•·ã„ã‚‚ã®ã¨ãªã£ã¦ã„ã¾ã™ã€‚ ãƒ‘ãƒ©ã‚°ãƒ©ãƒ•é–“ã®ã‚¹ãƒšãƒ¼ã‚¹ Ã· è¡Œé–“ = 0.754 ä¸€
paranod 2009/10/08
webdesign

usability
ãƒªãƒ³ã‚¯
è‰²è¦‹æœ¬å¤§è¾žå…¸ ä¼çµ±è‰²ã‚„366æ—¥ã®èª•ç”Ÿè‰²å ã„ã®WEBè‰²è¦‹æœ¬ã‚µã‚¤ãƒˆ
paranod 2009/10/03
è‰²è¦‹æœ¬ã€ä¼çµ±è‰²ã¨ã‹ãã‚Œãžã‚Œã®è‰²åã«å¯¾å¿œã™ã‚‹ã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ã‚’è¡¨ç¤º

webdesign

color
ãƒªãƒ³ã‚¯
å˜èª¿ãªã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«æ‰‹ã‚’åŠ ãˆã¦ã‚¯ã‚ªãƒªãƒ†ã‚£ã‚’ã‚¢ãƒƒãƒ—ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã€ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’è¿½åŠ ã—ãŸã‚Šã€ç´°éƒ¨ã‚’ãƒ–ãƒ©ãƒƒã‚·ãƒ¥ã‚¢ãƒƒãƒ—ã—ãŸã‚Šã—ã¦ã‚¯ã‚ªãƒªãƒ†ã‚£ã‚’ã‚¢ãƒƒãƒ—ã™ã‚‹Photoshopã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’Psdtuts+ã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚
paranod 2009/10/03
ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã€ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’è¿½åŠ ã—ãŸã‚Šã€ç´°éƒ¨ã‚’ãƒ–ãƒ©ãƒƒã‚·ãƒ¥ã‚¢ãƒƒãƒ—ã—ãŸã‚Šã—ã¦ã‚¯ã‚ªãƒªãƒ†ã‚£ã‚’ã‚¢ãƒƒãƒ—ã™ã‚‹Photoshopã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

webdesign

tips
ãƒªãƒ³ã‚¯
æ—¢å˜ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¯ã‚ªãƒªãƒ†ã‚£ã‚’ã‚¢ãƒƒãƒ—ã™ã‚‹8ã¤ã®ãƒã‚¤ãƒ³ãƒˆ
ãƒ‡ã‚¶ã‚¤ãƒ³ãŒå˜èª¿ãªæ„Ÿã˜ã®ã¨ãã«ã¯ã€ä½¿ç”¨ã—ã¦ã„ã‚‹è‰²ã‚’é®®ã‚„ã‹ã«ã—ã¦ã¿ã¾ã™ã€‚ å¤‰æ›´ã—ãŸè‰²ã‚’ãƒ™ãƒ¼ã‚¹ã«ã€ã‚«ãƒ©ãƒ¼ã‚¹ã‚ãƒ¼ãƒ ã‚’è¨è¨ˆã—ã¾ã™ã€‚ Color Scheme Designer 3 2. ãƒ¢ãƒŽã‚¯ãƒã¯æ…Žé‡ã« ãƒ–ãƒ©ãƒƒã‚¯ã‚„ãƒ›ãƒ¯ã‚¤ãƒˆãªã©ãƒ¢ãƒŽã‚¯ãƒã‚’ãƒ†ãƒ¼ãƒžã«ã—ãŸç´ æ™´ã‚‰ã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¯å¤šæ•°ã‚ã‚Šã¾ã™ã€‚ãƒ¢ãƒŽã‚¯ãƒã¯å˜è‰²ã§æ§‹æˆã•ã‚ŒãŸã‚‚ã®ã§ã™ãŒã€ä¸€è‰²åŠ ãˆã‚‹ã“ã¨ã§ãƒ‡ã‚¶ã‚¤ãƒ³ãŒå®¹æ˜“ã«ãªã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ ãƒã‚¤ãƒ³ãƒˆã¯ãã®ä¸€è‰²ã®ã¿ã«ã“ã ã‚ã‚‰ãšã«ã€ä»–ã®è‰²ã‚‚å……åˆ†ã«æ¤œè¨Žã™ã‚‹ã“ã¨ã§ã™ã€‚ 3. ã‚°ãƒªãƒƒãƒ‰ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®æ´»ç”¨
paranod 2009/07/04
å°‘ã—æ‰‹ã‚’åŠ ãˆã‚‹ã ã‘ã§ã€æ—¢å˜ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¯ã‚ªãƒªãƒ†ã‚£ã‚’ã‚¢ãƒƒãƒ—ã™ã‚‹8ã¤ã®ãƒã‚¤ãƒ³ãƒˆ

webdesign

tips
ãƒªãƒ³ã‚¯
Adaptive CSS-Layouts: New Era In Fluid Layouts? â€” Smashing Magazine
Fluid web designs have many benefits, but only if implemented correctly. With proper technique, a design can be seen correctly on large screens, small screens and even tiny PDA screens. With bad coding structure, however, a fluid layout can be disastrous. Because of this, we need to find ways to work around most, if not all, of the cons of fluid design. If you as a designer are going to go through
paranod 2009/06/11
ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦æœ€é©åŒ–ã•ã‚ŒãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ãªã‚‹ã‚ˆã†ãªã€é«˜åº¦ãªå¯å¤‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«é–¢ã™ã‚‹è¨˜äº‹

webdesign

layout

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
è¦ãƒã‚§ãƒƒã‚¯ã®ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªç¾Žã—ã„Flashã‚µã‚¤ãƒˆ50é¸
Smashing Magazineã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€Œç¾Žã—ã„Flashã‚µã‚¤ãƒˆ50é¸ã€ã‹ã‚‰ã€ç‰¹ã«ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªFlashã®ã‚µã‚¤ãƒˆã‚’ã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã™ã€‚ 50 Beautiful Flash Websites Drinks Sites
paranod 2009/06/10
ç¾Žã—ã„Flashã‚µã‚¤ãƒˆ50é¸

webdesign

flash

å‚è€ƒ
ãƒªãƒ³ã‚¯
PSDã¨XHTMLãŒã‚»ãƒƒãƒˆã«ãªã£ãŸWebãƒ‡ã‚¶ã‚¤ãƒ³å¦ç¿’ã‚ãƒƒãƒˆè‰²ã€…:phpspoté–‹ç™ºæ—¥èªŒ
6 Free PSD/(X)HTML-Templates | Freebies | Smashing Magazine PSDã¨XHTMLãŒã‚»ãƒƒãƒˆã«ãªã£ãŸWebãƒ‡ã‚¶ã‚¤ãƒ³å¦ç¿’ã‚ãƒƒãƒˆè‰²ã€…ã€‚ ï¼‘ã‹ã‚‰WEBãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä½œã‚‹ã¨ãªã‚‹ã¨ã€Photoshopã§ãƒ™ãƒ¼ã‚¹ã‚’ä½œæˆâ†’HTMLåŒ–ã®ä½œæ¥ãŒå¿…è¦ã§ã™ãŒã€Photoshopã€HTMLã€CSSãŒã‚»ãƒƒãƒˆã«ãªã£ãŸã‚‚ã®ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³è‡ªä½“ã‚‚æ¬¡ã®ã‚ˆã†ãªãƒ—ãƒãŒä½œã£ãŸã¨æ€ã‚ã‚Œã‚‹ã‚¯ã‚ªãƒªãƒ†ã‚£ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«ãªã£ã¦ã„ã¾ã™ã€‚ Shape Projection Template Artificial Casting Template ã™ã¹ã¦è¦‹ã‚‹ï¼†ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ è‰²åˆã„å¤‰æ›´ã‚„å°‘ã€…ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆé…ç½®å¤‰æ›´ã¨ã„ã£ãŸã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ç‹¬è‡ªãƒšãƒ¼ã‚¸ã‚‚å®¹æ˜“ã«ä½œã‚Œã‚‹ã‹ã‚‚ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒ—ãƒã«ã‚ˆã‚‹ç¾Žéº—ã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æ§‹ç¯‰ã™ã‚‹Photoshopãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›† ãƒ—ãƒã®ã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³æ–¹æ³•ã‚’ä½œã£ã¦å¦ã¹ã‚‹æ‰‹
paranod 2009/06/08
PSDã¨XHTMLãŒã‚»ãƒƒãƒˆã«ãªã£ãŸWebãƒ‡ã‚¶ã‚¤ãƒ³å¦ç¿’ã‚ãƒƒãƒˆè‰²ã€…

webdesign

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã†ã¾ãä½¿ã£ã¦ç«‹ä½“æ„Ÿã‚’å‡ºã—ãŸã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³é›†:phpspoté–‹ç™ºæ—¥èªŒ
25 Great Examples of Using Gradient Effects in Web Designs ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã†ã¾ãä½¿ã£ã¦ç«‹ä½“æ„Ÿã‚’å‡ºã—ãŸã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³é›†ã€‚ ã†ã¾ãã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã†ã“ã¨ã§ã€è³ªæ„Ÿã®è¡¨ç¾ã‚„ã€ã‚´ãƒ¼ã‚¸ãƒ£ã‚¹ãªå°è±¡ã‚’ç”Ÿã¿å‡ºã—ã¦ã„ã¾ã™ã€‚ ECTOMACHINE ã‚¯ãƒ¼ãƒ«ãªç”»åƒã¨ã¨ã‚‚ã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã‚ŒãŸèƒŒæ™¯ãŒå°è±¡ã‚’å¼·ãã—ã¦ã„ã¾ã™ Reinvigorate ã†ã¾ãã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã¨èƒŒæ™¯ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’æ··ãœåˆã‚ã›ãŸãƒ‡ã‚¶ã‚¤ãƒ³ å˜è‰²ã«ã™ã‚‹ã‚ˆã‚Šã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®æ–¹ãŒé«˜ç´šæ„ŸãŒå‡ºã¦ã„ã‚‹ã®ãŒåˆ†ã‹ã‚Šã¾ã™ Central Snowsports å¹³é¢ã§ã™ãŒã†ã¾ãç«‹ä½“çš„ã«ã—ã¦ã•ã‚‰ã«ãã‚ŒãŒåˆ†ã‹ã‚Šã‚„ã™ã„ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã«ãªã£ã¦ã„ã‚‹ç‚¹ãŒå‚è€ƒã«ã§ããã† Tim Van Damme ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ãƒ‘ãƒãƒ«ã£ã½ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç«‹ä½“çš„ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¦ã„ã‚‹ä¾‹ ã‚·ãƒ³ãƒ—ãƒ«ã§åˆ†ã‹ã‚Šã‚„ã™ã„ãƒšãƒ¼ã‚¸æ§‹ç¯‰ã®éš›ã®å‚è€ƒã«ãªã‚‹ã‹ã‚‚ Rise Crea
paranod 2009/05/19
ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã†ã¾ãä½¿ã£ã¦ç«‹ä½“æ„Ÿã‚’å‡ºã—ãŸã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³é›†

webdesign

å‚è€ƒ
ãƒªãƒ³ã‚¯
http://www.designwalker.com/2009/05/design-process.html
paranod 2009/05/19
ã‚ã¨ã§èªã‚€

webdesign
ãƒªãƒ³ã‚¯
æƒ…å ±ã‚’ã‚ã‹ã‚Šã‚„ã™ãè¦–è¦šåŒ–ã—ãŸã‚¤ãƒ³ãƒ•ã‚©ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹é›†
Web Trend Map 4 - Final Beta ã‚µã‚¤ãƒˆã§ã¯ä»–ã«ã‚‚å¤šæ•°ã®ã‚¤ãƒ³ãƒ•ã‚©ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ æ›´ã«èˆˆå‘³ãŒã‚ã‚‹æ–¹ã«ã¯ã€ä¸‹è¨˜ã®æœ¬ãŒãŠå‹§ã‚ã§ã™ã€‚ ã¡ã‚‡ã£ã¨å¤ã„æœ¬ãªã®ã§æ›¸åº—ã§ã¯æ‰±ã£ã¦ãªã„ã¨æ€ã„ã¾ã™ãŒã€amazonã®ãƒžãƒ¼ã‚±ãƒƒãƒˆãƒ—ãƒ¬ã‚¤ã‚¹ã«ã¯ä½•ç‚¹ã‹ã‚ã‚Šã¾ã—ãŸã€‚
paranod 2009/05/12
ã‚¤ãƒ³ãƒ•ã‚©ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹

å‚è€ƒ

webdesign
ãƒªãƒ³ã‚¯
jQueryã§ä½œã‚‹Amazonæµãƒªã‚ãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ (1/5)
å›½å†…å¤–ã‚’å•ã‚ãšã€å¤šãã®ECã‚µã‚¤ãƒˆãŒãŠæ‰‹æœ¬ã¨ã™ã‚‹ã€ŒAmazon.co.jpã€ã€‚ã“ã®é€£è¼‰ã§ã‚‚ä»¥å‰ã€AmazonãŒæŽ¡ç”¨ã™ã‚‹ã€Œã‚«ãƒ«ãƒ¼ã‚»ãƒ«ã€ï¼ˆå›žè»¢è¡¨ç¤ºã™ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ‘ãƒãƒ«ï¼‰ã®ä½œã‚Šæ–¹ã‚’ç´¹ä»‹ã—ã¾ã—ãŸãŒï¼ˆé–¢é€£è¨˜äº‹ï¼‰ã€Amazonã¯å„ªã‚ŒãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ï¼ˆUIï¼‰ã®å®åº«ã§ã‚‚ã‚ã‚Šã¾ã™ã€‚ ä¸ã§ã‚‚ã€éŽåŽ»ã®é–²è¦§å±¥æ´ãªã©ã‹ã‚‰ãƒšãƒ¼ã‚¸ã®å¤§åŠãŒå‹•çš„ã«ç”Ÿæˆã•ã‚Œã‚‹Amazon.co.jpã®ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’å•†å“è³¼å…¥ã¸ã¨å°Žãã•ã¾ã–ã¾ãªä»•æŽ›ã‘ãŒçµ„ã¿è¾¼ã¾ã‚Œã¦ã„ã¾ã™ã€‚ä»Šå›žã¯ã€ã“ã®Amazon.co.jpã®ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã«æ³¨ç›®ã—ã¾ã™ã€‚ ä»Šå›žã®ãŠæ‰‹æœ¬ã‚µã‚¤ãƒˆï¼šã€ŽAmazon.co.jpã€ ç±³ã‚¢ãƒžã‚¾ãƒ³ãƒ»ãƒ‰ãƒƒãƒˆã‚³ãƒ ã®æ—¥æœ¬æ³•äººã‚¢ãƒžã‚¾ãƒ³ã‚¸ãƒ£ãƒ‘ãƒ³ãŒ2000å¹´ã‹ã‚‰é‹å–¶ã™ã‚‹ECã‚µã‚¤ãƒˆã€‚æ›¸ç±è²©å£²ã‹ã‚‰å§‹ã¾ã‚Šã€ç¾åœ¨ã§ã¯ãƒšãƒƒãƒˆãƒœãƒˆãƒ«é£²æ–™æ°´ã‚„ç´™ãŠã‚€ã¤ã€ã‚ãƒƒãƒãƒ³å®¶é›»ã¾ã§1000ä¸‡ç‚¹è¶…ã®è†¨å¤§ãªå•†å“ã‚’æ‰±ã£ã¦ã„ã‚‹ã€‚å–æ‰±å•†å“ã®æ‹¡å¤§ã«åˆã‚ã›ã¦ã€2008å¹´4æœˆã«å¤§è¦æ¨¡
paranod 2009/05/09
jQuery

webdesign

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
Design a Beautiful Website From Scratch | Envato Tuts+
Have you ever wanted to design a beautiful website but just didn't know how? To be honest, a few years ago, that happened to me too. While browsing the web, I saw so many nice looking websites and wished I had the skills to create such designs. Today I can and I'm going to teach you how to do so too! Essentially, it requires a few Photoshop skills and an eye for detail. Through this tutorial, I wi
paranod 2009/05/01
webdesign

Tutorial
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ãƒ•ã‚¡ãƒƒã‚·ãƒ§ãƒ³ã«å–ã‚Šå…¥ã‚ŒãŸã„ã€2009å¹´ å¤ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚«ãƒ©ãƒ¼
Fashion Trendsetteã‹ã‚‰ã€ã€ŒTFLã€ã¨ã€ŒLe Cuir A Parisã€ã¨ã€ŒLenzing Colorã€ã®2009å¹´ å¤ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚«ãƒ©ãƒ¼ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
paranod 2009/04/28
2009å¹´ å¤ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚«ãƒ©ãƒ¼

webdesign

color
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã‘ã‚‹ã€ãƒ©ã‚¤ãƒˆã¨ã‚·ãƒ£ãƒ‰ã‚¦ã®åŠ¹æžœçš„ãª5ã¤ã®ä½¿ã„æ–¹
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã‘ã‚‹ã€ãƒ©ã‚¤ãƒˆã¨ã‚·ãƒ£ãƒ‰ã‚¦ã®åŠ¹æžœçš„ãª5ã¤ã®ä½¿ã„æ–¹ã‚’Smashing Magazineã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ 5 Simple Tricks To Bring Light and Shadow Into Your Designs ä»¥ä¸‹ã€ãã®æ„è¨³ã§ã™ã€‚ ãƒ©ã‚¤ãƒˆã¨ã‚·ãƒ£ãƒ‰ã‚¦ã¨ã„ã†ã®ã¯å˜ã«ãã“ã«ã‚ã‚‹ã ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ãƒ©ã‚¤ãƒˆã¯å¯¾è±¡ç‰©ã‚’å°„ã—ã€ã‚·ãƒ£ãƒ‰ã‚¦ã‚’ç”Ÿã¿å‡ºã—ã¾ã™ã€‚ å½¢ã‚„å¤§ãã•ã€è³ªæ„Ÿã‚’ä¼ãˆã€ç›®ã«ã™ã‚‹å¯¾è±¡ç‰©ã®ç†è§£ã‚’æ·±ã‚ã¾ã™ã€‚ ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚‚ã“ã®ãƒ©ã‚¤ãƒˆã¨ã‚·ãƒ£ãƒ‰ã‚¦ã¯éžå¸¸ã«é‡è¦ã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã‚ˆã‚ŠãƒŠãƒãƒ¥ãƒ©ãƒ«ã«ã—ã€æ„Ÿå‹•çš„ã§ç›´æ„Ÿçš„ãªã‚‚ã®ã«ã—ã¾ã™ã€‚ ã“ã“ã«ã€ãƒ©ã‚¤ãƒˆã¨ã‚·ãƒ£ãƒ‰ã‚¦ã®æ´—ç·´ã•ã‚ŒãŸ5ã¤ã®ä½¿ã„æ–¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ A Quick Anatomy Of Light And Shadow ãƒ©ã‚¤ãƒˆã¨ã‚·ãƒ£ãƒ‰ã‚¦ã®æ§‹é€ ä¸‹ã®å›³ã¯ã€ãƒ©ã‚¤ãƒˆãŒå·¦ã‹ã‚‰ã‚ãŸã£ã¦ã„ã¾ã™ã€‚ãƒã‚¤ãƒ©ã‚¤ãƒˆã¯ãã®ãƒ©ã‚¤ãƒˆãŒä¸€ç•ªå¼·ãã‚ãŸã£ã¦ã„ã‚‹ç®‡æ‰€ã§ã™ã€‚ãã—ã¦
paranod 2009/04/24
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã‘ã‚‹ã€ãƒ©ã‚¤ãƒˆã¨ã‚·ãƒ£ãƒ‰ã‚¦ã®åŠ¹æžœçš„ãª5ã¤ã®ä½¿ã„æ–¹

webdesign

tips

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
JavaScriptã§HTMLãƒ•ã‚©ãƒ¼ãƒ ã®åŠ‡çš„ãƒ“ãƒ•ã‚©ã‚¢ã‚¢ãƒ•ã‚¿ãƒ¼ã€ŒJqtransformã€:phpspoté–‹ç™ºæ—¥èªŒ
Opensource - AJAX - Jqtransf orm - jQuery form plugin JavaScriptã§HTMLãƒ•ã‚©ãƒ¼ãƒ ã®åŠ‡çš„ãƒ“ãƒ•ã‚©ã‚¢ã‚¢ãƒ•ã‚¿ãƒ¼ã€ŒJqtransf ormã€ã€‚ jqTransf ormã‚’ä½¿ãˆã°ã€å‘³æ°—ãªã„ãƒ•ã‚©ãƒ¼ãƒ ã‚‚ä»¥ä¸‹ã®ã¨ãŠã‚Šã€ï¼‘è¡Œã§ç¶ºéº—ã«æ•´å½¢ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ â†“â†“â†“â†“â†“â†“â†“â†“ å¿…è¦ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’èªã¿è¾¼ã‚“ã ã‚‰ã€ï¼‘è¡Œã§æ•´å½¢ $('form').jqTransf orm({imgPath:'/img/'}); â†“â†“â†“â†“â†“â†“â†“â†“
paranod 2009/04/23
jqTransformã‚’ä½¿ãˆã°ã€å‘³æ°—ãªã„ãƒ•ã‚©ãƒ¼ãƒ ã‚‚ï¼‘è¡Œã§ç¶ºéº—ã«æ•´å½¢ã™ã‚‹ã“ã¨ãŒå¯èƒ½

webdesign

javascript
ãƒªãƒ³ã‚¯
å„ªã‚ŒãŸãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã‚’è¨è¨ˆã™ã‚‹éš›ã«è€ƒæ…®ã™ã‚‹8ã¤ã®ãƒã‚¤ãƒ³ãƒˆ
ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã¨ã£ã¦æœ‰ç›Šãªãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã‚’è¨è¨ˆã™ã‚‹éš›ã«è€ƒæ…®ã™ã‚‹8ã¤ã®ãƒã‚¤ãƒ³ãƒˆã‚’Usability Postã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ 8 Characteristics Of Successful User Interfaces ä»¥ä¸‹ã€ãã®æ„è¨³ã§ã™ã€‚ ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã®è¨è¨ˆæ™‚ã«ã€è€ƒæ…®ã™ã‚‹8ã¤ã®ãƒã‚¤ãƒ³ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Clear Concise Familiar Responsive Consistent Attractive Efficient Forgiving To concludeâ€¦ 1. Clear æ˜Žå¿« æ˜Žå¿«ã§ã‚ã‚‹ã¨ã„ã†ã®ã¯ã€æœ€ã‚‚é‡é‡ãªè¦ç´ ã§ã™ã€‚ ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ã®ç›®çš„ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«æ„å‘³ã¨æ©Ÿèƒ½ã‚’ä¼ãˆã€åˆ©ç”¨ã™ã‚‹ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¨ç›¸äº’ã«ã¤ãã‚ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ã“ã¨ã§ã™ã€‚ãã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒã©ã®ã‚ˆã†ã«æ©Ÿèƒ½ã™ã‚‹ã®ã‹ã€ã©ã“ã«é€²ã‚€ã¹ãã‹ç†è§£ã™ã‚‹ã“ã¨ãŒã§ããªã„æ™‚ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯å›°æƒ‘ã—ãŒ
paranod 2009/04/23
ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã¨ã£ã¦æœ‰ç›Šãªãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã‚’è¨è¨ˆã™ã‚‹éš›ã«è€ƒæ…®ã™ã‚‹8ã¤ã®ãƒã‚¤ãƒ³ãƒˆ

webdesign

tips

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
http://www.designwalker.com/2009/04/wireframe-2.html
paranod 2009/04/23
ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’ä½œã£ã¦ã€è¦ç´ ã®æŠœã‘ã‚„å‹•ä½œã®çŸ›ç›¾ãªã©ã‚’ãªã‚‹ã¹ãæœ€å°é™ã«ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã«ã¤ã„ã¦ã„ã‚ã„ã‚ã¨ã¾ã¨ã‚

webdesign

ãƒ„ãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®åŠ¹æžœçš„ãªã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã®17ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®åŠ¹æžœçš„ãªã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã®17ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’Webdesigner Depotã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚
paranod 2009/04/22
ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®åŠ¹æžœçš„ãªã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã®17ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯

typography

webdesign
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸