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

tm8r id:tm8r

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

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

ãƒã‚´ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹æ™‚ã«å½¹ç«‹ã¤ï¼ä¾¿åˆ©ãªã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ã‚¹ãƒ»ç„¡æ–™ç´ æã®ã¾ã¨ã‚23é¸
å€‹äººãƒ–ãƒã‚°ã§ã‚‚ä¼æ¥ã‚µã‚¤ãƒˆã§ã‚‚æ–°ã—ã„ã‚µãƒ¼ãƒ“ã‚¹ã‚’ç«‹ã¡ä¸Šã’ã‚‹æ™‚ã«é‡è¦ãªã®ã¯ã€ãƒã‚´ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã™ã€‚ãƒã‚´ã®ä½œæˆã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚»ãƒ³ã‚¹ãŒã‚ã‚‹äººã«ã¯ç°¡å˜ãªä½œæ¥ã§ã‚‚ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãŒè‹¦æ‰‹ãªäººã«ã¨ã£ã¦ã¯æ‚ªå¤¢ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ãƒã‚´ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ã‚«ãƒ©ãƒ¼ã‚„ãƒ•ã‚©ãƒ³ãƒˆã‚’é›£ã—ã„ã¨æ„Ÿã˜ã‚‹äººã¯ã€ãœã²ã“ã®è¨˜äº‹ã‚’å‚è€ƒã«ã—ã¦ãã ã•ã„ã€‚ãƒã‚´ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¨ã¦ã‚‚å½¹ç«‹ã¤23ã®ã‚µã‚¤ãƒˆã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒã‚´ãƒ»ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ï¼ˆãƒã‚´ä½œæˆãƒ„ãƒ¼ãƒ«ï¼‰ ã‚«ãƒ©ãƒ¼ã‚’é¸ã¶ãŸã‚ã®ãƒ„ãƒ¼ãƒ« ãƒã‚´ç”¨ã®ç„¡æ–™ã‚¢ã‚¤ã‚³ãƒ³ãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã‚µã‚¤ãƒˆ ãƒã‚´ç”¨ã®ç„¡æ–™ãƒ•ã‚©ãƒ³ãƒˆãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã‚µã‚¤ãƒˆ ãƒã‚´ã®ã‚¢ã‚¤ãƒ‡ã‚¢ãŒã‚‚ã‚‰ãˆã‚‹æƒ…å ±æº ãƒã‚´ãƒ»ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ï¼ˆãƒã‚´ä½œæˆãƒ„ãƒ¼ãƒ«ï¼‰ ãƒã‚´ãƒ»ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã¯ãƒã‚´ä½œæˆã®ãŸã‚ã®ä¸€ç•ªç°¡å˜ãªæ‰‹æ®µã§ã™ã€‚ä»¥ä¸‹ã®ã‚µã‚¤ãƒˆã‚’ä½¿ãˆã°æ‰‹æ—©ããƒã‚´ãŒä½œæˆã§ãã¾ã™ã€‚ç„¡æ–™ã‚„ä½Žä¾¡æ ¼ã§åˆ©ç”¨ã§ãã‚‹ã®ã§è²»ç”¨ã®ç¯€ç´„ã«ã‚‚ãªã‚Šã¾ã™ã€‚ ãã‚Œã§ã¯ã€ä¸€ã¤ãšã¤ã”ç´¹ä»‹ã—ã¾ã™ï¼ Logaster ä¼šç¤¾åã¨æ¥ç¨®ã‚’
tm8r 2015/04/10
webdesign
ãƒªãƒ³ã‚¯
å°‘ãªã„æ‰‹é–“ã¨çŸ¥è˜ã§ãã‚Œãªã‚Šã«è¦‹ã›ã‚‹ã€ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯// Speaker Deck
å°‘ãªã„æ‰‹é–“ã¨çŸ¥è˜ã§ãã‚Œãªã‚Šã«è¦‹ã›ã‚‹ã€ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version ç¬¬ä¸€å›žâ€¦
tm8r 2012/10/29
compass

WebDesign

css
ãƒªãƒ³ã‚¯
ä½œæ¥æ™‚é–“ã‚’10åˆ†ã®1ã«ã§ãã¦ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã‚³ãƒ¼ãƒ€ãƒ¼ã®ãŠäº’ã„ãŒå¹¸ã›ã«ãªã‚Œã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSPECCTRã€ãŒç´ æ™´ã‚‰ã—ã„ã€‚
ã‚„ã‚„ã†ã•ã‚“ãã•ã„æ„Ÿã˜ã®ã™ã‚‹ã‚¿ã‚¤ãƒˆãƒ«ã§ã™ãŒã€ãƒ›ãƒ³ãƒˆã®è©±ãªã‚“ã§ã™ã€‚ æµ·å¤–ã®ã‚µã‚¤ãƒˆã‚’è¦‹ã¦ã„ã¦ãŸã¾ãŸã¾è¦‹ã¤ã‘ã¦è©¦ã—ã¦ã¿ãŸã¨ã“ã‚ã€Œã“ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ãˆã°ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼è‡ªèº«ã€ãã—ã¦ã‚³ãƒ¼ãƒ€ãƒ¼ã®ãŠäº’ã„ãŒå¹¸ã›ã«ãªã‚Œã‚‹ã£!ã€ã¨æ€ã£ãŸã®ã§å…¨åŠ›ã§ã”ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ SPECCTRã«ã¤ã„ã¦ã”ãç°¡å˜ã«èª¬æ˜Žã™ã‚‹ã¨â€¦ ãƒ•ã‚©ãƒ³ãƒˆåã‚„ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®ã‚µã‚¤ã‚ºã€é–“éš”ã€è‰²ãªã©ã‚’ãƒœã‚¿ãƒ³ä¸€ã¤ã§å»ºç¯‰ã®è¨è¨ˆå›³ã®ã‚ˆã†ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã®ä»•æ§˜ã‚’æ›¸ãå‡ºã›ã‚‹ ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ ã“ã‚Œã¾ã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«å–ã‚Šã‹ã‹ã‚‹éš›ã«ã€ãƒœã‚¿ãƒ³ã®ã‚µã‚¤ã‚ºã‚„ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆé–“éš”ã‚’æ£ç¢ºã«èª¿ã¹ãŸã‚Šã™ã‚‹ã«ã¯å…ƒãƒ‡ãƒ¼ã‚¿ã‚’ã„ã¡ã„ã¡é–‹ã„ãŸã‚Šã—ãªã‘ã‚Œã°ãªã‚‰ãšã€åœ°å‘³ãªãŒã‚‰éžå¸¸ã«æ‰‹é–“ã®ã‹ã‹ã‚‹ä½œæ¥ãŒå¿…è¦ã§ã€ãã‚Œã‚‰ã‚’ä¸€è¦§ã«ã§ãã‚‹è‰¯ã„æ–¹æ³•ãŒç„¡ã„ã®ãŒå®Ÿæƒ…ã§ã—ãŸã€‚ ã¾ãŸã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‹ã‚‰ã‚³ãƒ¼ãƒ€ãƒ¼ã«ãƒ‡ãƒ¼ã‚¿ã‚’æ¸¡ã—ã¦ã€ã„ã–ã‚ãŒã£ã¦æ¥ãŸæ™‚ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ã¿ã‚‹ã¨ã€ã¨ã“ã‚ã©ã“ã‚å¤‰ã‚ã£ã¦ã„ã‚‹éƒ¨åˆ†ãŒã‚ã£ãŸã‚Šã—ã¦ã€ç›¸äº’ã®ç„¡é§„
tm8r 2012/06/20
webdesign

