[B! ui][css] the-dayã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

the-day id:the-day

uiã¨cssã«é–¢ã™ã‚‹the-dayã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (22)

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

ã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ãªãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œã‚‹ã¨ãã«è¦‹ã‚‹ã¹ãã‚¨ãƒ³ãƒˆãƒªã¾ã¨ã‚
Form Design ãƒ•ã‚©ãƒ¼ãƒ ãƒ‡ã‚¶ã‚¤ãƒ³ ã•ã¦ã•ã¦ã€æœ€è¿‘ã®webã®å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã¯æœ¬å½“ã«å‡ã£ã¦ã‚‹ã¨ã“ã‚ãŒå¤šãã¦ã€ãŸã ãŸã é–¢å¿ƒã™ã‚‹ã°ã‹ã‚Šã€‚ ãã‚“ãªã‚ã‘ã§ä»Šå›žã¯ã€ç„¦ç‚¹ã‚’ã€Žãƒ•ã‚©ãƒ¼ãƒ ã€ã«é™å®šã—ã€ã‚¹ã‚¿ã‚¤ãƒ«æŠœç¾¤ãªãƒ•ã‚©ãƒ¼ãƒ UIã‚’å‹‰å¼·ã—ã¦ã¿ãŸã„ã€‚ æµã‚Œçš„ã«ã¯ ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³é›†CSSã«ã‚ˆã‚‹ãƒ•ã‚©ãƒ¼ãƒ ã®å¤‰æ›´æ–¹æ³•JavaScriptã«ã‚ˆã‚‹ãƒ•ã‚©ãƒ¼ãƒ ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã„ã†æ„Ÿã˜ã§ãŠé€ã‚Šã„ãŸã—ã¾ã™ã€‚ ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ ã¾ãšã¯ã€ã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ãªãƒ•ã‚©ãƒ¼ãƒ ã€‚ ã“ã‚Œã‚‰ã¯ã€webãƒ‡ã‚¶ã‚¤ãƒ³å…¨ä½“ãŒãƒ•ã‚©ãƒ¼ãƒ ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ãªã£ã¦ã„ã‚‹ã¾ã¨ã‚ã§ã™ã€‚ ã¾ã•ã«ãƒã‚¤ãƒ³ãƒ€ãƒ¼ã€‚ webã®å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã‚’è¡—é ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆç”¨ç´™ã®ã‚ˆã†ã«ä»•ä¸Šã’ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã€‚ã‹ã£ã“ã„ã„ã€‚ ãã—ã‚ƒãã—ã‚ƒã£ã¨ã—ãŸã‚ˆã†ãªç´™ã®ä¸€éƒ¨ã«ãƒ•ã‚©ãƒ¼ãƒ ãŒè¨ç½®ã•ã‚Œã¦ã„ã‚‹ã€‚ ã“ã¡ã‚‰ã‚‚ãƒ¡ãƒ¢ã«åå‰ã‚’æ›¸ãã‹ã®ã”ã¨ãã€‚ æ·±æµ·ã«å…‰ãŒã•ã™æ„Ÿã˜ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã€‚ ã‚·ãƒ³ãƒ—ãƒ«ã‚¤ã‚ºãƒ™ã‚¹ãƒˆãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆè¨è¨ˆãŒãªã•ã‚Œã¦ã„ã‚‹ã€‚ ï¼‘ï¼Œï¼’ï¼Œï¼“ï¼Œ
the-day 2009/06/26
form

sample

design

webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

css

html

ui
ãƒªãƒ³ã‚¯
ã„ã‚ã„ã‚ãªã‚µã‚¤ãƒˆã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é›†ã‚ãŸ -Navigation Design Showcase
Navigation Design Showcase Navigation Design Showcaseã¯ç¾åœ¨49å€‹ç™»éŒ²ã•ã‚Œã¦ãŠã‚Šã€Elements of Designã«ã¯ä»–ã«ã‚‚ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã§ã‚ˆãä½¿ã†ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒåŽé›†ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã‚³ãƒ¡ãƒ³ãƒˆã®å…¥åŠ›æ¬„ã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† ã‚³ãƒ¡ãƒ³ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† æ‰“ã¡å‡ºã—ã‚¨ãƒªã‚¢ã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† ã‚³ãƒ¼ãƒ‰è¡¨ç¤ºã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† å‹•ç”»ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† ãƒ•ãƒƒã‚¿ã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† ã‚¢ã‚¤ã‚³ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† ç”»åƒã®ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† ãƒã‚°ã‚¤ãƒ³ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† ä¾¡æ ¼è¡¨ã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† ç™»éŒ²ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† å¼•ç”¨ç®‡æ‰€ã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† æ¤œç´¢ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† è¦‹å‡ºã—ã®ãƒ‡ã‚¶ã‚¤ãƒ³é›†
the-day 2008/11/22
ã¾ã¨ã‚

