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

drumsco id:drumsco

web-designã«é–¢ã™ã‚‹drumscoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (165)

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

å‹•ã‹ã™ã®ãŒæ¥½ã—ããªã‚‹ï¼ NHKã€Œã‚¹ã‚¿ã‚¸ã‚ªãƒ‘ãƒ¼ã‚¯ã€ã‚µã‚¤ãƒˆã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã«æ³¨ç›® - ã¯ã¦ãªãƒ‹ãƒ¥ãƒ¼ã‚¹
NHKãŒå…¬é–‹ã—ã¦ã„ã‚‹ã€ŒNHKã‚¹ã‚¿ã‚¸ã‚ªãƒ‘ãƒ¼ã‚¯ã€ã®ã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ãŒã€ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã§è©±é¡Œã‚’å‘¼ã‚“ã§ã„ã¾ã™ã€‚ç”»é¢ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦ãƒšãƒ¼ã‚¸ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒå¤‰ã‚ã‚‹ã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã€ã‚’å–ã‚Šå…¥ã‚Œã¦ãŠã‚Šã€ãƒ–ãƒ©ã‚¦ã‚¶ã®å¹…ã«åˆã‚ã›ã¦ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒè‡ªå‹•ã§æ•´ãˆã‚‰ã‚Œã¾ã™ã€‚å®Ÿéš›ã«æ“ä½œã—ãŸé–²è¦§è€…ã‹ã‚‰ã¯ã€Œå‹•ããŒãªã‚ã‚‰ã‹ã§ã„ã„ã€ã¨ã„ã£ãŸå£°ãŒæŒ™ãŒã£ã¦ã„ã¾ã™ã€‚ â–½ NHKã‚¹ã‚¿ã‚¸ã‚ªãƒ‘ãƒ¼ã‚¯ â–½ ãªã‚“ã ã“ã‚Œï¼ï¼ã€ŒNHKã‚¹ã‚¿ã‚¸ã‚ªãƒ‘ãƒ¼ã‚¯ã€ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ãŒå‡„ã¾ã˜ããƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ï¼ï¼ | gori.me ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã€ãƒ‘ã‚½ã‚³ãƒ³ã‚„ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã©ã®ç•°ãªã‚‹ç”»é¢ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦ã€ãƒšãƒ¼ã‚¸ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’èª¿æ•´ã™ã‚‹ã¨ã„ã†ã‚‚ã®ã€‚åŒã˜ãƒšãƒ¼ã‚¸ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚‚ã€å„ç«¯æœ«ã®ç”»é¢ã‚µã‚¤ã‚ºã«é©ç”¨ã™ã‚‹å½¢ã§è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ NHKã‚¹ã‚¿ã‚¸ã‚ªãƒ‘ãƒ¼ã‚¯ã®ã‚µã‚¤ãƒˆã‚‚ã€ã“ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æŽ¡ç”¨ã—ã¦ã„ã¾ã™ã€‚ å…¨ç”»é¢ã§ãƒšãƒ¼ã‚¸ã‚’é–‹ãã¨ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼
drumsco 2016/08/12
web-design

responsive

