[B! ui][tips] studio-no9ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

studio-no9 id:studio-no9

uiã¨tipsã«é–¢ã™ã‚‹studio-no9ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

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

ãƒ˜ãƒƒãƒ€ãƒ¼ã«ã‚‚è¨˜äº‹ä¸€è¦§ã‚’è¨ç½®ã™ã‚‹ãƒ–ãƒã‚°ãƒ‡ã‚¶ã‚¤ãƒ³ã®å°æŠ€ | SiMPLE*SiMPLE
ãƒ˜ãƒƒãƒ€ãƒ¼ã«ã‚‚è¨˜äº‹ä¸€è¦§ã‚’è¨ç½®ã™ã‚‹ãƒ–ãƒã‚°ãƒ‡ã‚¶ã‚¤ãƒ³ã®å°æŠ€ May 24, 2007 2:20 PM written by 8maki ãƒ–ãƒã‚°ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚‚å¤šç¨®å¤šæ§˜ã«ãªã£ã¦ãã¦ã„ã¾ã™ã€‚ãƒ˜ãƒƒãƒ€ãƒ¼éƒ¨åˆ†ã‚‚ä¸»ç¨®æ§˜ã€…ãªå·¥å¤«ãŒãªã•ã‚Œã¦ã„ãŸã‚Šã—ã¾ã™ã‚ˆãã€‚ä»Šæ—¥ã¯ãã®ä¸ã®ä¸€ã¤ã‚’ã”ç´¹ä»‹ã€‚ Gizmodo Japanã®ãƒ˜ãƒƒãƒ€ãƒ¼ã«ã¯äººæ°—ã®è¨˜äº‹ä¸€è¦§ãŒãŠã‚Šè¾¼ã¾ã‚Œã¦ã„ã¾ã™ã€‚ ã¾ãŸã€lifehack.orgã§ã¯æœ€æ–°è¨˜äº‹ä¸€è¦§ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ãƒ–ãƒã‚°ã®è¨˜äº‹ä¸€è¦§ã¯ã‚µã‚¤ãƒ‰ãƒãƒ¼ã«è¨ç½®ã™ã‚‹ã®ãŒä¸€èˆ¬çš„ã§ã™ãŒã€è¨ªã‚ŒãŸã‚‰ã¾ãšã¯ã˜ã‚ã«ç›®ãŒã„ããƒ˜ãƒƒãƒ€ãƒ¼ã«ã‚‚è¨ç½®ã™ã‚‹ã“ã¨ã§ã€ã©ã†ã„ã£ãŸè¨˜äº‹ã‚’æ›¸ããƒ–ãƒã‚°ãªã®ã‹ã€åˆã‚ã¦ã®äººã«ã‚‚ã‚¢ãƒ”ãƒ¼ãƒ«ã—ã‚„ã™ããªã‚Šã¾ã™ã€‚ ãã‚Œã«ãƒ˜ãƒƒãƒ€ãƒ¼ã£ã¦å¸¸ã«ç›®ã«ä»˜ãå ´æ‰€ã§ã™ã‹ã‚‰ã€ã„ããªã‚Šå€‹åˆ¥è¨˜äº‹ãƒšãƒ¼ã‚¸ã‚’è¨ªã‚ŒãŸäººã«å¯¾ã—ã¦ã‚‚ä»–ã®è¨˜äº‹ã‚’ã‚¢ãƒ”ãƒ¼ãƒ«ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ä»–ã«ã‚‚ãƒ˜ãƒƒãƒ€ãƒ¼ã‚„ãƒ•ãƒƒã‚¿ãƒ¼ãªã©ã‚’ã†ã¾ãä½¿ã£ãŸãƒ–ãƒã‚°ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒã‚ã£ãŸã‚‰ã”ç´¹ä»‹ã—
studio-no9 2008/10/25
ui

tips

webdesign

idea
ãƒªãƒ³ã‚¯
http://youmos.com/news/css_step_menu
studio-no9 2008/10/25
usability

ui

tips

webdesign
ãƒªãƒ³ã‚¯
Breadcrumb CSS - Appleã«ç¿’ã†ãƒ‘ãƒ³ããšãƒ‡ã‚¶ã‚¤ãƒ³CSS - youmos
studio-no9 2008/10/25
ãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆã‚’è¦‹ã‚„ã™ãã™ã‚‹

webdesign

ui

tips