html

css

button

image

design

webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

idea

ui
ãƒªãƒ³ã‚¯
ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã¨å‚¾å‘ -2008å¹´2æœˆ | ã‚³ãƒªã‚¹
Smashing Magazineã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€ŒNavigation Menus: Trends and Examplesã€ã‹ã‚‰ã€æœ€è¿‘ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã¨å‚¾å‘ã‚’ï¼“ãšã¤ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚µã‚¤ãƒˆã§ã¯ã€ä»–ã«ã‚‚ã‚µãƒ³ãƒ—ãƒ«ãŒãŸãã•ã‚“ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ Navigation Menus: Trends and Examples ãƒ–ãƒãƒƒã‚¯ã‚’ä½¿ç”¨ã—ãŸãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³
the-day 2008/04/02
ã¾ã¨ã‚

navigation

ui

css

html

design

webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
CSSã¨JavaScriptã§å®Ÿè£…ã™ã‚‹ã‚¿ãƒ–åž‹ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹37é¸ -noupe | ã‚³ãƒªã‚¹
noupeã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€Œ37+ Great Ajax, CSS Tab-Based Interfacesã€ã‹ã‚‰ã€CSSã¨JavaScriptã§å®Ÿè£…ã™ã‚‹ã‚¿ãƒ–åž‹ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹37é¸ã®ç´¹ä»‹ã§ã™ã€‚ 37+ Great Ajax, CSS Tab-Based Interfaces è‡ªå‹•ã§åˆ‡ã‚Šæ›¿ã‚ã‚‹ã‚¿ãƒ–åž‹ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ Easy Tabs 1.2 - now with autochange Rotating jQuery tabs example Tab Content Script (v 2.1) ã‚¹ãƒ©ã‚¤ãƒ‰å¼ã®ã‚¿ãƒ–åž‹ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ Sliding Tabs Coda-Slider Perspective Tabs AJAXã‚’ä½¿ç”¨ã—ãŸã‚¿ãƒ–åž‹ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ Ajax Tabs Content Script (v 2.1) é–‰ã˜ã‚‹ã“ã¨ã‚‚å¯èƒ½ãªã‚¿ãƒ–åž‹ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ Tab Panels Close
the-day 2008/03/23
ui

usability

ã¾ã¨ã‚

javascript

ajax

html

css

design

webãƒ‡ã‚¶ã‚¤ãƒ³