NHK
ãƒªãƒ³ã‚¯
ã‚¯ãƒ¼ãƒ«ãªURIã¯å¤‰ã‚ã‚‰ãªã„ -- Style Guide for Online Hypertext
ã‚¯ãƒ¼ãƒ«ãªURIã¨ã¯ï¼Ÿ ã‚¯ãƒ¼ãƒ«ãªURIã¨ã¯å¤‰ã‚ã‚‰ãªã„ã‚‚ã®ã®ã“ã¨ã€‚ ã©ã‚“ãªURIãŒå¤‰ã‚ã£ã¦ã—ã¾ã†ï¼Ÿ URIã¯å¤‰ã‚ã‚‰ãªã„ï¼šäººãŒãã‚Œã‚’å¤‰æ›´ã™ã‚‹ã®ã ã€‚ ç†å±ˆã®ä¸Šã§ã¯ã€äººã€…ãŒURIã‚’å¤‰æ›´ã™ã‚‹ã¹ãï¼ˆã‚‚ã—ãã¯ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã®ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã‚’ã‚„ã‚ã¦ã—ã¾ã†ï¼‰ç†ç”±ã¯å…¨ãã‚ã‚Šã¾ã›ã‚“ã€‚ã—ã‹ã—ã€ç¾å®Ÿã«ã¯å±±ã»ã©ç†ç”±ãŒã‚ã‚Šã¾ã™ã€‚ ç†è«–ä¸Šã§ã¯ã€ãƒ‰ãƒ¡ã‚¤ãƒ³åç©ºé–“ã®æ‰€æœ‰è€…ã¯ãã®ç©ºé–“ã‚’æ‰€æœ‰ã—ã¦ãŠã‚Šã€ã—ãŸãŒã£ã¦ãã®ä¸ã«å«ã¾ã‚Œã‚‹URIã‚‚æ‰€æœ‰æ¨©ã‚’æŒã¡ã¾ã™ã€‚ãƒ‰ãƒ¡ã‚¤ãƒ³ç¶æŒæ–™ãŒæ”¯æ‰•ãˆãªã„å ´åˆã‚’é™¤ã„ã¦ã€ãã®åå‰ã‚’ä¿æœ‰ã—ç¶šã‘ã‚‹ã“ã¨ã‚’å¦¨ã’ã‚‹ã‚‚ã®ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ãã—ã¦ç†è«–ä¸Šã¯ã€ã‚ãªãŸã®ãƒ‰ãƒ¡ã‚¤ãƒ³åã®ã‚‚ã¨ã«ã‚ã‚‹URIã¯ã€å®Œå…¨ã«ã‚ãªãŸã®ç®¡ç†ä¸‹ã«ã‚ã‚Šã€æœ›ã‚€é™ã‚Šãã‚Œã‚’å®‰å®šçš„ã«ä¿ã¤ã“ã¨ãŒã§ãã‚‹ã®ã§ã™ã€‚ ã‚¦ã‚§ãƒ–ã‹ã‚‰ã‚ã‚‹ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆãŒæ¶ˆãˆã¦ã—ã¾ã†å”¯ä¸€ã®ç´å¾—ã§ãã‚‹ç†ç”±ã¯ã€ãã®ãƒ‰ãƒ¡ã‚¤ãƒ³åã‚’ä¿æŒã—ã¦ã„ãŸä¼šç¤¾ãŒå»ƒæ¥ã—ã¦ã—ã¾ã†ã‹ã€ã‚µãƒ¼ãƒãƒ¼ã‚’ç¶æŒã§ããªããªã£ãŸã¨ã„ã†å ´åˆãã‚‰ã„ã§ã—ã‚‡ã†
drumsco 2016/06/30
URI

web-design
ãƒªãƒ³ã‚¯
CSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å¦ã¶
ã“ã®ã‚µã‚¤ãƒˆã§ã¯ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«é–¢ã™ã‚‹CSSã®åŸºç¤Žã‚’å¦ã¶ã“ã¨ãŒã§ãã‚‹ã€‚ CSSã®ã‚»ãƒ¬ã‚¯ã‚¿/ãƒ—ãƒãƒ‘ãƒ†ã‚£/å€¤ã«ã¤ã„ã¦ã€ã‚ã‚‹ç¨‹åº¦ã®çŸ¥è˜ãŒã‚ã‚‹äº‹ã‚’å‰æã¨ã—ã¦æ›¸ã‹ã‚Œã¦ã„ã‚‹ã€‚ã¨ã“ã‚ã§ã€ã“ã®ã‚µã‚¤ãƒˆã‚’è¦‹ã¦ã„ã‚‹äººã®ä¸ã«ã¯ã€æ—¢ã«å°‘ãªã‹ã‚‰ãšãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®çŸ¥è˜ãŒã‚ã‚‹äººã‚‚ã„ã‚‹ã ã‚ã†ã€‚ãã‚“ãªå›ã§ã‚‚ã€ä½•ã‹æ–°ã—ã„ç™ºè¦‹ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã€‚HTMLã‚„CSSã«ã¤ã„ã¦åˆç´šãƒ¬ãƒ™ãƒ«ã‹ã‚‰å¦ã³ãŸã„å›ã¯ã€ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãŒå‚è€ƒã«ãªã‚‹ã€‚ãã†ã§ãªã‘ã‚Œã°ã€æ¬¡ã«å›ãŒãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«æºã‚ã‚‹ã¨ãã€ãã®è‹›ç«‹ã¡ã‚’å°‘ã—ã§ã‚‚æˆ‘ã€…ãŒè»½æ¸›ã§ãã‚‹ã‹ã©ã†ã‹ã€ã“ã®ã‚µã‚¤ãƒˆã‚’è¦‹ã¦ã»ã—ã„ã€‚
drumsco 2015/05/21
CSS