css
ãƒªãƒ³ã‚¯
Ajaxãªãƒšãƒ¼ã‚¸ã§ã€Œæˆ»ã‚‹ãƒœã‚¿ãƒ³ã€ã‚’æ©Ÿèƒ½ã•ã›ã‚‹æ–¹æ³•:phpspoté–‹ç™ºæ—¥èªŒ
JavaScriptã¨LightBoxã‚’çµ„ã¿åˆã‚ã›ãŸã‚¹ãƒžãƒ¼ãƒˆãªå†™çœŸã®è¦‹ã›æ–¹ã‚µãƒ³ãƒ—ãƒ«ã€ŒSucke... æ¬¡ã®è¨˜äº‹ â‰«ï¼šèŠ±ç«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’JavaScriptã§å®Ÿè£…ã€ŒFireworks.jsã€ Ajax Back Button Hack Ajaxãªãƒšãƒ¼ã‚¸ã§ã€Œæˆ»ã‚‹ãƒœã‚¿ãƒ³ã€ã‚’æ©Ÿèƒ½ã•ã›ã‚‹æ–¹æ³•ã€‚ Ajaxãªãƒšãƒ¼ã‚¸ã§ã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ã®ã€Œæˆ»ã‚‹ãƒœã‚¿ãƒ³ã€ã‚’æŠ¼ã™ã¨ã€é€šå¸¸ã¯ã€å‰ã«é–‹ã„ã¦ã„ãŸãƒšãƒ¼ã‚¸ã«æˆ»ã£ã¦ã—ã¾ã„ã¾ã™ã€‚ Ajaxã§ãƒšãƒ¼ã‚¸ã‚’ï¼‘ï¼Œï¼’ï¼Œï¼“ã¨é–‹ã„ã¦ã„ã£ã¦ã€ï¼’ã«æˆ»ã‚ŠãŸã„ã®ã«ã€å‰ã«é–‹ã„ã¦ã„ãŸãƒšãƒ¼ã‚¸ã«æˆ»ã‚‹ã®ã¯åˆ©ç”¨è€…ã¨ã—ã¦ã¯ä¸æœ¬æ„ãªå‹•ä½œã§ã™ã€‚ ãã“ã§ã€IFRAMEã‚’ä½¿ã£ãŸã€Ajaxã§ã®ã€Œæˆ»ã‚‹ãƒœã‚¿ãƒ³ã€å®Ÿè£…ãƒãƒƒã‚¯æ–¹æ³•ã®ç´¹ä»‹ã€‚ Ajaxã§ç”»é¢ã‚’åˆ‡ã‚Šæ›¿ãˆãŸéš›ã«ã€IFRAMEã®srcã‚‚åˆ‡ã‚Šæ›¿ãˆã‚‹ã“ã¨ã§æˆ»ã‚‹ãƒœã‚¿ãƒ³ã‚’å‹•ä½œã•ã›ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ ä¾‹ãˆã°ã€javascriptã§æ¬¡ã®ã‚ˆã†ã«IFRAMEã®srcã‚’åˆ‡ã‚Šæ›¿ãˆã¾ã™ã€‚ <ifram
studio-no9 2007/03/29
ajax

javascript

tips

ui

webdesign

ã¾ãšç¢ºèª

usability
ãƒªãƒ³ã‚¯
æ³¨ç›®ï¼Flashã‚’å¿œç”¨ã—ã¦HTMLï¼†CSSã ã‘ã§ã¯é€šå¸¸ä½œã‚Œãªã„ç”»åƒåŠ¹æžœã‚’å¾—ã‚‹ã€ŒswfIRã€:phpspoté–‹ç™ºæ—¥èªŒ
æ³¨ç›®ï¼Flashã‚’å¿œç”¨ã—ã¦HTMLï¼†CSSã ã‘ã§ã¯é€šå¸¸ä½œã‚Œãªã„ç”»åƒåŠ¹æžœã‚’å¾—ã‚‹ã€ŒswfIRã€ 2007å¹´02æœˆ27æ—¥- swfIR: swf Image Replacement When you start to use swfIR, youâ€™ll need the ability to style it, the same way that you can do with regular images. Flashã‚’å¿œç”¨ã—ã¦HTMLï¼†CSSã ã‘ã§ã¯é€šå¸¸ä½œã‚Œãªã„ç”»åƒåŠ¹æžœã‚’å¾—ã‚‹ã€ŒswfIRã€ã€‚ ã“ã†ã„ã£ãŸä»•çµ„ã¿ã§ã€ä¹…ã—ã¶ã‚Šã«æ„Ÿå‹•ã•ã›ã‚‰ã‚Œã¾ã—ãŸã€‚ Ajaxã«ã“ã ã‚ã‚‰ãšã€Flashã‚‚å¿œç”¨ã™ã‚‹ã“ã¨ã§ã“ã‚“ãªã“ã¨ã‚‚å‡ºæ¥ã‚‹ã‚“ã ã€ã¨æ€ã‚ã›ã‚‰ã‚ŒãŸã‚‚ã®ã§ã—ãŸã€‚ ãªã‚“ã¨ã€<img src="ã€œ"> ãªç”»åƒã‚¿ã‚°ãŒã‚ã£ãŸã¨ã—ã¦ã€ã“ã®ç”»åƒã«ã€å‹•çš„ã«è§’ä¸¸ã‚„ã‚·ãƒ£ãƒ‰ã‚¦åŠ¹æžœã€å›žè»¢åŠ¹æžœã‚„ãƒœãƒ¼ãƒ€ãƒ¼ã‚’ç›´æŽ¥ã‹ã‘ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ æ¬¡ã®
studio-no9 2007/03/29
ajax