programming
ãƒªãƒ³ã‚¯
ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®å‹•ãã€‚ï½œCSS HappyLife
ãƒœã‚¯ãŸã¡ã¿ãŸã„ãªã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’é–²è¦§ã™ã‚‹ã®ãŒå½“ãŸã‚Šå‰ã®äººé–“ã‹ã‚‰ã™ã‚‹ã¨ã€å…¨ãæ°—ã¥ã‹ãªã„äº‹ã«æ°—ã¥ã‹ã•ã‚ŒãŸã‚Šã—ãŸã®ã§ã€è‡ªåˆ†ç”¨ãƒ¡ãƒ¢ã€‚ 2008å¹´2æœˆ14æ—¥ã®22ï¼š47é ƒã«è¿½è¨˜ ãƒœã‚¯ã®ãŸã ã®ãƒ¡ãƒ¢æ›¸ãã‚’ã‚‚ã†ã¡ã‚‡ã£ã¨ã¡ã‚ƒã‚“ã¨ä»¥ä¸‹ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§æ›¸ã„ã¦ã‚‚ã‚‰ã£ã¦ã‚‹ã®ã§ã€ã‚ã‚ã›ã¦ã”è¦§ã«ãªã£ã¦é ‚ãã¨ã€è‰¯ã„ã‹ã¨æ€ã„ã¾ã™ã€‚ Webã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã«ã¤ã„ã¦ã®è¦šæ›¸ - ãã‚“ãŒã‚“ã®Webãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ãƒ†ã‚¹ãƒˆã«å‚åŠ ã—ãŸ ãƒã‚´ã‚¯ãƒªãƒƒã‚¯ï¼ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã«æˆ»ã‚‹ã¨ã„ã†èªè˜ã¯æ®†ã©ç„¡ã„ã€‚ ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã«æˆ»ã‚‹å ´åˆã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ã®ã€Œæˆ»ã‚‹ã€ãƒœã‚¿ãƒ³ã€‚ ã‚µã‚¤ãƒ‰ãƒãƒ¼ã®ãƒãƒŠãƒ¼ã¯ã€èªçŸ¥ã™ã‚‰ã•ã‚Œãªã„å‚¾å‘ãŒå¼·ã„ã€‚ ãã‚‚ãã‚‚ãƒãƒŠãƒ¼ã¨ã—ã¦æŠ¼ã›ã‚‹ã‚‚ã®ã§ã¯ãªãã€ãƒ‡ã‚¶ã‚¤ãƒ³ä¸Šã®é£¾ã‚Šã¨ã—ã¦è¦‹ã‚‰ã‚Œã‚‹å ´åˆã‚‚ã€‚ ãƒªã‚¹ãƒˆã®ãƒžãƒ¼ã‚¯ã¨ã‹ã®ãƒžãƒ¼ã‚¯éƒ¨åˆ†ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã‚ˆãƒ¼ã¨ã™ã‚‹äººãŒå±…ã‚‹ã€‚ ãã‚Œã«ã‚ˆã‚Šã€ã‚¯ãƒªãƒƒã‚¯ã§ããªã„ã¨è«¦ã‚ã‚‹ã‚±ãƒ¼ã‚¹ã‚‚ã€‚ ãƒ—ãƒ«ãƒ€ã‚¦ãƒ³ï¼ˆãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ï¼‰åž‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯ã€è¿‘ãã®ãƒœã‚¿ãƒ³ã‚’æŠ¼
the-day 2008/03/01
ui

accessibility

usability

css

design

webãƒ‡ã‚¶ã‚¤ãƒ³

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

form

css

html

ui

design

webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

å‚è€ƒ
ãƒªãƒ³ã‚¯
ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚è€ƒã«ãªã‚‹ã‚µã‚¤ãƒˆé›†
MICROKIDã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€Œ11ã®å‰å¤§ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒªã‚½ãƒ¼ã‚¹ã€ã§ç´¹ä»‹ã—ã¦ã„ã‚‹UIãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚è€ƒã«ãªã‚‹ã‚µã‚¤ãƒˆã®ãƒªãƒ³ã‚¯é›†ã§ã™ã€‚ 11 Great User Interface Design Resources ãƒ‘ã‚¿ãƒ¼ãƒ³ ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
the-day 2008/01/15
ui

marketing

css

design

webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

è³‡æ–™
ãƒªãƒ³ã‚¯
AJAXã‚’ä½¿ã£ãŸç´ æ™´ã‚‰ã—ã„CSSãƒ•ã‚©ãƒ¼ãƒ ã®47ã®ã‚µãƒ³ãƒ—ãƒ« | ã‚³ãƒªã‚¹
noupeã«ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã•ã‚Œã¦ã„ã‚‹ã€AJAXã‚’ä½¿ã£ãŸç´ æ™´ã‚‰ã—ã„CSSã®ãƒ•ã‚©ãƒ¼ãƒ ã®47ã®ã‚µãƒ³ãƒ—ãƒ«ã®ç´¹ä»‹ã§ã™ã€‚
the-day 2007/12/28
form

html

css

ajax

library

ui

design

webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ãƒšãƒ¼ã‚¸é€ã‚Šéƒ¨åˆ†ã®ãƒ‡ã‚¶ã‚¤ãƒ³ç ”ç©¶:phpspoté–‹ç™ºæ—¥èªŒ
Pagination Gallery: Examples And Good Practices | Design Showcase | Smashing Magazine ãƒšãƒ¼ã‚¸é€ã‚Šéƒ¨åˆ†ã®ãƒ‡ã‚¶ã‚¤ãƒ³ç ”ç©¶ã€‚ SmashingMagazine ã«ã¦æ§˜ã€…ãªã‚µã‚¤ãƒˆã®ãƒšãƒ¼ã‚¸é€ã‚Šéƒ¨åˆ†ã‚’è‰²ã€…ã¨ã¾ã¨ã‚ãŸã‚¨ãƒ³ãƒˆãƒªãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ ãªã‚‹ã»ã©ã€ãƒšãƒ¼ã‚¸é€ã‚Šã¨ã„ãˆã©æ§˜ã€…ãªãƒ‡ã‚¶ã‚¤ãƒ³æ–¹æ³•ãŒã‚ã‚‹ã‚ˆã†ã§ã€å‹‰å¼·ã«ãªã‚Šã¾ã™ã€‚ è‰²ã€…ãªã‚µãƒ³ãƒ—ãƒ«ã‚’è¦‹ã‚‹ã†ã¡ã«ã€è‡ªåˆ†ã®ã‚µã‚¤ãƒˆã®ãƒšãƒ¼ã‚¸ãƒ£ãƒ¼ã¯ã©ã‚“ãªã®ãŒåˆã†ã‹ï¼Ÿã¨ã„ã£ãŸã“ã¨ã‚‚åˆ†ã‹ã£ã¦ããã†ã§ã™ã€‚ PHPã§ãƒšãƒ¼ã‚¸ãƒ£ãƒ¼ã‚’ä½œã‚‹å ´åˆã¯ã€ã€ŒPEAR :: Package :: Pagerã€ã‚’ä½¿ãˆã°ç°¡å˜ã«ä½œã‚Œã¾ã™ã€‚
the-day 2007/12/10
pager

ui

css

design

webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

php
ãƒªãƒ³ã‚¯
ã‚¯ãƒ¼ãƒ«ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ä½œæˆã™ã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒImage Menuã€:phpspoté–‹ç™ºæ—¥èªŒ
Image Menu ã‚¯ãƒ¼ãƒ«ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ä½œæˆã™ã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒImage Menuã€ã€‚ ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ã‚‹ã¨ã€ã‚«ãƒ¼ã‚½ãƒ«éƒ¨åˆ†ãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ãªãŒã‚‰é–‹ããƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å®Ÿè£…ã§ãã¾ã™ã€‚ã€‚ ç”»åƒã‚’å¤‰ãˆã‚Œã°ã€ã‚ˆã‚Šã‚¯ãƒ¼ãƒ«ãªãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ä½œã‚Œãã†ã§ã™ãã€‚ å¿…è¦ãªJSãƒ©ã‚¤ãƒ–ãƒ©ãƒª,CSSã‚’ã‚¤ãƒ³ã‚¯ãƒ«ãƒ¼ãƒ‰ã—ãŸå¾Œã€æ¬¡ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ã§ç°¡å˜ã«åˆæœŸåŒ–ã§ãã‚‹æ¨¡æ§˜ã€‚ <h2>Example:</h2> <div id="kwick"> <ul class="kwicks"> <li class="kwick opt1"><span>Lanscapes</span></li> <li class="kwick opt2"><span>People</span></li> <li class="kwick opt3"><span>Nature</span></li> <li class="kwi
the-day 2007/10/29
javascript

programming

development

webåˆ¶ä½œ

ui

webãƒ‡ã‚¶ã‚¤ãƒ³

css
ãƒªãƒ³ã‚¯
CSSã§ã‚»ã‚¯ã‚·ãƒ¼ãªãƒœã‚¿ãƒ³ä½œæˆ:phpspoté–‹ç™ºæ—¥èªŒ
How to make sexy buttons with CSS This tutorial will teach you how to create pretty looking textual buttons (with alternate pressed state) using CSS. CSSã§ã‚»ã‚¯ã‚·ãƒ¼ãªãƒœã‚¿ãƒ³ä½œæˆã€‚ CSSã‚’ä½¿ã£ãŸæ¬¡ã®ã‚ˆã†ãªãƒœã‚¿ãƒ³ã‚’ä½œæˆã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã¨ã¡ã‚‡ã£ã¨ã—ãŸJavaScriptã‚³ãƒ¼ãƒ‰ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒœã‚¿ãƒ³ã‚’æŠ¼ã—ãŸã¨ãã«æŠ¼ã—ãŸæ„Ÿã˜ã‚’å®Ÿç¾ã§ãã¾ã™ã€‚ ãªã‹ãªã‹ã‚ªã‚·ãƒ£ãƒ¬ãªãƒœã‚¿ãƒ³ãªã®ã§ã€ã‚µã‚¤ãƒˆã«ç½®ãã¨ä¸Šå“ãªæ„Ÿã˜ã«å‡ºæ¥ãã†ã§ã™ãã€‚
the-day 2007/07/16
css