CSS3

web-design
ãƒªãƒ³ã‚¯
Free prototyping tool for web & mobile apps - Justinmind
We use cookies to ensure that we give you the best experience on our website. ClickÂ here for more information. GotÂ it
drumsco 2014/11/10
web-design

design

wireframe
ãƒªãƒ³ã‚¯
Grid æ—¥æœ¬èªžç‰ˆ
ãªãœã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«åŠ´åŠ›ã‚’è²»ã‚„ã™ã®ã‹? ç§é”ã¯å…¨ã¦ã®ãƒ‡ãƒã‚¤ã‚¹ã«ãŠã„ã¦ã€ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã®ã‚µã‚¤ã‚ºã‚„ç¸¦æ¨ªã®æ–¹å‘ã¨ã„ã£ãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç’°å¢ƒã«å·¦å³ã•ã‚Œãšã«ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆãŒåˆ©ç”¨ã—ã‚„ã™ããªã‚‹ã“ã¨ã‚’ç›®æŒ‡ã—ã¦ã„ã¾ã™ã€‚ æ–ç‰‡åŒ–ã•ã‚ŒãŸä¸–ç•Œ 2013å¹´ç¾åœ¨ã€æ•°åƒç¨®é¡žã®ãƒ‡ãƒã‚¤ã‚¹ã¨ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºãŒã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ã„ã¾ã™ã€‚ãã‚Œã‚‰å…¨ã¦ã«å¯¾ã—ã¦ã€ãã‚Œãžã‚Œãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’è¨è¨ˆã™ã‚‹ã®ã¯ã‚‚ã¯ã‚„ä¸å¯èƒ½ã§ã™ã€‚ãã‚“ãªã“ã¨ã‚ˆã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚ˆã‚Šæµå‹•çš„ãªã‚¢ãƒ—ãƒãƒ¼ãƒã‚’å–ã‚Šå…¥ã‚Œã‚‹ã¹ãã§ã—ã‚‡ã†ã€‚ ãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆ æœ€è¿‘ã«ãªã£ã¦ã€Œãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã€ã¨ã„ã†è¨€è‘‰ãŒãã“ã‚‰ã˜ã‚…ã†ã§èžã‹ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ãã®è¨€è‘‰ã¯ã€ãƒ¢ãƒã‚¤ãƒ«å‘ã‘ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‹ã‚‰å§‹ã‚ã¦ã€å¿…è¦ã¨ã•ã‚Œã‚‹æ™‚ã«å¤§ããªã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã«æœ€é©åŒ–ã—ãŸã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã™ã‚‹ã¨ã„ã†ã“ã¨ã‚’æ„å‘³ã—ã¾ã™ã€‚è¨€ã„æ›ãˆã‚‹ã¨ã€ä½œæˆã—ãŸãƒ¢ãƒã‚¤ãƒ«å‘ã‘ã®ã‚¹ã‚¿ã‚¤ãƒ«ãŒãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã«ãªã‚Šã€ãã‚Œä»¥é™ã«æ›¸ãæ›ãˆã‚‹å¿…è¦ã¯ãªã„ã¨ã„ã†ã“ã¨ã§ã™ã€‚ãã‚Œã¯
drumsco 2014/04/05
HTML5

CSS3

grid