css

flash

javascript

tips

sample

ui

webdesign
ãƒªãƒ³ã‚¯
Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼/é–‹ç™ºè€…ãŒè¦šãˆã¦ãŠãã¨ã‚ˆã„ï¼’ï¼•ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯:phpspoté–‹ç™ºæ—¥èªŒ
25 Code Snippets for Web Designers (Part1) There are loads of handy scripts, bits of html and widgets that you can incorporate into your websites and blogs - here we bring together 25 of the most helpfull in the first part of this series â€¦ Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼/é–‹ç™ºè€…ãŒè¦šãˆã¦ãŠãã¨ã‚ˆã„ï¼’ï¼•ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ çŸ¥ã£ã¦ãŠã„ã¦ã‚µã‚¤ãƒˆã«çµ„ã¿è¾¼ã‚ã°ã€ä¸€æ©ãƒ¬ãƒ™ãƒ«ãŒä¸Šã®ã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã§ãã‚‹ã¯ãšã§ã™ã€‚ CSSã‚’ä½¿ã†ã‚‚ã®ã ã‘ã§ãªãã€JavaScript ã‚„ PHP ã‚‚çµ¡ã‚“ã§ãã‚‹ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ãŒã€ã‚µãƒ³ãƒ—ãƒ«ã‚’æ”¹å¤‰ã™ã‚‹ã“ã¨ã§è¨ç½®ã‚’ã™ã‚‹ã“ã¨ã‚‚å‡ºæ¥ã‚‹ã¯ãšã§ã™ã€‚ ãƒãƒ–ãƒ«ãƒ„ãƒ¼
studio-no9 2007/03/29
css

ajax

development

javascript

php

tips

ui

web design

technic

sample
ãƒªãƒ³ã‚¯
JavaScriptã‚’åˆ©ç”¨ã—ã¦ãƒ•ã‚©ãƒ¼ãƒ ã®äºŒé‡é€ä¿¡ã‚’é˜²æ¢ã™ã‚‹ï¼šCodeZine
japan.internet.com ã¯ã€1999å¹´9æœˆã«ã‚ªãƒ¼ãƒ—ãƒ³ã—ãŸã€æ—¥æœ¬åˆã®ãƒãƒƒãƒˆãƒ“ã‚¸ãƒã‚¹å°‚é–€ãƒ‹ãƒ¥ãƒ¼ã‚¹ã‚µã‚¤ãƒˆã€‚æœˆé–“2å„„ä»¥ä¸Šã®ãƒšãƒ¼ã‚¸ãƒ“ãƒ¥ãƒ¼ã‚’èª‡ã‚‹ç±³å›½ Jupitermedia Corporation (Nasdaq: JUPM) ã®ãƒ‹ãƒ¥ãƒ¼ã‚¹ã‚µã‚¤ãƒˆ internet.com ã‚„ EarthWeb.com ã‹ã‚‰ã®æœ€æ–°è¨˜äº‹ã‚’æ—¥æœ¬èªžã«ç¿»è¨³ã—ã¦æŽ²è¼‰ã™ã‚‹ã¨ã¨ã‚‚ã«ã€æ—¥æœ¬ç‹¬è‡ªã®ãƒãƒƒãƒˆãƒ“ã‚¸ãƒã‚¹é–¢é€£è¨˜äº‹ã‚„ãƒ¬ãƒãƒ¼ãƒˆã‚’é…ä¿¡ã€‚
studio-no9 2007/02/14
form

javascript

usability

ui

tips

ajax

css
ãƒªãƒ³ã‚¯
1