fireworks

plugin
ãƒªãƒ³ã‚¯
ã€ŒWebã‚µã‚¤ãƒˆæ”¹å–„ã¯å›³ã‚’æããªã•ã„ï¼ã€ ã€œ SiteCatalysté”äººã‹ã‚‰æ•™ã‚ã£ãŸåˆ†æžãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯-Six Apart ãƒ–ãƒã‚°ï½œã‚ªã‚¦ãƒ³ãƒ‰ãƒ¡ãƒ‡ã‚£ã‚¢é‹å–¶è€…ã®ãŸã‚ã®å®Ÿè·µçš„æƒ…å ±ã¨ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£
TOPÂ >Â ã€ŒWebã‚µã‚¤ãƒˆæ”¹å–„ã¯å›³ã‚’æããªã•ã„ï¼ã€ ã€œ SiteCatalysté”äººã‹ã‚‰æ•™ã‚ã£ãŸåˆ†æžãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ ã“ã‚“ã«ã¡ã¯ã€‚ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°æ‹…å½“ã®ä¼Šè—¤å¤§åœ°ã§ã™ã€‚ å…ˆæ—¥ã€ç±³Adobeã§Webè§£æžãƒ„ãƒ¼ãƒ«ã€ŒSiteCatalystã€ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒžãƒãƒ¼ã‚¸ãƒ£ãƒ¼ãƒ—ãƒã‚°ãƒ©ãƒ ãƒžãƒãƒ¼ã‚¸ãƒ£ãƒ¼ï¼ˆåˆå‡ºæ™‚ã€å½¹è·ã‚’èª¤ã£ã¦è¡¨è¨˜ã—ã¦ãŠã‚Šã¾ã—ãŸã€‚ãŠè©«ã³ã—ã€è¨‚æ£ã„ãŸã—ã¾ã™ï¼‰ã‚’å‹™ã‚ã¦ã„ã‚‰ã£ã—ã‚ƒã‚‹æ¸…æ°´èª ã•ã‚“ãŒã€ä¸€æ™‚å¸°å›½ã•ã‚ŒãŸæŠ˜ã«å¼Šç¤¾ã«éŠã³ã«æ¥ã¦ãã ã•ã„ã¾ã—ãŸã€‚ãŸã£ã·ã‚Š2æ™‚é–“ã€æœ€æ–°Webãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°äº‹æƒ…ã‚„Webè§£æžã«ã¤ã„ã¦ãŠè©±ã‚’ä¼ºã„ã—ãŸä¸ã‹ã‚‰ã€Webã®KPIæ¸¬å®šãƒ»æ”¹å–„ã‚µã‚¤ã‚¯ãƒ«ã¨ãã®ãƒŽã‚¦ãƒã‚¦ã«ã¤ã„ã¦ã€ã‚¨ãƒƒã‚»ãƒ³ã‚¹ã‚’ãŠä¼ãˆã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ æ¸…æ°´ã•ã‚“ãŒæå”±ã•ã‚Œã¦ã„ã‚‹Webæ”¹å–„ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€Œã‚³ãƒ³ã‚»ãƒ—ãƒˆãƒ€ã‚¤ã‚¢ã‚°ãƒ©ãƒ ã€ã¨ã„ã†æ‰‹æ³•ã¯ã€ä¸»ã«3ã¤ã®ãƒ—ãƒã‚»ã‚¹ã‹ã‚‰æˆã‚Šç«‹ã£ã¦ã„ã¾ã™ã€‚ ãƒ¦ãƒ¼ã‚¶ãƒ¼è¦–ç‚¹ã§ã‚µã‚¤ãƒˆã‚’å›³è§£ã—ã€ã‚³ãƒ³ã‚»ãƒ—ãƒˆã‚’æ˜Žç¢ºã«ã™ã‚‹ ã‚µã‚¤ãƒˆã®
tm8r 2012/06/08
webdesign
ãƒªãƒ³ã‚¯
å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª15ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆç”¨å°æŠ€é›†
å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª15ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆç”¨å°æŠ€é›†ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãŒæ™®åŠã—ã¦ãã¦ã€Webã‚µã‚¤ãƒˆã‚’ä½œã‚‹æ™‚ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚‚ä¸€ç·’ã«åˆ¶ä½œã—ã¦ã„ã‚‹æ–¹ã‚‚å¤šããªã£ã¦ãã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ç§ã‚‚ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã‚’åˆ¶ä½œã™ã‚‹æ©Ÿä¼šãŒå¢—ãˆã€ã ã‚“ã ã‚“Evernoteã«ä¿å˜ã—ã¦ã„ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’ä½œã‚‹æ™‚ã®å°æŠ€ãŒãŸã¾ã£ã¦ããŸã®ã§ã€iPhoneã§ä½¿ãˆã‚‹å°æŠ€ã‚’ä¸å¿ƒã«ã¾ã¨ã‚ã¦è¨˜äº‹ã«ã—ã¦ã¿ã¾ã™ã€‚ã„ãã¤ã‹ã‚µãƒ³ãƒ—ãƒ«ã‚‚ä½œã£ã¦ã„ã‚‹ã®ã§ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‹ã‚‰ã‚ã‚ã›ã¦ã”è¦§ä¸‹ã•ã„ï¼ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆç”¨å°æŠ€é›†ã€€ç›®æ¬¡ã„ãã¤ã‹ã‚µãƒ³ãƒ—ãƒ«ã‚‚ä½œã£ãŸã®ã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‹ã‚‰ã€ã‚‚ã—ãã¯ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã‹ã‚‰ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã‚’ iPhone ãªã©ã«åˆ‡ã‚Šæ›¿ãˆã¦ã”è¦§ãã ã•ã„ï¼ æ¨ªå¹…ã‚’ãƒ‡ãƒã‚¤ã‚¹ã®å¹…ã«ã‚ã‚ã›ã‚‹æ–‡å—ã‚µã‚¤ã‚ºã®è‡ªå‹•èª¿æ•´ã‚’ã‚ªãƒ•ãƒªã‚¹ãƒˆã®ã‚¯ãƒªãƒƒã‚¯ï¼ˆã‚¿ãƒƒãƒ—ï¼‰ç¯„å›²ã‚’åºƒã’ã‚‹ç”»é¢ã®å¹…ã«ã‚ã‚ã›ã¦ CSS ã‚’å¤‰ãˆã‚‹ãƒªãƒ³ã‚¯ãƒ†ã‚ã‚¹ãƒˆã®ã‚ã‚‹ Div å…¨ä½“ã‚’ã‚¯ãƒªãƒƒã‚¯ï¼ˆã‚¿ãƒƒãƒ—
tm8r 2012/02/22
webdesign