web-design
ãƒªãƒ³ã‚¯
Webåˆ¶ä½œ W3G
ã‚»ãƒ«ãƒ©ãƒ³ä¸Šä½ã‚¢ãƒ—ãƒªã®å£²ä¸Šãƒ»ãƒ©ãƒ³ã‚ãƒ³ã‚°æŽ¨ç§»ãƒ»ãƒ¦ãƒ¼ã‚¶ãƒ¼æ•°ãªã©ã®çµ±è¨ˆæƒ…å ±ã‚’ã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚è¤‡æ•°ã®èª¿æŸ»ãƒ¡ãƒ‡ã‚£ã‚¢ãŒç™ºè¡¨ã—ã¦ã„ã‚‹ãƒ‡ãƒ¼ã‚¿ã‚’æ¯”è¼ƒå‚ç…§ã—ã¦ã€ã‚ˆã‚Šç¢ºåº¦ã®é«˜ã„æƒ…å ±ã‚’ç¢ºèªã§ãã¾ã™ã€‚
drumsco 2014/02/26
web-design

W3C

HTML5

CSS

CSS3
ãƒªãƒ³ã‚¯
Google Web Designer - Home
Create engaging videos, images, and HTML5-based designs for your business that can run on any device Intended for business use only Features that help businesses bring ideas to life Google Web Designer gives you the power to create beautiful and compelling videos, images, and HTML5 ads. Use animation and interactive elements to build out your creative vision, then scale your content for different
drumsco 2013/10/02
*web

web-design

Google

HTML5

CSS3
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–åˆå¿ƒè€…ã‚‚å®‰å¿ƒã—ã¦ä½œæˆã§ãã‚‹ã€ç„¡æ–™HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ24å€‹ã¾ã¨ã‚ - PhotoshopVIP
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
drumsco 2013/01/07
web-design
ãƒªãƒ³ã‚¯
ã“ã‚Œã¯ã‚‚ã†æ‰‹æ”¾ã›ãªã„ï¼ã¨ã‚Šã‚ãˆãš1å¹´é–“Macã‚’WEBåˆ¶ä½œã®ãŸã‚ã ã‘ã«ä½¿ã£ã¦ããŸåƒ•ã®å¿…é ˆã‚¢ãƒ—ãƒªå¤§å…¬é–‹ | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®ã†ã‡ã¶å±‹
ä»Šæ—¥ã¾ã§ã§MacBook Proã‚’1å¹´é–“ã€ãã—ã¦iMacã‚’è³¼å…¥ã—ã¦åŠå¹´ãŒçµŒã¤ã®ã§ã€ä»Šã‚„åƒ•ã«ã¨ã£ã¦ç„¡ãã¦ã¯ãªã‚‰ãªããªã£ãŸã‚¢ãƒ—ãƒªã®æ•°ã€…ã‚’ã”ç´¹ä»‹ã—ã‚ˆã†ã£ã¦è¶£æ—¨ã§ã™ï¼ï¼‘å¹´ã£ã¦è¨€ã†ã¨å…¨ç„¶å‘¨ã‚Šã®Macä½¿ã„ã®äººãŸã¡ã¨æ¯”ã¹ã¦ã‚‚é•·ãã‚‚ãªã‚“ã¨ã‚‚ç„¡ã„ã‚“ã§ã™ãŒã€ã¾ãä¸€å¹´ã®ç¯€ç›®ã‚‚è¿Žãˆã‚ˆã†ã£ã¦æ™‚æœŸã§ã™ã—ã€æ—¥é ƒã®å¤šå¤§ãªæ„Ÿè¬ã‚’è¾¼ã‚ã¦ä»Šå¹´ä¸€å¹´WEBåˆ¶ä½œã«ãŠã„ã¦è¶…ã‚ã‚ŠãŒãŸãƒ¼ãä½¿ã‚ã›ã¦é ‚ã„ãŸã‚¢ãƒ—ãƒªã‚’ã”ç´¹ä»‹ã•ã›ã¦é ‚ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ï¼ çµæ§‹ã¾ã ã¾ã ã€ã€Žãˆï¼Ÿã“ã‚Œä½¿ã£ã¦ç„¡ã„ã®ï¼Ÿã€ãªã‚“ã¦è¨€ã‚ã‚Œã‚‹äº‹ã‚‚å¤šã„ã§ã™ã—ã€å‘¨ã‚Šã®å‹äººé”ã‹ã‚‰æ•™ãˆã¦é ‚ã„ãŸç‰©ã‚‚å¤šã„ã®ã§ã€ä¸€å€‹ãã‚‰ã„ã¯çš†ã•ã‚“ã«ã¨ã£ã¦ã‚‚è‰¯ã•ã’ãªç‰©ãŒå…±æœ‰ã§ãã‚Œã°å¬‰ã—ã„ã§ã™ï¼é‡ã‚‚å¤šã„ã®ã§ã€ãƒ–ãƒ©ã‚¦ã‚¶ã‚„ãƒ¡ãƒ¼ãƒ©ãƒ¼ã€Adobeè£½å“ç‰ã¯çœãã¾ã™ãï¼ ãã‚Œã§ã¯ã€å‰ç½®ãã¯ç°¡å˜ã«ã—ã¦æ—©é€Ÿã”ç´¹ä»‹ã•ã›ã¦é ‚ãã¾ã—ã‚‡ã†ï¼ Codaï¼ˆ6,500å††ï¼‰ ã‚‚ã¯ã‚„å®šç•ªã®WEBåˆ¶ä½œãƒ„ãƒ¼ãƒ«ï¼ Evernoteï¼ˆç„¡æ–™ï¼‰ è¶…å®šç•ªã®ãƒŽãƒ¼ãƒˆãƒ„
drumsco 2012/12/06
web-design

