[B! bootstrap] P88ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

P88 id:P88

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

Bootstrapå¯¾å¿œã®æœ€æ–°ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ 10é¸
ã‚¤ãƒ©ã‚¹ãƒˆã‚„ç”»åƒã®ä½¿ç”¨ãŒå¤šã„ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ã§ã™ãŒã€ã‚¢ãƒ—ãƒªã‚„Webã‚µãƒ¼ãƒ“ã‚¹ã®ãƒšãƒ¼ã‚¸ãªã‚“ã‹ã§ã¯ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®å…ˆé€²çš„ãªLPã‚‚å¢—ãˆã¦ã¾ã™ã€‚ ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®å ´åˆã€PSDã‚„ã‚¤ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¿ã‚’å¿…è¦ã¨ã›ãšCSSã‚¹ã‚¿ã‚¤ãƒ«ã®æŒ‡å®šã ã‘ã§ç°¡å˜ã«ä½œã‚Œã¦ã—ã¾ã†ãŸã‚å·¥æ•°ã®å‰Šæ¸›ã«ã‚‚ãªã£ã¦çµæ§‹ãŠå¾—ã€‚ã•ã‚‰ã«Bootstrapãªã©ã®CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚‚ä½¿ãˆã‚‹ã®ã§ã‹ãªã‚Šæ¥½ã«ä½œã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ã¾ã™ã€‚ è¦‹ãŸç›®ã‚‚å¥‡æŠœãªã‚‚ã®ã§ã¯ãªãã€ä»Šé¢¨ï¼ˆï¼Ÿï¼‰ã®ã‚«ãƒƒã‚³ã‚¤ã‚¤ãƒ‡ã‚¶ã‚¤ãƒ³ãªã®ã§Webé–¢ä¿‚ä»¥å¤–ã®æ¥ç¨®ã§ã‚‚ä½¿ãˆãã†ã§ã™ã€‚ã“ã®ãƒšãƒ¼ã‚¸ã§ã¯Bootstrapã«å¯¾å¿œã—ãŸæœ€æ–°ã®ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’é›†ã‚ã¦ã¿ã¾ã—ãŸã€‚ Bootstrap LPãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ 10é¸ Discover Appzone Listup Launchkit GEO Jean Roof â€“ Responsive Landing Pages OLA Kerox Sleek
P88 2015/06/08
bootstrap

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸

ãƒ†ãƒ¼ãƒž
ãƒªãƒ³ã‚¯
ãƒ™ãƒ¼ã‚·ãƒƒã‚¯ã§ä½¿ã„ã‚„ã™ãã†ãªBootstrapå‘ã‘ç®¡ç†ç”»é¢ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãƒ»ã€ŒGentallelaã€ - ã‹ã¡ã³ã¨.net
Gentallelaã¯ãƒ™ãƒ¼ã‚·ãƒƒã‚¯ãªBootstrap Adminãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã§ã™ã€‚ã‚´ãƒãƒ£ã‚´ãƒãƒ£ã—ã¦ãŠã‚‰ãšã€ä½¿ã„ã‚„ã™ãã†ãªå°è±¡ã§ã—ãŸã€‚ãƒãƒ£ãƒ¼ãƒˆã‚„ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã€ãƒ•ã‚©ãƒ¼ãƒ ç‰ã ã‘ã§ãªãã€è«‹æ±‚æ›¸ã‚„ãƒ‡ãƒ¼ã‚¿ã‚°ãƒªãƒƒãƒ‰ãªã©ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚‚ç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯MITã€‚ Gentallela
P88 2015/06/02
bootstrap

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

design

tips