smartphone
ãƒªãƒ³ã‚¯
http://lorempixel.com/
tm8r 2011/10/27
ãƒ€ãƒŸãƒ¼ç”»åƒä½œæˆ

webdesign

WebService
ãƒªãƒ³ã‚¯
Webãƒ‡ã‚¶ã‚¤ãƒ³ã®1pxã‚’ä½œã‚‹ãŸã‚ã®Photoshopã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚¹ã‚¿ã‚¤ãƒ«ã„ã‚ã„ã‚
è‰²ã‚“ãª Webã‚µã‚¤ãƒˆã‚’è¦‹ã¦ã„ã‚‹ã¨ã€1px ã«ã“ã ã‚ã£ã¦ä½œã‚‰ã‚ŒãŸã‚ãƒ¬ã‚¤ãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒãŸãã•ã‚“ã‚ã‚Šã¾ã™ã€‚ç§ã¯ Photoshop ã‚’ä½¿ã£ã¦ã„ã‚‹ã®ã§ã€Photoshop ã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ä½¿ã£ã¦ã€1px ã®ç´°ã‹ã„æ‰€ã‚’ä½œã‚‹ Tips ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚åŸºæœ¬çš„ãªæ“ä½œã°ã‹ã‚Šãªã®ã§ã€ã“ã‚Œã‹ã‚‰ Photoshop ã§ Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã‚„ã£ã¦ã¿ãŸã„ãªãƒ¼ã¨ã„ã†äººå‘ã‘ã®è¨˜äº‹ã§ã™ã€‚ è‰²ã‚“ãªç´ æ•µãªãƒ‡ã‚¶ã‚¤ãƒ³ã® Webã‚µã‚¤ãƒˆã‚’è¦³å¯Ÿã—ã¦ã„ã‚‹ã¨ã€1px ã®ç´°ã‹ã„ã¨ã“ã‚ã¾ã§ã“ã ã‚ã£ã¦ä½œã‚‰ã‚Œã¦ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã£ã¦ã¨ã¦ã‚‚å¤šã„ã§ã™ã‚ˆãã€‚1px â€¦ Webãƒ‡ã‚¶ã‚¤ãƒ³ã§ã¯ä¸€ç•ªå°ã•ã„ã‚µã‚¤ã‚ºã€‚ã€Œç¥žã¯ç´°éƒ¨ã«å®¿ã‚‹ã€ã¨ã„ã†è¨€è‘‰ã‚‚ã‚ã‚‹ã‘ã‚Œã©ã€1px ã¾ã§ã—ã£ã‹ã‚Šä½œã‚‰ã‚ŒãŸã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã¯ã¨ã¦ã‚‚ç¾Žã—ã„ã§ã™ãï¼ ä»Šå›žã¯ Photoshop ã‚’ä½¿ã£ã¦ã€ã„ã‚ã‚“ãª 1px ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ã¨ã¯è¨€ã£ã¦ã‚‚é›£ã—ã„ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä½œã‚‹ã‚ã‘ã§ã¯ãªãã¦ã€ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚¹ã‚¿ã‚¤ãƒ«
tm8r 2011/09/28
webdesign

photoshop
ãƒªãƒ³ã‚¯
lovely ui
device: iphone / ipad / android / app icons / app store / badges / buttons / calendars / capture / coach mark / comments / compose / count / detail / empty states / feed / graphs / home / icons / launch screen / list / login / maps / media player / navigation / notifications / popovers / profile / search / settings / share / stats / walk throughs / trends: circles / gradients / ghost buttons / rai
tm8r 2011/04/28
webdesign