Mac

OSX

tool
ãƒªãƒ³ã‚¯
å°‘ãªã„æ‰‹é–“ã¨çŸ¥è˜ã§ãã‚Œãªã‚Šã«è¦‹ã›ã‚‹ã€ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
å°‘ãªã„æ‰‹é–“ã¨çŸ¥è˜ã§ãã‚Œãªã‚Šã«è¦‹ã›ã‚‹ã€ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï¼šã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ï¼ˆ1ï¼‰ï¼ˆ1/2 ãƒšãƒ¼ã‚¸ï¼‰ ãƒ‡ã‚¶ã‚¤ãƒ³ãŒè‡ªåˆ†ã§ã‚¤ã‚¤æ„Ÿã˜ã«ä½œã‚ŒãŸã‚‰ã„ã„ãªã‚ã¨ã„ã†ãƒ—ãƒã‚°ãƒ©ãƒžã®ã¿ãªã•ã‚“ã€‚å°‘ãªã„æ‰‹é–“ã§ç°¡å˜ã«ã€ã¡ã‚‡ã£ã¨ã„ã„æ„Ÿã˜ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«è¦‹ã›ã‚‹ãŸã‚ã®ã€ã¡ã‚‡ã£ã¨ã—ãŸå°ã‚ºãƒ«ã„Tipsã‚’ç´¹ä»‹ã—ã¾ã™ Webãƒ—ãƒã‚°ãƒ©ãƒžã€Webã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®çš†ã•ã‚“ãŒã€å€‹äººã§ä½œã‚‹Webã‚µãƒ¼ãƒ“ã‚¹ã‚„ãƒãƒƒã‚«ã‚½ãƒ³ãªã©ã§ã€çŸæœŸé–“ã«é›†ä¸ã—ã¦ã‚µãƒ¼ãƒ“ã‚¹é–‹ç™ºã—ã¦ãƒãƒ¼ãƒ³ãƒã—ãŸã„ã¨ãã«ã€ã‚‚ã†ã¡ã‚‡ã£ã¨è‡ªåˆ†ã§ã‚¤ã‚¤æ„Ÿã˜ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã§ãã‚‹ã¨ã„ã„ãªã‚ã¨ã„ã†å£°ã‚’ã‚ˆãèžãã¾ã™ã€‚ ã“ã®ä¼ç”»ã¯ã€ãã‚“ãªãƒ—ãƒã‚°ãƒ©ãƒžãŒã€å°‘ãªã„æ‰‹é–“ã§ç°¡å˜ã«ã€ã¡ã‚‡ã£ã¨ã„ã„æ„Ÿã˜ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«è¦‹ã›ã‚‹ãŸã‚ã®ã€ã¡ã‚‡ã£ã¨ã—ãŸå°ã‚ºãƒ«ã„Tipsã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ï¼ˆæ³¨ï¼‰ã“ã®ãƒšãƒ¼ã‚¸ã§ã¯ã€å€‹ã€…ã®ãƒ‡ã‚¶ã‚¤ãƒ³è¦ç´ ã‚’åˆ†ã‹ã‚Šã‚„ã™ãèª¬æ˜Žã™ã‚‹ãŸã‚ã«ã€å®Ÿå¯¸ã‚µã‚¤ã‚ºã‚ˆã‚Šç”»åƒã‚’æ‹¡å¤§ã—ã¦ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚ ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã¯Sassã¨Compassã‚’åˆ©ç”¨ã—
drumsco 2012/12/06
CSS