æƒ…å ±
ãƒªãƒ³ã‚¯
Bootstrapã«ãƒ¢ãƒ€ãƒ³ãªæ©Ÿèƒ½ã‚’è¿½åŠ ã—ã¦ãã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSmokeã€:phpspoté–‹ç™ºæ—¥èªŒ
Smoke Bootstrapã«ãƒ¢ãƒ€ãƒ³ãªæ©Ÿèƒ½ã‚’è¿½åŠ ã—ã¦ãã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSmokeã€ ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒãƒªãƒ‡ãƒ¼ãƒˆã‚„é€šçŸ¥ã€ãƒ¢ãƒ€ãƒ³ãªãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ã€ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³æ©Ÿèƒ½ã€ãƒ‘ãƒãƒ«ç‰ã®æ©Ÿèƒ½ã‚’è¿½åŠ ã§ãã¾ã™ã€‚ ã‚ˆã‚Šä»Šã£ã½ã„ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã®ã«å½¹ç«‹ã¡ãã†ãªãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãªã®ã§Bootstrapã‚’ä½¿ã†äººã¯çŸ¥ã£ã¦ãŠã„ã¦æã¯ç„¡ã„ã¨æ€ã„ã¾ã™ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª Bootstrapã®ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã‚’å¼·åŒ–ã™ã‚‹ã€ŒWebUI Popoverã€ Bootstrapã®ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—é¢¨ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚’ä½œæˆã€ŒStackbox.jsã€ Bootstrapãªã‚µã‚¤ãƒˆã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªã‚¿ãƒ–ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿç¾ã™ã‚‹ã€ŒResponsive Tabsã€ Bootstrapã®ã‚ˆã†ã«å¤šæ•°ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒè©°ã¾ã£ãŸUIãƒ„ãƒ¼ãƒ«ã‚ãƒƒãƒˆã€ŒTiton Toolkitã€ Bootstrapã®Dropdownã‚’ä½¿ã†ãªã‚‰å¿…ãšçŸ¥ã£ã¦ãŠããŸã„ã€ŒBootstrap Enhanc
P88 2015/05/25
bootstrap

jQuery

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

Plugin
ãƒªãƒ³ã‚¯
Bootstrapã§æ—¥æœ¬èªžã‚’ã‚ˆã‚Šç¾Žã—ãè¡¨ç¤ºã•ã›ã‚‹ã“ã¨ã«ã“ã ã‚ã£ãŸç„¡æ–™ã®ãƒ†ãƒ¼ãƒž -Honoka
Bootstrapã¯äººæ°—ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ãŒã€æ—¥æœ¬èªžã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¡¨ç¤ºã™ã‚‹ãŸã‚ã«æœ€é©åŒ–ã•ã‚Œã¦ã„ã‚‹ã¨ã¯è¨€ãˆã¾ã›ã‚“ã€‚ãƒ•ã‚©ãƒ³ãƒˆæŒ‡å®šãƒ»æ–‡å—ã‚µã‚¤ã‚ºã‚’ã¯ã˜ã‚ã€æ—¥æœ¬èªžã‚’ã‚ˆã‚Šç¾Žã—ãè¡¨ç¤ºã™ã‚‹ãŸã‚ã®ã•ã¾ã–ã¾ãªã‚¢ãƒ—ãƒãƒ¼ãƒã‚’å–ã‚Šå…¥ã‚ŒãŸãƒ†ãƒ¼ãƒžã€ŒHonokaã€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å˜ã«ä½¿ç”¨ã™ã‚‹ã ã‘ã§ãªãã€ä»–ã®ã‚‚ã®ã§ã‚‚æ—¥æœ¬èªžã‚’ç¾Žã—ãè¡¨ç¤ºã•ã›ã‚‹ã®ã«å½¹ç«‹ã¡ã¾ã™ã€‚ Honoka Honoka -GitHub æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆã¯ã€ãŸãã•ã‚“ã®ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãŒã‚ã‚Šã¾ã™ã€‚ 2017å¹´ç”¨ã€æ—¥æœ¬èªžã®ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆ 259ç¨®é¡žã®ã¾ã¨ã‚ Honokaã®ç‰¹å¾´ Honokaã®ãƒ‡ãƒ¢ Honokaã®ã‚¢ãƒ—ãƒãƒ¼ãƒ -Bootstrapã§ã®æ—¥æœ¬èªžè¡¨ç¤ºæœ€é©åŒ– Honokaã®åˆ©ç”¨æ–¹æ³• Honokaã®ç‰¹å¾´ Honokaã¯ã€Bootstrapã§ã‚ˆã‚Šç¾Žã—ãæ—¥æœ¬èªžã‚’è¡¨ç¤ºã•ã›ã‚‹ã“ã¨ã«ã“ã ã‚ã£ãŸã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®ãƒ†ãƒ¼ãƒžãƒ•ã‚¡ã‚¤ãƒ«ã§ã€ã“ã‚Œã‚’ãƒ™ãƒ¼ã‚¹ã«Webã‚µã‚¤ãƒˆã‚’ä½œæˆã—ãŸã‚Šã€æ—¢ã«Bo
P88 2015/05/25
bootstrap