smartphone
ãƒªãƒ³ã‚¯
ã‚«ãƒ©ãƒ¼ã‚¹ã‚ãƒ¼ãƒ ã«è¿·ã£ãŸã‚‰ä½¿ãˆã‚‹ï¼’ï¼ã®ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼:phpspoté–‹ç™ºæ—¥èªŒ
20 Color Scheme Generators for Web and Graphic Designers ã‚«ãƒ©ãƒ¼ã‚¹ã‚ãƒ¼ãƒ ã«è¿·ã£ãŸã‚‰ä½¿ãˆã‚‹ï¼’ï¼ã®ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ãŒã¾ã¨ã¾ã£ã¦ã„ã¾ã™ã€‚ ãã‚Œãžã‚Œç‰¹å¾´ãŒã‚ã‚Šã¾ã™ãŒã€å¤§é‡ã«ã‚ã‚‹ã®ã§ã‚±ãƒ¼ã‚¹ã«ã‚ã£ãŸç‰©ãŒæŽ¢ã›ãã†ã§ã™ã€‚ è‰²ã‚ã„ã‚’å¤‰ãˆã‚Œã°å¤§ããå¤‰ã‚ã‚‹WEBã‚µã‚¤ãƒˆã€‚ã“ã†ã—ãŸãƒ„ãƒ¼ãƒ«ã§æœ€é©ãªè‰²ã‚ã„ã‚’æŽ¢ã—ã¦ã„ã‘ãã†ã§ã™ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª JavaScriptã§ä½¿ãˆã‚‹ã‚«ãƒ©ãƒ¼ãƒ”ãƒƒã‚«ãƒ¼ä½œæˆãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¾ã¨ã‚ ãƒªãƒƒãƒãªã‚«ãƒ©ãƒ¼ãƒ”ãƒƒã‚«ãƒ¼ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆã€ŒFree Advanced DHTML Color Pickerã€ ã‚·ãƒ³ãƒ—ãƒ«UIãŒã„ã„æ„Ÿã˜ã®ã‚«ãƒ©ãƒ¼ãƒ”ãƒƒã‚«ãƒ¼å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒsimpleColorPickerã€
tm8r 2011/04/08
webdesign

color
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒžãƒ³ãƒãƒªåŒ–ã‹ã‚‰æŠœã‘å‡ºã—ãŸã„äººã®ãŸã‚ã®ãƒªãƒ³ã‚¯é›†
ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã§ã‚ˆãä½¿ç”¨ã•ã‚Œã‚‹ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’ã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã—ã¦ã„ã‚‹ã€ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä¸Žãˆã‚‹ã‚µã‚¤ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
tm8r 2011/04/05
webdesign
ãƒªãƒ³ã‚¯
CSS3ã§å®Ÿè£…ã•ã‚ŒãŸãƒœã‚¿ãƒ³ã®ã‚µãƒ³ãƒ—ãƒ«ã‚„ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ç·ã¾ã¨ã‚:phpspoté–‹ç™ºæ—¥èªŒ
CSS3ã§å®Ÿè£…ã•ã‚ŒãŸãƒœã‚¿ãƒ³ã®ã‚µãƒ³ãƒ—ãƒ«ã‚„ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ç·ã¾ã¨ã‚ã€‚ å½“ã‚µã‚¤ãƒˆã§ã¯è‰²ã€…ã¨CSS3ãƒœã‚¿ãƒ³ã®ã‚¨ãƒ³ãƒˆãƒªã‚’ç´¹ä»‹ã—ã¦ãã¦ã„ã¾ã™ãŒã€ã“ã“ã‚‰è¾ºã§ã¡ã‚‡ã£ã¨ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ç”»åƒã¤ãã‚‹ã®ã¯ã‚ã‚“ã©ã†ã ã—CSS3ã§ã‚„ã£ã¡ã‚ƒãŠã†ã¨ã„ã†å ´åˆã«å‚è€ƒã«ã—ã¦ã¿ã¦ä¸‹ã•ã„ã€‚ ç«‹ä½“æ„ŸãŒã„ã„æ„Ÿã˜ã®iPhoneã«ã‚‚æŽ¡ç”¨ã•ã‚Œã¦ã„ã‚‹ãƒœã‚¿ãƒ³å®Ÿè£…CSS3ã‚µãƒ³ãƒ—ãƒ« iPhoneé¢¨ã®ãƒœã‚¿ãƒ³å®Ÿè£… ã‚¹ãƒ†ãƒƒãƒ—ã§å¦ã¹ã‚‹CSS3ãƒœã‚¿ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« CSS3ãƒœã‚¿ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« ç¶ºéº—ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸCSS3ãƒœã‚¿ãƒ³ã®ã¾ã¨ã‚ ã‚«ãƒ©ãƒ•ãƒ«ã§ç¾Žã—ã„CSS3ãƒœã‚¿ãƒ³ ã“ã‚Œã¯ã‚¯ãƒ¼ãƒ«ï¼ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ã‚‹ã¨èƒŒæ™¯ãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹CSS3ãƒœã‚¿ãƒ³å®Ÿè£…ä¾‹ ãƒ‡ã‚¶ã‚¤ãƒ³ã¯å¾®å¦™ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ã‚‹ã¨èƒŒæ™¯ãŒå‹•ãã‚ãŸã‚Šãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¨ã—ã¦è¦šãˆã¦ãŠãã¨ã‚ˆã•ãã† CSS3ã ã‘ã§å®Ÿç¾ã™ã‚‹ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨è‰²ã®å¤‰ã‚ã‚‹ãƒœã‚¿ãƒ³å®Ÿè£… ã‚¯ãƒªãƒƒã‚¯ã§è‰²ãŒå¤‰ã‚ã‚Šã¾ã™ã€‚
tm8r 2011/03/08
css3