SASS

compass

web-design
ãƒªãƒ³ã‚¯
Orodha Design
drumsco 2012/05/31
OSS

PHP

orodha

web-design
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
drumsco 2012/05/30
web-design
ãƒªãƒ³ã‚¯
Frame Box - Lightweight online tool for creating mockups
Show what you need in 3 easy steps: Sketch frame using UI units Save it and get a link to created frame Send a link to your companion
drumsco 2012/03/14
web-design

prototyping

UI

web-service

wireframe
ãƒªãƒ³ã‚¯
Lumzy
Who's using lumzy: 76,644 Designers from 215 Countries on 103,240 Projects... From creating a prototype, to sending it to clients, everything is seamless. In fact, Lumzy doesn't have a file extension, so your client need not bother downloading a player to open any prototype files. A link is all they need. Add actions and events to controls, to emulate your project. Lumzy is NOT one of those simple
drumsco 2012/03/14
web-design

prototyping
ãƒªãƒ³ã‚¯
http://www.fluidia.org/index.php
drumsco 2012/03/14
*agile

UI

prototyping

web-design
ãƒªãƒ³ã‚¯
Mockingbird has Shut Down
Mockingbird is no longer in operation. Weâ€™re hoping to open-source the code sometime in the near future. In the meantime, some simple alternatives, in a similar spirit to Mockingbird, are: Excalidraw: https://excalidraw.com TLDraw: https://www.tldraw.com If you need a more comprehensive mockup solution, you might want to check out the following: FigJam: https://www.figma.com/figjam/ MockFlow: http
drumsco 2012/03/14
web-design

prototyping

è¨è¨ˆ
ãƒªãƒ³ã‚¯
iPlotz: wireframing, mockups and prototyping for websites and applications
Wireframing, prototyping and mockups Create clickable, navigable mockups and wireframes for prototyping websites and software applications. Desktop and mobile viewers Let anyone view and navigate through your mockups online or offline, using desktop or mobile viewers.
drumsco 2012/03/14
1ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆ, 5ã¤ã®ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã¾ã§ã¯ç„¡å„Ÿè©¦ç”¨å¯èƒ½ã€‚

è¨è¨ˆ

prototyping

web-design
ãƒªãƒ³ã‚¯
ã€Œã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£èª¿æŸ»ã€ã‚’ç™ºè¡¨ï½žæœ€ã‚‚æ”¯æŒã•ã‚Œã‚‹JavaScriptã®è¡¨ç¾æ–¹æ³•ã¨ã¯ï½ž / IMJãƒ¢ãƒã‚¤ãƒ«
ã€Œã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£èª¿æŸ»ã€ã‚’ç™ºè¡¨ ï½žæœ€ã‚‚æ”¯æŒã•ã‚Œã‚‹JavaScriptã®è¡¨ç¾æ–¹æ³•ã¨ã¯ï½ž æ ªå¼ä¼šç¤¾ã‚¢ã‚¤ãƒ»ã‚¨ãƒ ãƒ»ã‚¸ã‚§ã‚¤ï¼ˆJASDAQ 4305ï¼‰ã®ã‚°ãƒ«ãƒ¼ãƒ—ä¼šç¤¾ã§ã‚ã‚‹æ ªå¼ä¼šç¤¾IMJãƒ¢ãƒã‚¤ãƒ«ï¼ˆæœ¬ç¤¾ï¼šæ±äº¬éƒ½ç›®é»’åŒº ä»£è¡¨å–ç· å½¹ç¤¾é•·ï¼šå·åˆç´”ä¸€ï¼‰ã¯ã€ã€Œã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£èª¿æŸ»ã€ã‚’å®Ÿæ–½ã„ãŸã—ã¾ã—ãŸã€‚ èª¿æŸ»æœŸé–“ã¯2011å¹´9æœˆ14æ—¥ï½ž9æœˆ15æ—¥ã€æœ‰åŠ¹å›žç”æ•°ã¯412åã‹ã‚‰å¾—ã‚‰ã‚Œã¾ã—ãŸã€‚ èª¿æŸ»çµæžœæ¦‚è¦ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®æ™®åŠã«ä¼´ã„ã€ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³æ€§ãŒé«˜ã„ã‚µã‚¤ãƒˆãŒæ±‚ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã™ã‚‹éš›ã®åŠ¹æžœçš„ãªè¡¨ç¾æ–¹æ³•ã¨ã—ã¦JavaScriptã®æ´»ç”¨ãŒã‚ã‚Šã¾ã™ãŒã€å®Ÿéš›ã«JavaScriptã‚’ä½¿ã£ãŸè¡¨ç¾æ–¹æ³•ãŒãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ä¸Žãˆã‚‹å°è±¡ã«ã¤ã„ã¦å®Ÿä¾‹ã‚’ç”¨ã„ãŸèª¿æŸ»ã‚’è¡Œã„ã¾ã—ãŸã€‚ èª¿æŸ»ã®çµæžœã€ã‚·ãƒ³ãƒ—ãƒ«ã«ã‚ã‹ã‚Šã‚„ã™ã„è¡¨ç¾æ–¹æ³•ã¯ãƒ¦ãƒ¼ã‚¶
drumsco 2012/02/21
web-design