javascript

library

design

ui

webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
CSSã ã‘ã§ã‚¤ãƒ¡ãƒ¼ã‚¸ãƒžãƒƒãƒ—ã‚’ä½œã‚‹æœ‰ç”¨ã‚µãƒ³ãƒ—ãƒ«:phpspoté–‹ç™ºæ—¥èªŒ
CSS Image Maps - Flickr-like Technique? Below is a sample image map that's built entirely using CSS and XHTML. CSSã ã‘ã§ã‚¤ãƒ¡ãƒ¼ã‚¸ãƒžãƒƒãƒ—ã‚’ä½œã‚‹æœ‰ç”¨ã‚µãƒ³ãƒ—ãƒ«ã€‚ ç”»åƒã®ç‰¹å®šéƒ¨åˆ†ã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ã‚‹ã¨ã€èª¬æ˜Žã‚’ç”»åƒä¸Šã«è¡¨ç¤ºã§ãã‚‹CSSã¨XHTMLã‚µãƒ³ãƒ—ãƒ«ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ JavaScript ã‚’ä¸€åˆ‡ä½¿ã£ã¦ãŠã‚‰ãšã€CSSã ã‘ã§å®Ÿç¾ã•ã‚Œã¦ã„ã‚‹ã¨ã“ã‚ãŒã™ã”ã„ã§ã™ãã€‚ JavaScript ãŒè¦ã‚‰ãšã€æ¬¡ã®ã‚ˆã†ãªç¶ºéº—ãªHTMLã§å®Ÿç¾ã§ãã‚‹ã¨ã“ã‚ã‚‚å¬‰ã—ã„ã§ã™ãã€‚ å®Ÿè£…ã‚‚ç°¡å˜ãã†ã§ã™ã€‚ <dl id="officeMap"> <dt id="monitor">1. Monitor</dt> <dd id="monitorDef"><a href="#"><span>Here's my 17" M
the-day 2007/07/16
css

html

design

webåˆ¶ä½œ

ui

accessibility

tips

useful
ãƒªãƒ³ã‚¯
è¶…çµ¶ã‚¯ãƒ¼ãƒ«ãªMacOS Xé¢¨ãƒ‰ãƒƒã‚¯ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€ŒCSS Dock Menuã€:phpspoté–‹ç™ºæ—¥èªŒ
CSS Dock Menu If you are a big Mac fan, you will love this CSS dock menu that I designed.è¶…çµ¶ã‚¯ãƒ¼ãƒ«ãªMacOS Xé¢¨ãƒ‰ãƒƒã‚¯ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€ŒCSS Dock Menuã€ã€‚ å‹•ããŒæ»‘ã‚‰ã‹ã§ç”»åƒã®æ‹¡å¤§ç¸®å°ã«ä¼´ã†åŠ£åŒ–ãŒå°‘ãªã„ã®ãŒç‰¹å¾´ã§ã™ã€‚ jQueryãƒ™ãƒ¼ã‚¹ã®JavaScriptãƒ—ãƒã‚°ãƒ©ãƒ ã¨ãªã£ã¦ã„ã¾ã™ãŒã€ã‚µãƒ³ãƒ—ãƒ«ã‚’é©å½“ã«å¤‰æ›´ã™ã‚‹ã“ã¨ã§JavaScriptã®çŸ¥è˜ãŒãªãã¨ã‚‚ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã¯å¯èƒ½ã§ã—ã‚‡ã†ã€‚ ã‚µã‚¤ãƒˆä½œæˆæ™‚ã®ï¼‘ãƒã‚¿ã¨ã—ã¦è¦šãˆã¦ãŠã„ã¦æã¯ãªã„ã‚µãƒ³ãƒ—ãƒ«ã§ã—ã‚‡ã†ã€‚
the-day 2007/06/17
javascript

programming

library

css

ui

mac

tool

webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ãƒ•ãƒªãƒ¼ã®CSSï¼†JavaScriptã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã‚¹ã‚¯ãƒªãƒ—ãƒˆã„ã‚ã„ã‚:phpspoté–‹ç™ºæ—¥èªŒ
DHTML Site - 10 Free CSS and Javascript Calendars Calendars may be used on webpages for various reasons, such as allowing users to easily pick a date in a form, or just to provide monthly information. ãƒ•ãƒªãƒ¼ã®CSSï¼†JavaScriptã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã‚¹ã‚¯ãƒªãƒ—ãƒˆã„ã‚ã„ã‚ å¤šãã®ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã«å¿…è¦ã«ãªã£ã¦ãã‚‹ã®ãŒã“ã®ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼æ©Ÿèƒ½ãªã‚“ã§ã™ãŒã€ãƒ•ãƒªãƒ¼ã§é«˜æ©Ÿèƒ½ãªã‚‚ã®ãŒæ²¢å±±å‡ºå›žã£ã¦ã„ã¾ã™ã€‚ ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ãªã©ã§Googleã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ãƒ©ã‚¤ã‚¯ãªã‚‚ã®ã¾ã§è‰²ã€…ã¨ã‚ã‚‹ã‚ˆã†ã§ã™ã€‚ Monket Calendar Quick Calendar Using AJAX and PHP Integrating Googl
the-day 2007/06/05
template

css

webãƒ‡ã‚¶ã‚¤ãƒ³

ajax

javascript

design

library

ui

webåˆ¶ä½œ

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
PHPã¨Ajaxã§ã‚¯ãƒ¼ãƒ«ãªã‚°ãƒªãƒƒãƒ‰ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆã‚’å®Ÿç¾ã€ŒXAJAX PHP Live Datagridã€:phpspoté–‹ç™ºæ—¥èªŒ
PHPã¨Ajaxã§ã‚¯ãƒ¼ãƒ«ãªã‚°ãƒªãƒƒãƒ‰ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆã‚’å®Ÿç¾ã€ŒXAJAX PHP Live Datagridã€ 2007å¹´05æœˆ11æ—¥- XAJAX PHP Live Datagrid / Gridview Iâ€™ve come across a lot of these â€˜liveâ€™ datagrids / gridviews and I havenâ€™t really found one I like. PHPã¨Ajaxã§ã‚¯ãƒ¼ãƒ«ãªã‚°ãƒªãƒƒãƒ‰ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆã‚’å®Ÿç¾ã€ŒXAJAX PHP Live Datagridã€ã€‚ æ¬¡ã®ã‚ˆã†ãªã‚½ãƒ¼ãƒˆå¯èƒ½ãªã‚°ãƒªãƒƒãƒ‰ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’å®Ÿç¾ã§ãã¾ã™ã€‚ CSSã«ã‚ˆã£ã¦ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆå¤‰æ›´ãŒå¯èƒ½ãªã‚ˆã†ã§ã™ã€‚ åŒã˜ã‚ˆã†ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯å˜åœ¨ã—ã¾ã™ãŒã€PHP+XAJAXãƒ©ã‚¤ãƒ–ãƒ©ãƒªãªã‚‚ã®ã¨ã„ã†ã“ã¨ã§ã€ãã¡ã‚‰ã«æ…£ã‚Œã¦ã„ã‚‹äººã«ã¯ä½¿ã„ã‚„ã™ã„ã§ã—ã‚‡ã†ã€‚
the-day 2007/05/19
ajax

javascript

css

library

php

