[B! Bootstrap] site159ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

site159 id:site159

Bootstrapã«é–¢ã™ã‚‹site159ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

ã€Photoshopå…¥é–€ã€‘Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã¯ã˜ã‚ã‚ˆã†ï¼ç¬¬1å›ž ãƒ‡ã‚¶ã‚¤ãƒ³å‰ã«è¦šãˆã¦ãŠããŸã„ç’°å¢ƒè¨å®šã¨ãƒ¬ã‚¤ãƒ¤ãƒ¼æ©Ÿèƒ½ - Adobe Blog
The Blog | Welcome to Adobe Blog ã‚¢ãƒ‰ãƒ“ã®ãƒ–ãƒã‚°ã§ã¯ã€Creative Cloudã€Document Cloudã€Experience Cloudã®æœ€æ–°æƒ…å ±ã‚„å½¹ã«ç«‹ã¤æƒ…å ±ã‚’ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚
site159 2019/12/25
Adobe

Adobe XD

Bootstrap

Design

StyleGuide
ãƒªãƒ³ã‚¯
UIã‚»ãƒ³ã‚¹ãŒå£Šæ»…çš„ãªã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒãã‚Œã£ã½ã„webã‚¢ãƒ—ãƒªã‚’ä½œã‚‹ãŸã‚ã«ä½¿ã£ãŸç„¡æ–™UIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ã¾ã¨ã‚ã¦ãŠã - Qiita
ä»•äº‹ã®å‚ã‚‰ã€æš‡ã¤ã¶ã—ã¨ã‹ã§webã‚¢ãƒ—ãƒªã‚’æ§‹ç¯‰ã—ãŸã‚Šã™ã‚‹ã‚ã‘ã§ã™ãŒã€ã©ã†ã«ã‚‚UIã‚»ãƒ³ã‚¹ãŒãªã•ã™ãŽã¦ã€ã‚«ãƒƒã‚³ã‚¤ã‚¤ã‚µã‚¤ãƒˆã¨ã‹ã‚’å‚è€ƒã«çœŸä¼¼ã—ãŸã‚Šã—ã¦ã‚‚ã€ãªãœã‹è‡ªåˆ†ã§ã‚¢ãƒ¬ãƒ³ã‚¸ã™ã‚‹ã¨ã¨ã¦ã¤ã‚‚ãªããƒ€ã‚µããªã‚‹ã€ã¨ã„ã†ã“ã¨ã‚’ç¹°ã‚Šè¿”ã—ã¦ãã¾ã—ãŸã€‚ ã§ã€ã‚‚ã†ã“ã†ãªã£ãŸã‚‰è‡ªåˆ†ã§è€ƒãˆãšã«ã€ã™ã¹ã¦ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«é ¼ã‚ã†ï¼ã¨æ€ã£ã¦webã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã—ãŸæ™‚ã«ä½¿ã£ãŸcssã‚„jsã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãªã‚“ã‹ã‚’ã€ç°¡å˜ãªã‚³ãƒ¡ãƒ³ãƒˆæ·»ãˆã¦ã¾ã¨ã‚ã¦ãŠã“ã†ã¨æ€ã„ã¾ã™ã€‚ cssè‡ªåˆ†ã§ä¸€åˆ‡æ›¸ã‹ãªãã¦ã‚‚ã€ã“ã®ãã‚‰ã„ã®UIã¾ã§ã¯ã„ã‘ãã†ã§ã™ã€‚ ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ Bootstrap ãƒ™ãƒ¼ã‚¹ã¯twitter bootstrapã®æ©æµã«æŽˆã‹ã‚Šã¾ã™ã€‚ GoogleMaterialDesignLiteã‚‚è¦‹ãŸç›®ã¯ã‹ã£ã“ã„ã„ã‚“ã§ã™ãŒã€è‰²ã€…ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒãŸã‚Šãªã‹ã£ãŸã‚Šã—ã¦ã€çµå±€ã„ãã‚‰ã‹è‡ªåˆ†ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã—ãªã„ã¨ã©ã†ã«ã‚‚ãªã‚‰ãªããªã‚‹å°è±¡ã§ã™ã€‚ jQuery ä»Šæ›´æ›¸
site159 2016/02/24
Bootstrap

jQuery

JavaScript

Library

UI(UserInterface)

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
æ–°ç€è¨˜äº‹
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
site159 2014/10/14
Bootstrap

JavaScript