design

é–‹ç™º

report
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã«é©ç”¨ã™ã‚‹éš›ã«ã‚ã‚ŠãŒã¡ãª7ã¤ã®é–“é•ã„
7 mistakes developers make [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ ã¯ã˜ã‚ã« 1. è‰¯ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã©ã®ã‚ˆã†ã«è¦‹ãˆã‚‹ã‹ 2. ã‚«ãƒ©ãƒ¼é¸æŠžã®ç†ç”±ã¯å¥½ã¿ã ã‹ã‚‰ã¯ãƒ€ãƒ¡ 3. çœŸã‚“ä¸é…ç½®ã®èª˜æƒ‘ 4. ãƒ•ã‚©ãƒ³ãƒˆé¸ã³ã¯æ…Žé‡ã« 5. æƒ…å ±ã®è©°ã‚è¾¼ã¿éŽãŽ 6. è³ªå•ã‚’ã‚‚ã£ã¦ 7. ãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«ã¯æ™‚é–“ã®æµªè²»ï¼Ÿ ã¯ã˜ã‚ã« ã‚‚ã—ã‚ãªãŸãŒãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã®ã‚³ãƒ¼ãƒ€ãƒ¼ã§ã‚ã‚‹ãªã‚‰ã€ã‚ãªãŸã®è³‡ç”£ã®ä¸€ã¤ã«ã€ã‚¦ã‚§ãƒ–é–‹ç™ºã®å§‹ã‚ã‹ã‚‰çµ‚ã‚ã‚Šã¾ã§å…¨ã¦ã®ãƒ—ãƒã‚»ã‚¹ã‚’æŠŠæ¡ã—ã¦ã„ã‚‹ã€ã¨ã„ã†ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ã“ã‚Œã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚å«ã¿ã¾ã™ã€‚ ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã¯ã‚³ãƒ¼ãƒ‰ã¨ç´ æ™´ã‚‰ã—ãæ§‹ç¯‰ã•ã‚ŒãŸã‚·ã‚¹ãƒ†ãƒ ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã€è‡ªèº«ãŒãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ã‚ã‚‹ã¨è¨€ãˆã‚‹ã§ã—ã‚‡ã†ã€‚ã¾ãŸã€å€‹äººã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãªã©ã§ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ä½œæˆã—ãªã‘ã‚Œã°ãªã‚‰ãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ã“ã‚Œã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã§ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã®ä½•ã‹ã«é•å’Œæ„ŸãŒã‚ã£ã¦ã‚‚ã€ã‚ãªãŸãŒãƒ‡ã‚¶ã‚¤ãƒ³ã®ãŸã‚ã«è‰¯ã„ç›®ã‚’æŒã£
drumsco 2012/02/13
web-design
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
drumsco 2012/02/01
é–‹ç™º

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