webdesign

button
ãƒªãƒ³ã‚¯
UXãƒ‡ã‚¶ã‚¤ãƒŠã®ãŸã‚ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨è¦‹æ „ãˆã«ã¤ã„ã¦ã®ã‚¢ãƒ‰ãƒã‚¤ã‚¹
åŽŸæ–‡(æŠ•ç¨¿æ—¥ï¼š2010/11/12)ã¸ã®ãƒªãƒ³ã‚¯ Shane Morrisæ°ã¯Microsoftã§UXã®ã‚¨ãƒãƒ³ã‚¸ã‚§ãƒªã‚¹ãƒˆã‚’å‹™ã‚ã€ä»Šã¯ç‹¬ç«‹ã—ã¦UXã®ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒˆã¨ã—ã¦æ´»èºã—ã¦ã„ã‚‹ã€‚æ°ã¯TechEd Australia 2010ã§â€œPimp My Appâ€ã¨é¡Œã—ãŸã‚»ãƒƒã‚·ãƒ§ãƒ³ã‚’è¡Œã£ãŸã€‚ã“ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã§æ°ã¯UXã®å§‹ã‚ã‚‹å‰ã«çŸ¥ã£ã¦ãŠãå¿…è¦ã®ã‚ã‚‹5ã¤ã®ã“ã¨ã€è‰¯ã„ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ä½œæˆã™ã‚‹4ã¤ã®ã‚¹ãƒ†ãƒƒãƒ—ã€ãã—ã¦è£½å“ã‚’ç´ æ™´ã‚‰ã—ãè¦‹ã›ã‚‹ãŸã‚ã®æ–¹æ³•ã«ã¤ã„ã¦ã®6ã¤ã®ãƒ’ãƒ³ãƒˆã‚’ç´¹ä»‹ã—ãŸã€‚ æ°ã¯UXã®é–‹ç™ºã¯æ¬¡ã®ã‚¹ãƒ†ãƒƒãƒ—ã‚’è¸ã‚€ã¹ãã ã¨è€ƒãˆã‚‹ã€‚æœ€åˆã«æƒ…å ±ã®è¨è¨ˆã‚’ä¼´ã†æ¦‚å¿µã®è¨è¨ˆã‚’è¡Œã„ã€æ¬¡ã«æ“ä½œã®è¨è¨ˆã€ãã—ã¦æœ€å¾Œã«è¡¨ç¤ºã®è¨è¨ˆã‚’è¡Œã†ã€‚UXã¯è¦‹ã¦ãã‚Œã®è‰¯ã„ãƒšãƒ¼ã‚¸ã‚’ä½œæˆã™ã‚‹ãŸã‚ã®æŠ€æ³•/ç§‘å¦ã ã¨æ€ã‚ã‚Œã¦ã„ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ãŒã€ãã‚Œã¯UXã®ä¸€ç•ªæœ€å¾Œã®éƒ¨åˆ†ã ã€‚æ°ã¯UXã‚’å§‹ã‚ã‚‹å‰ã«çŸ¥ã£ã¦ãŠãã¹ã5ã¤ã®ã“ã¨ã‚’åˆ—æŒ™ã—ãŸã€‚ UXãƒ‡ã‚¶ã‚¤ãƒ³ã®æœ€åˆã®å½¹å‰²ã¯è‰²ã‚„ãƒ•
tm8r 2011/01/12
ux