library

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
Start Bootstrap
Start Bootstrap develops free to download, open source Bootstrap 5 themes, templates, and snippets and creates guides and tutorials to help you learn more about designing and developing with Bootstrap.
site159 2013/10/03
Bootstrap

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ãƒŽãƒ³ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚‚å¿…è¦‹ï¼Twitter BootStrapã®ç‰¹å¾´ã¨å°Žå…¥å‰ã«ç¢ºèªã™ã¹ãäº‹ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ã“ã‚“ã«ã¡ã‚ã€‚ã‚¢ãƒ¼ãƒˆãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼å…¼2å…ã®ãƒ‘ãƒ‘ã€é•·å²¡ã§ã™ã€‚ æ¯Žå›žåã©ã‚‚ãƒã‚¿ã§ã™ãŒã€æœ€è¿‘ã‚¢ãƒ³ãƒ‘ãƒ³ãƒžãƒ³ã‚’æŒ‡ã•ã—ã¦ã€Œãƒ‘ãƒ³ãƒ‘ãƒ¼ãƒ³ãƒ‘ãƒ³ã€ã¨ãã‚Œã£ã½ã„ç™ºéŸ³ã‚’ã—ã¦ã„ã‚‹æ¯åã‚’è¦‹ã¦ã€Œã“ã„ã¤å¯æ„›ã„ãªã€ã¨ç™’ã•ã‚Œã¦ã„ã¾ã™ï¼ˆç¬‘ï¼‰ å±ˆè¨—ã®ãªã„ç¬‘é¡”ã¨æŒã¡å‰ã®ã‚ã©ã‘ãªã„ä»•è‰ã§ã€ä¿è‚²åœ’ã®ãƒžãƒ€ãƒ ãŸã¡ã‚’ã‚¤ãƒã‚³ãƒï¼ˆè¡¨ç¾ãŒå¤ã„ï¼Ÿï¼‰ã«ã—ã¦ã„ã‚‹ãã†ã§ã™ã€‚å°†æ¥ãŒã¡ã‚‡ã£ã¨å¿ƒé…ã§ã™ãƒ»ãƒ»ãƒ»ã€‚ ã•ã¦ä»Šå›žã¯ã€HTML5ãƒ»CSS3ãƒ»jQueryã‚’ä½¿ç”¨ã—ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ„ãƒ¼ãƒ«ã®çŽ‹é“ã€ŒTwitter Bootstrapï¼ˆâ€»ver2.3.1ï¼‰ã€ã®ãŠè©±ã€‚ â€»ã“ã®è¨˜äº‹ã‚’æ›¸ã„ã¦ã„ã‚‹æœ€ä¸ã«ver3.0ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸï¼ï¼ˆæ±—ï¼‰å¾Œã§ã‚†ã£ãã‚Šè§¦ã£ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ â–²Twitter BootStrap ver2.3.1 Webåˆ¶ä½œè€…ãªã‚‰ã€ä¸€åº¦ã¯è§¦ã‚ŒãŸã“ã¨ãŒã‚ã‚‹ã“ã¨ã¨æ€ã„ã¾ã™ã€‚ ãã®ã¾ã¾ä½¿ã£ã¦ã¿ãŸã‚Šã€ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ã¦ä½¿ã£ã¦ã¿ãŸã‚Šãƒ»ãƒ»ãƒ»ã€‚ ä½¿ã„æ–¹ã‚’é–“é•ãˆãªã‘ã‚Œã°ã€ã¨ã¦ã‚‚
site159 2013/08/09
Bootstrap

twitter

Framework

Coding

JavaScript

jQuery

CSS3

HTML5
ãƒªãƒ³ã‚¯
Bootstrap 3 ã§ä½•ãŒå¤‰ã‚ã‚‹ã®ã‹ã‚’ã¾ã¨ã‚ã¦ã¿ãŸ
Twitter Bootstrap 3 ã®å¤‰æ›´ç‚¹æ¦‚è¦ Bootstrap è‡ªä½“ã®ä»•æ§˜ã ã‘ã§ãªãä½“åˆ¶ãªã©ã‚‚å¤‰æ›´ã•ã‚Œã‚‹ã‚ˆã†ã§ã™ã€‚ ãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆ twitter/bootstrap, twitter/bootstrap-server, mdo/bootstrap-blogï¼ˆãƒ—ãƒ©ã‚¤ãƒ™ãƒ¼ãƒˆãƒ¬ãƒãƒ¼ãƒˆï¼‰ã‚’ twbs organization ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã¸ç§»è¡Œ ã‚µã‚¤ãƒˆã® URL ã‚’ http://getbootstrap.com ã«å¤‰æ›´ CSS ã¯ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ç”¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚‚å«ã‚ã¦1ãƒ•ã‚¡ã‚¤ãƒ«ã«ã™ã‚‹ IE7, Firefox3ç³» ã®ã‚µãƒãƒ¼ãƒˆå»ƒæ¢ Glyphicon ã®ãƒ•ã‚©ãƒ³ãƒˆç‰ˆã‚’æŽ¡ç”¨ Apache ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‹ã‚‰ MIT ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¸ç§»è¡Œ *-wip ãƒ–ãƒ©ãƒ³ãƒã®é–‹ç™ºã‚¹ã‚¿ã‚¤ãƒ«ã‹ã‚‰ 3.1.0-modal-revamp ã®ã‚ˆã†ãªæ©Ÿèƒ½ã”ã¨ã®ãƒ–ãƒ©ãƒ³ãƒã«å¤‰æ›´ éŽåŽ»ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã«ã‚¿ã‚°ã‚’ä½¿ã† ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã®
site159 2013/01/25
Bootstrap

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ãã³ãã³ã—ãŸå‹•ä½œãŒæ°—æŒã¡ã„ã„ã€Windows8ã®ã‚¹ã‚¿ãƒ¼ãƒˆç”»é¢é¢¨ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’å®Ÿè£…ã™ã‚‹ -Droptiles
ã•ã¾ã–ã¾ãªãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã«å®Ÿè£…ã§ãã‚‹HTML+JavaScript+CSSã§ä½œã‚‰ã‚ŒãŸã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®Windows8ã®Modern UIé¢¨ã®ãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Droptiles Droptilesã®ãƒ‡ãƒ¢ Droptilesã®ç‰¹å¾´ Droptilesã®ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã§ã¯Droptilesã®æ°—æŒã¡ã„ã„æ“ä½œæ„Ÿã‚’è©¦ã™ã“ã¨ãŒã§ãã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ Droptilesã¯å„ãƒ‘ãƒãƒ«ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«è¡¨ç¤ºã‚‚ã‚¹ãƒ ãƒ¼ã‚ºã§æ°—æŒã¡ã‚ˆãã€ã¾ãŸãã®åãŒç¤ºã™é€šã‚Šã‚¿ã‚¤ãƒ«çŠ¶ã®ãƒ‘ãƒãƒ«ã‚’ãƒ‰ãƒãƒƒãƒ—æ“ä½œã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚
site159 2013/01/09
UI(UserInterface)

Bootstrap
ãƒªãƒ³ã‚¯
1