ui
ãƒªãƒ³ã‚¯
optgroup è¦ç´ ã‚’ CSS ã§ã²ã¨å·¥å¤«ã—ã¦ã¿ã‚‹ | WWW WATCH
ãƒ•ã‚©ãƒ¼ãƒ ã®å…¥åŠ›ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã®ä¸ã§ã€select è¦ç´ ã«ã‚ˆã‚‹ã‚»ãƒ¬ã‚¯ãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯ã€é¸æŠžè‚¢ã®æ•°ãŒä¸€å®šä»¥ä¸Šå¢—ãˆã‚‹ã¨é¸æŠžã—ãŸã„é …ç›®ã‚’æŽ¢ã—å‡ºã™ã®ãŒã¡ã¨é¢å€’ã«ãªã‚Šã¾ã™ã€‚ãã‚“ãª... ãƒ•ã‚©ãƒ¼ãƒ ã®å…¥åŠ›ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã®ä¸ã§ã€select è¦ç´ ã«ã‚ˆã‚‹ã‚»ãƒ¬ã‚¯ãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯ã€é¸æŠžè‚¢ã®æ•°ãŒä¸€å®šä»¥ä¸Šå¢—ãˆã‚‹ã¨é¸æŠžã—ãŸã„é …ç›®ã‚’æŽ¢ã—å‡ºã™ã®ãŒã¡ã¨é¢å€’ã«ãªã‚Šã¾ã™ã€‚ãã‚“ãªæ™‚ã®ãŸã‚ã« optgroup è¦ç´ ãŒå˜åœ¨ã™ã‚‹ã‚ã‘ã§ã™ãŒã€ã“ã„ã¤ã‚’ä½¿ç”¨ã—ãŸä¸Šã§ã€CSS ã‚’ã‚ã¦ã¦è¦‹ãŸç›®ã‚’è£…é£¾ã™ã‚‹æ–¹æ³•ã¨ã€ä¸€éƒ¨ãƒ–ãƒ©ã‚¦ã‚¶ã§ã®æ³¨æ„ç‚¹ãªã©ã‚’ç°¡å˜ã«ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ åŸºæœ¬çš„ãªã“ã¨ã®ã¿ã§ã€ã™ã”ã„ã‹ã£ã“ã„ã„è¦‹ãŸç›®ã‚’å®Ÿç¾ã¨ã‹ãã†ã„ã†ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã®ã§ã€æœŸå¾…ã›ãšã«ã©ã†ãžã€‚ ä¾‹ãˆã°éƒ½é“åºœçœŒãªã©ã®é¸æŠžã‚’ã•ã›ã‚‹éš›ã‚’æƒ³å®šã™ã‚‹ã¨ã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—è‡ªä½“ã¯ã“ã‚“ãªæ„Ÿã˜ã«ãªã‚Šã¾ã™ã‚ˆãã€‚é¢å€’ãªã®ã§å…¨éƒ¨ã¯æ›¸ãã¾ã›ã‚“ãŒã€‚ <select name="location"> <optgroup la
the-day 2007/05/19
css

design

webãƒ‡ã‚¶ã‚¤ãƒ³

html

ui

usability

webåˆ¶ä½œ

tips
ãƒªãƒ³ã‚¯
How to make sexy buttons with CSS
This tutorial will teach you how to create pretty looking textual buttons (with alternate pressed state) using CSS. Dynamic buttons save you heaps of time otherwise spent creating graphics and will basically make you a happier person at the end of the day. Here's what you'll get: Sliding doors Since we want our buttons to be Ã¼ber-flexible, we'll have to make the background image expand with the si
the-day 2007/05/19
css

design

ui

webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

tips

*
ãƒªãƒ³ã‚¯
å°ç²‹ãªã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚’å®Ÿç¾ã™ã‚‹25ã®ã‚³ãƒ¼ãƒ‰ - SIMPLE*SIMPLE ï½ž ã‚¦ã‚§ãƒ–è·äººã®ãŸã‚ã®å°ç²‹ãªãƒã‚¿å¸³ ï½ž
ã¾ã¨ã‚ç³»ã‚¨ãƒ³ãƒˆãƒªãƒ¼ãŒç¶šãã¾ã™ãŒã€ã‚¦ã‚§ãƒ–è·äººã®ãŸã‚ã®ãƒã‚¿å¸³ã‚’ç›®æŒ‡ã—ã¦ã„ã‚‹ã®ã§ã”å®¹èµ¦ãã ã•ã„ã¾ã›ãƒ»ãƒ»ãƒ»ã€‚ ã•ã¦ã€25 Code Snippets for Web Designersãªã‚‹è¨˜äº‹ã‚’ã”ç´¹ä»‹ã€‚è§’ä¸¸ã‚„ã‚‰å™´å‡ºã—ã‚„ã‚‰ã€CSSã§ã®ã‚°ãƒ©ãƒ•ãªã©ãªã©ã€ã™ãã«ä½¿ãˆã‚‹å°æŠ€ãŒãŸãã•ã‚“ã§ã™ã€‚ ã¡ã‚‡ã£ã¨ã‚µã‚¤ãƒˆã«ã‚¹ãƒ‘ã‚¤ã‚¹ã‚’ãƒ»ãƒ»ãƒ»ã¨ã„ã†ã¨ãã«çœºã‚ã‚‹ã¨ä¾¿åˆ©ã§ã™ãã€‚ã“ã®ã‚µã‚¤ãƒˆã§æ—¢ã«ç´¹ä»‹ã—ãŸã‚‚ã®ã‚‚ã„ãã¤ã‹å«ã¾ã‚Œã¦ã„ã¾ã™ãã€‚ã‚ˆã‚ã—ã‘ã‚Œã°ã€‚ Â» 25 Code Snippets for Web Designers (Part1) Part 1ãªã®ã§ç¶šç·¨ã‚‚ã‚ã‚Šãã†ã§ã™ãã€‚ç¶šç·¨ãŒå‡ºãŸã‚‰ã¾ãŸãŠçŸ¥ã‚‰ã›ã—ã¾ã™ã€‚
the-day 2007/05/17
ui