webdesign
ãƒªãƒ³ã‚¯
2011å¹´ã€æŠ¼ã•ãˆã¦ãŠããŸã„ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®11ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã¨ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
Web Design Trends in 2011 [ad#ad-2] ä»¥ä¸‹ã€å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ 1. HTML5 + CSS3 2. ã‚·ãƒ³ãƒ—ãƒ«ãªã‚«ãƒ©ãƒ¼ã‚¹ã‚ãƒ¼ãƒ 3. ãƒ¢ãƒã‚¤ãƒ«å¯¾å¿œ 4. è¦–å·®åŠ¹æžœ 5. ã‚¿ãƒƒãƒã‚¹ã‚¯ãƒªãƒ¼ãƒ³ 6. å¥¥è¡Œã 7. å¤§ãã„å†™çœŸã®èƒŒæ™¯ 8. ç´ æ•µãªãƒ‰ãƒ¡ã‚¤ãƒ³å 9. QRã‚³ãƒ¼ãƒ‰ 10. ã‚µãƒ ãƒã‚¤ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ 11. Life Stream 1. HTML5 + CSS3 HTML5ã¨CSS3ã¯ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ã‹ã‚‰ä»Šæ—¥ã¾ã§ã€ã‚ã¾ã‚Šå¤šãã¯ä½¿ç”¨ã•ã‚Œã¾ã›ã‚“ã§ã—ãŸã€‚ã—ã‹ã—ã€ã“ã®2011å¹´ã€å¤šãã®ã‚µã‚¤ãƒˆã§æŽ¡ç”¨ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚‹ã¯ãšã§ã™ã€‚ å¤šãã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¯Flashã‹ã‚‰é›¢ã‚Œã¦ã¯ã˜ã‚ã¦ã„ã¾ã™ã€‚æ¬¡ã®2ã¤ã®ã‚µã‚¤ãƒˆã‚’è¦‹ã¦ã¿ã¦ãã ã•ã„ã€‚ Scribblertoo(Flash) ã“ã“ã§æ³¨æ„ã—ã¦ã»ã—ã„ã®ã¯ã€Flashã¨HTML5ã¯æ•µå¯¾ã™ã‚‹ã‚‚ã®ã§ã¯ãªã„ã“ã¨ã‚’ç†è§£ã—ã¦ãŠã„ã¦ãã ã•ã„ã€‚å•é¡Œã¯ã€
tm8r 2011/01/12
webdesign
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å‹‰å¼·ã—ãŸã“ã¨ãŒãªã„äººã§ã‚‚ãƒ‡ã‚¶ã‚¤ãƒ³ã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã‹ã‚‚ã—ã‚Œãªã„4ã¤ã®åŸºæœ¬åŽŸå‰‡
ã“ã®ãƒ–ãƒã‚°ã€Webãƒ‡ã‚¶ã‚¤ãƒ³ ãƒ¬ã‚·ãƒ”ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ã¾ã—ãŸã€‚ ã“ã®æ©Ÿä¼šã«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å‹‰å¼·ã—ãŸã“ã¨ãŒãªã„äººã§ã‚‚ã€æ¥½ã—ããƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã€åŸºæœ¬åŽŸå‰‡ 4ã¤ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ã“ã®åŽŸå‰‡ã¯ã€ŒãƒŽãƒ³ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚ºãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ–ãƒƒã‚¯ã€è‘—è€… Robin Williams ã§è©³ã—ãè§£èª¬ã•ã‚Œã¦ã„ã¾ã™ã€‚ å¤ã„æœ¬ã§ã™ãŒã€ã¨ã£ã¦ã‚‚ç´ æ™´ã‚‰ã—ã„æœ¬ã§ä»Šã§ã¯æ–°è£…å¢—è£œç‰ˆã¨ãªã£ã¦ç™ºè¡Œã•ã‚Œã¦ã„ã‚‹ã‚ˆã†ã§ã™ã€‚ ä»Šå›žã€ã“ã®ãƒ–ãƒã‚° â€“ Webãƒ‡ã‚¶ã‚¤ãƒ³ ãƒ¬ã‚·ãƒ”ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã€ã‚¬ãƒ©ãƒƒã¨å¤‰ãˆã¦ã¿ã¾ã—ãŸã€‚ã“ã‚Œã‚’æ©Ÿä¼šã«ã¡ã‚‡ã£ã¨ãƒ‡ã‚¶ã‚¤ãƒ³ã®åŸºæœ¬ã¨ã„ã†ã‹ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹ã¨ãã«ã‚¬ã‚¤ãƒ‰ã¨ãªã‚‹ã€4ã¤ã®åŽŸå‰‡ã‚’ãŠã•ã‚‰ã„ã—ã¦ãŠãã¾ã™ã€‚Webãƒ‡ã‚¶ã‚¤ãƒ³ã«é™ã‚‰ãšã€ä¼šç¤¾ã§æå‡ºã™ã‚‹å ±å‘Šæ›¸ã‚„å¦ç”Ÿã•ã‚“ã®ãƒ¬ãƒãƒ¼ãƒˆã€ãƒ¬ã‚¹ãƒˆãƒ©ãƒ³ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãªã©ã€ãƒšãƒ¼ã‚¸ã¨å‘¼ã¹ã‚‹ã‚‚ã®ã«ã¯å…¨éƒ¨å½“ã¦ã¯ã¾ã‚‹ã¨æ€ã†ã®ã§ã€Webã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã¨ã‹ã˜ã‚ƒãªãã¦ã‚‚ã€çŸ¥ã£ã¦ãŠã„ã¦æã¯ãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãã€‚ ã›ã£
tm8r 2011/01/11
webdesign
ãƒªãƒ³ã‚¯
ãƒ‰ã‚³ãƒ¢å…‰GMOã®è©•åˆ¤ã®æ‚ªã•ã¨ãƒ‡ãƒ¡ãƒªãƒƒãƒˆã‚’å®Œå…¨è§£å‰–
ã‚¹ãƒžãƒ›ã¨ã®ã‚»ãƒƒãƒˆå‰²ãªã©ã§äººæ°—ã®ãƒ‰ã‚³ãƒ¢å…‰ã¯ã€ãƒ—ãƒãƒã‚¤ãƒ€ãŒé¸ã¹ã‚‹ã®ãŒç‰¹å¾´ã§ã™ã€‚ ä»Šå›žã¯æ•°ã‚ã‚‹ãƒ—ãƒãƒã‚¤ãƒ€ã®ä¸ã§ã‚‚ç‰¹ã«äººæ°—ã®ã‚ã‚‹GMOã«ã¤ã„ã¦ã€ GMOã§ãƒ‰ã‚³ãƒ¢å…‰ã‚’ç™»éŒ²ã—ãŸäººã®å£ã‚³ãƒŸã¨è©•åˆ¤ GMOã‚’ãƒ—ãƒãƒã‚¤ãƒ€ã«é¸ã¶ãƒ¡ãƒªãƒƒãƒˆã¨ãƒ‡ãƒ¡ãƒªãƒƒãƒˆ æ–°è¦ç™»éŒ²æ–¹æ³• ãªã©ã‚’è©³ã—ãè§£èª¬ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã“ã‚Œã‹ã‚‰ãƒ‰ã‚³ãƒ¢å…‰ã‚’å¥‘ç´„ã™ã‚‹äººã§ã€ãƒ—ãƒãƒã‚¤ãƒ€é¸ã³ã«æ‚©ã‚“ã§ã„ã‚‹äººã¯ãœã²ãƒã‚§ãƒƒã‚¯ã—ã¦ã¿ã¦ãã ã•ã„ãã€‚ ãƒ‰ã‚³ãƒ¢å…‰GMOã«ã¤ã„ã¦ã¯ä»¥ä¸‹ã‹ã‚‰ã©ã†ãžã€‚ GMOãƒ‰ã‚³ãƒ¢å…‰å…¬å¼ã‚µã‚¤ãƒˆã¯ã“ã¡ã‚‰ã€ç„¡æ–™ã€‘ åŒã˜GMOã§ã‚‚wimaxã§ã‚ã‚Œã°æ›´ã«å®‰ãåˆ©ç”¨ã™ã‚‹äº‹ã‚‚å¯èƒ½ã§ã™ã€‚ GMOã¨ãã¨ãBBå…¬å¼ã‚µã‚¤ãƒˆã¯ã“ã¡ã‚‰ã€ç„¡æ–™ã€‘ å…‰å›žç·šãŠã™ã™ã‚å®‰ã„æ¯”è¼ƒãƒ©ãƒ³ã‚ãƒ³ã‚°ã€‚ãƒ—ãƒãƒã‚¤ãƒ€æˆ¸å»ºã¦ãƒžãƒ³ã‚·ãƒ§ãƒ³ ãƒ‰ã‚³ãƒ¢å…‰ã®ãƒ—ãƒãƒã‚¤ãƒ€GMOã®ã‚¬ãƒå£ã‚³ãƒŸã¨è©•åˆ¤ã‚’å¤§è§£æžï¼ ã¾ãšã¯ã€ãƒ‰ã‚³ãƒ¢å…‰ã®ãƒ—ãƒãƒã‚¤ãƒ€GMOã‚’å®Ÿéš›ã«åˆ©ç”¨ã—ãŸè©•åˆ¤ã‚’è¦‹ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ã€Œã‚ãƒ£ãƒ³ãƒšãƒ¼ãƒ³ã§ãŠå¾—ã«ä½¿ãˆãŸï¼ã€A
tm8r 2011/01/08
iPhone

webdesign
ãƒªãƒ³ã‚¯
é¢ç™½ã„ã‚¢ãƒ—ãƒªãƒ»iPhoneæœ€æ–°æƒ…å ±ãªã‚‰meetiã€ãƒŸãƒ¼ãƒˆã‚¢ã‚¤ã€‘
2024å¹´6æœˆ11æ—¥ï¼ˆç«ï¼‰2æ™‚ã‚ˆã‚Šã€ŒWWDC24ã€ãŒé–‹å‚¬é–‹å§‹ã¨ãªã‚Šã¾ã—ãŸã€‚ ã“ã®è¨˜äº‹ã§ã¯WWDC24æœ€åˆã«è¡Œã‚ã‚Œã‚‹åŸºèª¿è¬›æ¼”ã®æ§˜åã‚’ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«æ›´æ–°ã—ã¦ã„ãã¾ã™ã€‚ [2:00] åŸºèª¿è¬›æ¼”é–‹å§‹ ä»Šå›žã¯äººå·¥çŸ¥èƒ½ã«ã¤ã„ã¦è§¦ã‚Œã‚‹ã“ã¨ã‚’æ˜Žè¨€ã€‚ ç¶šãã‚’èªã‚€
tm8r 2011/01/08
iPhone

webdesign
ãƒªãƒ³ã‚¯
iPhoneãƒ‡ã‚¶ã‚¤ãƒ³ã‚¢ãƒ¼ã‚«ã‚¤ãƒ–
ã€åˆã‚ã¦ã®æ–¹ã¯ã“ã¡ã‚‰ã‚’ã‚¯ãƒªãƒƒã‚¯ã€‘ iPhoneãƒ‡ã‚¶ã‚¤ãƒ³ã‚¢ãƒ¼ã‚«ã‚¤ãƒ–ã¯ã€æºå¸¯ã‚µã‚¤ãƒˆã‚ãƒ£ãƒ—ãƒãƒ£é›†ã€Œãƒ¢ãƒã‚¤ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¢ãƒ¼ã‚«ã‚¤ãƒ–ã€ã®å§‰å¦¹ã‚µã‚¤ãƒˆã§ã™ã€‚ iPhoneã‚µã‚¤ãƒˆã‚’åˆ¶ä½œã™ã‚‹ä¸Šã§å‚è€ƒã«ãªã‚‹ç§€é€¸ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æŒã¤ã‚µã‚¤ãƒˆã®ã‚ãƒ£ãƒ—ãƒãƒ£ã‚’é›†ã‚ã¦ã„ã¾ã™ã€‚ iPhoneã‚µã‚¤ãƒˆåˆ¶ä½œã‚’è«‹ã‘è² ã£ãŸã‘ã©ã€ã€Œãªã‹ãªã‹ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã¾ã¨ã¾ã‚‰ãªã„ã€ã€Œæ´—ç·´ã•ã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å‚è€ƒã«ã—ãŸã„ã€ã¨ã„ã£ãŸæ–¹ã®ãŸã‚ã«ã€ å„ªã‚ŒãŸiPhoneã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é›†ã‚ã¾ã—ãŸã€‚ã¾ãŸã€iPhoneã‚µã‚¤ãƒˆã«ã¾ã æ‰‹ã‚’å‡ºã•ã‚Œã¦ã„ãªã„ãƒ¢ãƒã‚¤ãƒ«ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ–¹ã«ã€iPhone ã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®é›°å›²æ°—ã‚’æŽ´ã‚“ã§ã„ãŸã ãã“ã¨ã§ã€ã€Œä»Šå¾Œã®ä»•äº‹ã®å¹…ã‚’åºƒã’ã‚‹ãã£ã‹ã‘ã«ãªã‚Œã°ãƒ»ãƒ»ã€ã€ã¨ã„ã†æ€ã„ã§ç«‹ã¡ä¸Šã’ã¾ã—ãŸã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã«å„ªã‚ŒãŸiPhoneã‚µã‚¤ãƒˆã¯ã‚‚ã¡ã‚ã‚“ã€æŠ€è¡“çš„ã«å„ªã‚ŒãŸiPhoneã‚µã‚¤ãƒˆã€ãã—ã¦ç¾åœ¨ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’æ‰ãˆãŸiPhoneã‚µã‚¤ãƒˆã‚’æŽ²è¼‰ã—ã¦ã„ã¾ã™ã€‚ ãªãŠã€æ„è˜çš„ã«iPhon
tm8r 2011/01/08
iPhone

webdesign
ãƒªãƒ³ã‚¯
Webã‚µã‚¤ãƒˆã‚’ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã—ã¦ã¨è¨€ã‚ã‚ŒãŸæ™‚ã«è¦‹ã¦ãŠããŸã„ã‚µã‚¤ãƒˆã¾ã¨ã‚ï½œcaraldo.net | Webã¨iPhoneã¨ãƒãƒ¼ãƒ‰ãƒã‚¤ã‚¯ãŒå¤§å¥½ãï¼
tm8r 2010/12/09
iPhone

webdesign

android
ãƒªãƒ³ã‚¯
ãƒ”ãƒ¥ã‚¢CSSã§æç”»ã•ã‚ŒãŸGUIã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆ:phpspoté–‹ç™ºæ—¥èªŒ
Pure CSS GUI icons (experimental) ? Nicolas Gallagher ? Blog & Ephemera ãƒ”ãƒ¥ã‚¢CSSã§æç”»ã•ã‚ŒãŸGUIã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆã€‚ ã‚ˆãã‚„ã£ãŸãªã¨ã„ã†æ„Ÿã˜ã§ã™ãŒã€æ¬¡ã®ã‚ˆã†ãªCSSã§ã‹ã‹ã‚ŒãŸã‚¢ã‚¤ã‚³ãƒ³ãŒå‡ºã¦ã¾ã™ã€‚ Firefox 3.5+, Chrome 5, and Opera 10.6ã§ãƒ†ã‚¹ãƒˆã•ã‚Œã¦ã„ã‚‹ã‚ˆã†ã§ã™ã€‚ ãƒ”ãƒ¥ã‚¢CSSç”»åƒã‚¨ãƒ‡ã‚£ã‚¿ç‰ã‚‚ä»Šå¾Œã§ã¦ãã‚‹ã‚“ã§ã—ã‚‡ã†ã‹ã é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒ”ãƒ¥ã‚¢CSSã§å®Ÿè£…ã•ã‚ŒãŸå¹ãå‡ºã—ã®ãƒ‡ã‚¶ã‚¤ãƒ³ä¾‹è‰²ã€… ãƒ”ãƒ¥ã‚¢CSSã§Twitterã®ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ãƒ¢ãƒ¼ãƒ‰ã®ã‚¯ã‚¸ãƒ©ã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹ä¾‹ ãƒ”ãƒ¥ã‚¢CSSã§ç”»åƒã‚’å£ã«è²¼ã£ãŸãƒãƒ©ãƒã‚¤ãƒ‰ã‚®ãƒ£ãƒ©ãƒªãƒ¼é¢¨ã«ã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«
tm8r 2010/11/25
css3

webdesign
ãƒªãƒ³ã‚¯
[iPad] CSS3Machine: ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å¿…é ˆï¼CSS3ã‚’GUIã§ã¤ãã£ã¦å³ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ã§ãã‚‹ï¼3395 | AppBank
CSSã ã‘ã§ãƒã‚´ã‚’ã¤ãã‚‹ ä»Šå›žã¯AppBankã®ãƒã‚´ã‚’ã‚µã‚¯ã£ã¨æ–°ã—ãä½œã£ã¦ã¿ã¾ã™ã€‚ å·¦å´ã«CSSã®ã‚»ãƒ¬ã‚¯ã‚¿ã‚„ãƒ—ãƒãƒ‘ãƒ†ã‚£ã€å³å´ã«ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ã¨ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®å€¤ã‚’è¡¨ç¤ºã—ã¾ã™ã€‚ ãªãŠã€ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ã§è¡¨ç¤ºã•ã‚Œã‚‹å†…å®¹ï¼ˆHTMLï¼‰ã¯ç·¨é›†å¯èƒ½ã§ã™ã€‚ HTMLã‚¿ã‚°ã®å…¥åŠ›æ”¯æ´æ©Ÿèƒ½ã‚‚å……å®Ÿã€‚divã‚¿ã‚°ã‚„<>ãªã©ãŒãƒœã‚¿ãƒ³1ã¤ã§å…¥åŠ›ã§ãã¾ã™ã€‚ æ¬¡ã«ã‚»ãƒ¬ã‚¯ã‚¿ã‚’ã¤ãã‚Šã¾ã™ã€‚ã“ã‚Œã¯å…ˆã»ã©ç·¨é›†ã—ãŸHTMLã«æ²¿ã†ã‚ˆã†ãªå½¢ã«ã—ã¾ã™ã€‚ ä¾‹ãˆã°ã€Œ<h1>AppBank</h1>ã€ã¨ã—ãŸãªã‚‰ã€Œh1ã€ã‚»ãƒ¬ã‚¯ã‚¿ã‚’ä½œæˆã—ã¾ã™ã€‚ ã‚¿ã‚°ã¯ã€Œh1ã€ã‚’é¸æŠžã—ã€ç”¨é€”ã«åˆã‚ã›ã¦ã‚¯ãƒ©ã‚¹ã‚„IDã‚‚æŒ‡å®šå¯èƒ½ã§ã™ã€‚ ã¤ãã£ãŸã‚»ãƒ¬ã‚¯ã‚¿ã‚’ã‚¿ãƒƒãƒ—ã—ã¦ä¸ã«ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’åŠ ãˆã¦ã„ãã¾ã™ã€‚ ãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯å…¨éƒ¨ã§9ç¨®é¡žã€‚ã“ã“ã§ã¯ã‚ã‚‰ã‹ã˜ã‚ã€Œbodyã€ã‚»ãƒ¬ã‚¯ã‚¿ã‚’ã¤ãã£ã¦ãŠã„ãŸã®ã§ã€èƒŒæ™¯è‰²ã‚’æ±ºã‚ã‚‹ç‚ºã®è¨å®šã‚’è¡Œã„ã¾ã™ã€‚ã€ŒBasic CSSã€ã‚’ã‚¿ãƒƒãƒ—ã—ã¾ã™ã€‚ ã“ã“ã¯ä¸€èˆ¬çš„ãªCSS2ã¨å¤‰ã‚ã‚Šã¾
tm8r 2010/11/13
webdesign

css3

ipad
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 9 10 æ¬¡ã®ãƒšãƒ¼ã‚¸