æ—¥æœ¬èªž

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

webåˆ¶ä½œ

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

web

bootstrap
ãƒªãƒ³ã‚¯
Bootstrapã§ä½œã‚‰ã‚ŒãŸã¨ã¯æ€ãˆãªã„ã»ã©æ´—ç·´ã•ã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®Webã‚µã‚¤ãƒˆã®ã¾ã¨ã‚
Bootstrapã§ä½œã‚‹ã¨ä¼¼ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã«ãªã£ã¦ã—ã¾ã†ã®ã§ã¯ï¼Ÿ ã¨ã€ä½¿ç”¨ã™ã‚‹ã®ã‚’èºŠèº‡ã—ã¦ã„ã‚‹äººã¯é–“é•ã„ã€‚ä½¿ã„æ–¹ã¯ã‚ãªãŸæ¬¡ç¬¬ã§ã™ã€‚ Bootstrapã‚’ä½¿ç”¨ã—ã¦åˆ¶ä½œã•ã‚Œã€ã•ã¾ã–ã¾ãªã‚¢ã‚¤ãƒ‡ã‚¢ãŒç››ã‚Šè¾¼ã¾ã‚ŒãŸæ´—ç·´ã•ã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®Webã‚µã‚¤ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
P88 2015/05/15
bootstrap

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

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

UI

css
ãƒªãƒ³ã‚¯
bootstrap-google-plusÂ·Google+é¢¨ã®Bootstrapãƒ†ãƒ¼ãƒž MOONGIFT
Bootstrapã®è‰¯ã„ã¨ã“ã‚ã¯æ§‹é€ ãŒæ¨™æº–åŒ–ã•ã‚ŒãŸã“ã¨ã§ã€å¤šãã®ãƒ†ãƒ¼ãƒžãŒä½œã‚‰ã‚Œã¦ã„ã‚‹ã¨è¨€ã†ã“ã¨ã§ã™ã€‚ã‚‚ã—ä½¿ã£ã¦ã„ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ãŒæ™‚ä»£é…ã‚Œã«ãªã£ã¦ããŸã¨æ€ã£ãŸã‚‰ã€ãƒ†ãƒ¼ãƒžã‚’å·®ã—æ›¿ãˆã‚‹ã“ã¨ã§ä¸€æ°—ã«æ–°é®®ã¿ã‚’å‡ºã™ã“ã¨ãŒã§ãã¾ã™ã€‚ ä»Šå›žã¯Bootstrapã‚’Google+é¢¨ã«ã—ã¦ãã‚Œã‚‹ãƒ†ãƒ¼ãƒžã€bootstrap-google-plusã‚’ç´¹ä»‹ã—ã¾ã™ã€‚Google+ãŒãã‚‚ãã‚‚â€¦ã’ãµã‚“ã’ãµã‚“ã€‚ bootstrap-google-plusã®ä½¿ã„æ–¹ Bootstrapã¨ã„ã†ã¨é»’ã„ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒãƒ¼ãŒå°è±¡çš„ãªãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ãŒã€bootstrap-google-plusã«ã™ã‚‹ã¨ã“ã‚“ãªæ„Ÿã˜ã«ãªã‚Šã¾ã™ã€‚ ã¾ã•ã«Google+ã£ã½ã„æ„Ÿã˜ã§ã™ã‚ˆãã€‚ æŠ•ç¨¿ã ã‘ã§ã‚‚ã„ãã¤ã‚‚ã®ãƒ‘ã‚¿ãƒ¼ãƒ³ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒšãƒ¼ã‚¸è¡¨ç¤ºã£ã½ã„æ„Ÿã˜ã€‚ ç´°ã‹ãªéƒ¨å“ã‚‚æ•°å¤šãæƒã£ã¦ã„ã¾ã™ã€‚ ãƒ¢ãƒ¼ãƒ€ãƒ«ã®ãƒã‚°ã‚¤ãƒ³ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã€‚ ãƒ¡ãƒ‹ãƒ¥ãƒ¼è¡¨ç¤ºã€‚ bootstra
P88 2015/05/11
Google+

bootstrap
ãƒªãƒ³ã‚¯
1