interface

css

design

webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

programming

tips

javascript
ãƒªãƒ³ã‚¯
ãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆï¼ˆTopic Pathï¼‰ã‚’ä½œæˆã™ã‚‹éš›ã«ä½¿ãˆãã†ãªã‚µãƒ³ãƒ—ãƒ«8ç¨®ï½œCSS HappyLife
æ™®é€šã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ä¹…ã€…ãªæ°—ãŒã™ã‚‹ä»Šæ—¥ã“ã®é ƒã€‚ ä»Šå›žã¯ãƒˆãƒ”ãƒƒã‚¯ãƒ‘ã‚¹ã¨ã‹ãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆãªã‚“ã¦å‘¼ã°ã‚Œã¦ã‚‹ã€ã¡ã‚‡ã£ã¨è¦æ¨¡ã®å¤§ãã„ã‚µã‚¤ãƒˆã§ã¯æ—¥å¸¸èŒ¶é£¯äº‹ã§è¦‹ã‹ã‘ã‚‹ã‚¢ãƒ¬ã®ã‚µãƒ³ãƒ—ãƒ«è‰²ã€…ã§ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã®å‰ã« #main .entryBody #topicPath_01 ã¨ã‹ã£ã¦ãªã£ã¦ã¾ã™ã‘ã©ã€#main .entryBody ã¯ã‚¦ãƒã®ã‚µã‚¤ãƒˆã®éƒ½åˆã§å„ªå…ˆé †ä½ä¸Šã’ã®ç‚ºã«ã‚„ã£ã¦ã‚‹ã‚“ã§ã€ã‚³ãƒ”ã£ãŸã‚Šã™ã‚‹å ´åˆã¯ã„ã‚‰ãªã„æ„Ÿã˜ã§ã™ã€‚ #main .entryBody #topicPath_01 { margin:10px 0; } #main .entryBody #topicPath_01 li { display:inline; line-height:110%; list-style-type:none; } #main .entryBody #topicPath_01 li a { padding-right:10
the-day 2007/04/14
css

design

webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

sample

accessibility

navigation

ui

tips

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ãƒ¤ã‚³ãƒ–ãƒ»ãƒ‹ãƒ¼ãƒ«ã‚»ãƒ³ã®è€ƒãˆã‚’ã¾ã¨ã‚ãŸWebãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³::ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸åˆ¶ä½œ::NPOæ³•äººã—ã‚ƒã‚‰ã
ãƒ¤ã‚³ãƒ–ãƒ»ãƒ‹ãƒ¼ãƒ«ã‚»ãƒ³ã®è€ƒãˆã‚’ã¾ã¨ã‚ãŸãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®ã‚°ãƒ«ã€ãƒ¤ã‚³ãƒ–ãƒ»ãƒ‹ãƒ¼ãƒ«ã‚»ãƒ³æ°ã®è€ƒãˆã‚„èª¿æŸ»ã‚’å…ƒã«ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’ä½œã‚Šã¾ã—ãŸã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’ã—ã¦ã„ã‚‹éš›ã«ã€ã“ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’å…ƒã«è‡ªåˆ†ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä¸€åº¦ãƒã‚§ãƒƒã‚¯ã—ã¦ã¿ã‚‹ã®ã‚‚ã‚ˆã„ã‹ã¨æ€ã„ã¾ã™ã€‚ TRANS - ãƒ¤ã‚³ãƒ–ãƒ»ãƒ‹ãƒ¼ãƒ«ã‚»ãƒ³æ°ã®è€ƒãˆã‚’å…ƒã«ã€ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’ä½œã£ãŸã€‚
the-day 2007/02/06
***

ui

usability

webãƒ‡ã‚¶ã‚¤ãƒ³

css

design

ã¾ã¨ã‚

useful

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