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

sippo_des id:sippo_des

bootstrapã«é–¢ã™ã‚‹sippo_desã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (30)

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

ChatGPTã‚’åˆ©ç”¨ã—ã¦ç”»é¢ãƒ¢ãƒƒã‚¯ã‚’çˆ†é€Ÿã§ä½œæˆã™ã‚‹ - Taste of Tech Topics
ã“ã‚“ã«ã¡ã¯ã€æœ€è¿‘ã‚¹ãƒžãƒ›ã®ChatGPTã‚¢ãƒ—ãƒªã§ã€éŸ³å£°å…¥å‡ºåŠ›æ©Ÿèƒ½ã‚’ä½¿ã£ã¦ä¼šè©±ã‚’æ¥½ã—ã‚“ã§ã„ã‚‹å®‰éƒ¨ã§ã™ã€‚ çš†ã•ã‚“Webã‚¢ãƒ—ãƒªé–‹ç™ºãªã©ã§ã€ç”»é¢ãƒ¢ãƒƒã‚¯ã‚’ä½œæˆã—ãªã‘ã‚Œã°ã„ã‘ãªã„å ´é¢ã¯å¤šã„ã§ã™ã‚ˆãï¼Ÿ é©å½“ãªHTMLã‚’ä½œã£ãŸã‚Šã€ãƒ„ãƒ¼ãƒ«ã§å›³ç¤ºã—ãŸã‚Šã—ã¾ã™ãŒã€æ£ç›´é¢å€’ã§ã™ã€‚ ãã“ã§ä»Šå›žã¯ã€ChatGPTã«æœ€åˆã‹ã‚‰ç”»é¢ãƒ¢ãƒƒã‚¯ã‚’ä½œã£ã¦ã‚‚ã‚‰ã„ã¾ã™ã€‚ æœ€è¿‘ã¯ChatGPTã«ç”»åƒã‚’æ·»ä»˜ã§ãã‚‹ã‚ˆã†ã«ãªã£ãŸã®ã§æ‰‹æ›¸ãç”»åƒã‹ã‚‰HTMLã‚’å‡ºåŠ›ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ãŒã€ ã“ã®è¨˜äº‹ã§ã¯ç”»é¢è¦ç´ ã‚’è¨€è‘‰ã§æŒ‡å®šã—ã€HTMLã‚’å‡ºåŠ›ã—ã¦ã‚‚ã‚‰ã„ã¾ã™ï¼ˆé…ç½®ãªã©ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã€ã²ã¨ã¾ãšChatGPTã«ãŠä»»ã›ã—ã¦ã¿ã¾ã™ï¼‰ã€‚ ã§ã¯æ—©é€Ÿå§‹ã‚ã¾ã—ã‚‡ã†ã€‚ä½¿ç”¨ãƒ¢ãƒ‡ãƒ«ã¯GPT-4ã§ã™ã€‚ ç°¡å˜ãªå…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã‚’å‡ºåŠ›ã•ã›ã‚‹ ã¾ãšã¯ã€ã‚ˆãä½¿ã„ãã†ãªç°¡å˜ãªå…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã‚’å‡ºåŠ›ã—ã¦ã‚‚ã‚‰ã„ã¾ã™ã€‚ ã“ã“ã§ã¯ã€ã€Œæ›¸ç±ã‚’ç™»éŒ²ã™ã‚‹ç”»é¢ã€ã¨ã„ã†è¨å®šã§æŒ‡ç¤ºã‚’å‡ºã—ã¾ã™ã€‚ æ¬¡ã®ç”»é¢æ§‹æˆã®æ¡ˆã‚’ã€HT
sippo_des 2023/10/14
chatgpt

bootstrap

UI

web

webåˆ¶ä½œ

html
ãƒªãƒ³ã‚¯
ã€adminLTEã€‘ç®¡ç†ç”»é¢ã¨ã—ã¦ä½¿ã†ã¨ãã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã²ãªå½¢ã¨ã—ã¦ã¾ã¨ã‚ã¦ãŠã - ã¨ã‚Šã‚ãˆãšphpã¨ã‹
ã¯ã˜ã‚ã« bootstrapè£½ã®ç®¡ç†ç”»é¢ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€‚å®Ÿéš›ã«ä½¿ã£ã¦ã¿ãŸã‘ã©ã“ã‚Œã¯ä¾¿åˆ© è‡ªåˆ†ãŒä»•äº‹ã§ä½¿ã†å ´åˆã¯ã€ä»¥ä¸‹ãã‚‰ã„ãŒã‚ã‚Œã°ã¨ã‚Šã‚ãˆãšok ãƒ»ç”»é¢å·¦ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ ãƒ»ä¸€è¦§ç”»é¢ ãƒ»è©³ç´°ç”»é¢ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ cd ~/src/ wget https://almsaeedstudio.com/download/AdminLTE-master unzip ./AdminLTE-master cp -frp ./AdminLTE-master /Path/To/Documentroot/AdminLTE å®Ÿè£… ãƒ™ãƒ¼ã‚¹ã¨ãªã‚‹htmlã‚’æº–å‚™ ä¸è¦ãªéƒ¨åˆ†ã®å‰Šé™¤ã¨cssã¨jsã¸ã®ãƒ‘ã‚¹ã‚’åˆã‚ã›ã‚‹ ä»¥ä¸‹ãŒå…¨ç”»é¢å…±é€šã®htmlã§â˜…ã®éƒ¨åˆ†ã‚’ç”»é¢ã”ã¨ã«å®Ÿè£…ã—ã¦ã‚†ã ãƒ™ãƒ¼ã‚¹html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv=
sippo_des 2017/06/15
bootstrap

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

HTML

*webåˆ¶ä½œ

UI
ãƒªãƒ³ã‚¯
ã“ã†ã™ã‚Œã°ç†è§£ã§ãã‚‹Bootstrap 4ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã¨ãã®CSS - Qiita
äººæ°—ã®UIä½œæˆãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯Bootstrap 4ã§ã¯æ‰‹è»½ã«ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å®Ÿç¾ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ã¾ãŸã€å®šç¾©ã•ã‚Œã¦ã„ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚’å¦ã¶ã“ã¨ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ä½œã‚‹ä¸Šã§ã®CSSã®å‹‰å¼·ã«ã‚‚ãªã‚Šã¾ã™ã€‚æœ¬ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã¯å…¥é–€è¨˜äº‹ã®ä¸€ç’°ã¨ã—ã¦ã€Bootstrap 4ã§ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã®åŸºæœ¬ã«ã¤ã„ã¦è§£èª¬ã—ã¤ã¤ã€å®šç¾©ã•ã‚Œã¦ã„ã‚‹CSSã‚³ãƒ¼ãƒ‰ã®æ„å‘³ã«ã¾ã§è¸ã¿è¾¼ã¿ã¾ã™ã€‚ Bootstrap 4ã®ãƒ–ãƒ¬ãƒ¼ã‚¯ãƒã‚¤ãƒ³ãƒˆã¨åŒºé–“ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªWebã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§ã¯ãƒ‡ãƒã‚¤ã‚¹å¹…ã«ã‚ˆã£ã¦ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒå¤‰ã‚ã£ã¦ã„ãã®ã§ã™ãŒã€ã€Œã©ã®ç”»é¢å¹…ã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒå¤‰ã‚ã‚‹ã®ã‹ã€ã¨ã„ã†åŸºæº–ã«ãªã‚‹ã®ãŒã€Œãƒ–ãƒ¬ãƒ¼ã‚¯ãƒã‚¤ãƒ³ãƒˆã€ã§ã™ã€‚Bootstrap 4ã§ã¯4ã¤ã®ãƒ–ãƒ¬ãƒ¼ã‚¯ãƒã‚¤ãƒ³ãƒˆ(0pxã‚’å«ã‚ã‚‹ã¨5ã¤)ãŒå˜åœ¨ã—ã€ãã‚Œãžã‚Œã®ãƒ–ãƒ¬ãƒ¼ã‚¯ãƒã‚¤ãƒ³ãƒˆã®é–“ã«ã¯åå‰ãŒã¤ã„ã¦ã„ã¾ã™ã€‚4ã¤ã®ãƒ–ãƒ¬ãƒ¼ã‚¯ãƒã‚¤ãƒ³ãƒˆã¨5ã¤ã®åŒºé–“ï¼ˆgrid tierï¼‰ã®åå‰
sippo_des 2017/04/19
bootstrap

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Web

*webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
Bootstrap3ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’Gruntã§ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã™ã‚‹ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
sippo_des 2017/04/12
grunt

bootstrap
ãƒªãƒ³ã‚¯
Bootstrapã¨Material Design Liteã®é•ã„ã‚’å¾¹åº•æ¤œè¨¼ï¼å„ãƒã‚¤ãƒ³ãƒˆ10å€‹ã¾ã¨ã‚ | PhotoshopVIP
æµ·å¤–ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ–ãƒã‚°Tutorialzineã§å…¬é–‹ã•ã‚ŒãŸã€ŒComparing Bootstrap with Googleâ€™s New Material Design Liteã€ã‚ˆã‚Šè¨±å¯ã‚’ã‚‚ã‚‰ã„ã€æ—¥æœ¬èªžæŠ„è¨³ã—ã¦ã„ã¾ã™ã€‚ GoogleãŒã€Android 5.0ã®ç™»å ´ã¨ä¸€ç·’ã«å…¬é–‹ã—ãŸã€ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ï¼ˆè‹±: Material Designï¼‰ã¯å¤šãã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚„ã‚¢ãƒ—ãƒªãƒ‡ã‚¶ã‚¤ãƒ³ç”¨ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã—ã¦æ´»ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ã™ã§ã«ã€ã‚¦ã‚§ãƒ–ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ã¾ã¨ã‚ãŸMUIã‚„Material UIã€Polymerãªã©ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚‚å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ 2015å¹´7æœˆã¯ã˜ã‚ã«ã€Googleã¯ã‚ˆã‚Šæ‰‹è»½ã«ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æ´»ç”¨ã§ãã‚‹ã€æ–°ã—ã„ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€Œãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»ãƒ©ã‚¤ãƒˆï¼ˆè‹±: Material Design Liteï¼‰ã€ã‚’ç™ºè¡¨ã—ã¾ã—ãŸã€‚äººæ°—ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯Bootstrapã«æ¨™æº–ã‚’åˆã‚ã›ã¦ãŠã‚Šã€ä»Šå›žã¯ç•°
sippo_des 2017/03/29
ã€€ã“ã†ã„ã†ã®ã‚ã£ãŸã‚“ã

material design

bootstrap

ãƒžãƒ†ãƒªã‚¢ãƒ«

design

google

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

ã‚°ãƒªãƒƒãƒ‰

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

framework
ãƒªãƒ³ã‚¯
Bootstrapä½¿ã„æ–¹ãƒ¡ãƒ¢ï¼’ï¼ˆComponentsï¼‰ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
sippo_des 2016/12/21
ã€€Bootstrapã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¨ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒã„ã‚ã„ã‚è¼‰ã£ã¦ã„ã‚‹ã€‚

bootstrap

css

*webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
Bootstrapã®fileã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ãƒ•ã‚©ãƒ¼ãƒ ãŒãƒ€ã‚µã„ã‹ã‚‰è£…é£¾ã—ã¦ã¿ãŸ | vdeep
ã“ã‚“ã«ã¡ã¯ã€okutani(@okutani_t)ã§ã™ã€‚Bootstrapãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®input fileã¯ãªã‚“ã ã‹ãƒ€ã‚µã„ã§ã™ã€‚ãªãœã‚‚ã£ã¨Bootstrapæ„Ÿã‚’ãƒ€ã‚µãªã‹ã£ãŸã®ã‹â€¦â€¦ï¼ ã¨ã„ã†ã“ã¨ã§Bootstrapã£ã½ãå¤‰ãˆã¦ã¿ã¾ã—ãŸã€‚ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ã‹ä½•ã‚‚ä½¿ã‚ãªã„ã®ã§ã€æ°—è»½ã«è©¦ã›ã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚å‚è€ƒã«ã—ã¦ãã ã•ã„ã€‚ ã‚¹ãƒãƒ³ã‚µãƒ¼ãƒªãƒ³ã‚¯ Bootstrapã®fileãƒ•ã‚©ãƒ¼ãƒ ã‚’è£…é£¾ã™ã‚‹ ã¾ãšæœ€åˆã«ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®fileã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ãƒ•ã‚©ãƒ¼ãƒ ã‚’ç¢ºèªã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ä¸‹è¨˜HTMLã‚³ãƒ¼ãƒ‰ã§ç¢ºèªã§ãã¾ã™ã€‚ <div class="form-group"> <label for="exampleInputFile">File input</label> <input type="file" id="exampleInputFile"> <p class="help-block">â— ã€‡ã€‡MBã¾ã§ã®ç”»åƒã‚’ã‚¢ãƒƒãƒ—ãƒ
sippo_des 2016/12/16
bootstrap

ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰

file

*webåˆ¶ä½œ

design
ãƒªãƒ³ã‚¯
fslashtã®ã‚µã‚¢ãƒ©ãŸã‚“æ—¥è¨˜
ã‚ã‘ã¾ã—ã¦ãŠã‚ã§ã¨ã†ã”ã–ã„ã¾ã™ ã¯ã¦ãªå‡ºèº«ã®ãƒãƒ¼ãƒãƒ£ãƒ«ç¾Žå°‘å¥³ãƒ‰ã‚³ã‚«ãƒŽã†ã•ãŽã‚‚ä»Šå¹´ã§ãƒãƒ¼ãƒãƒ£ãƒ«æ´»å‹•3å¹´ç›®ï¼ æ¯Žå¹´æ–°ã—ã„ã“ã¨ã«ãƒãƒ£ãƒ¬ãƒ³ã‚¸ã—ã¦ã„ããŸã„ã€‚ ä»Šå¹´ã¯ã‚¢ã‚¤ãƒ‰ãƒ«ãƒ¦ãƒ‹ãƒƒãƒˆã€Œã‚¸ãƒ“ã‚¨ãƒ¼ã‚ºã€ã¨ã—ã¦ãƒãƒ¼ãƒãƒ£ãƒ«ã‚¢ã‚¤ãƒ‰ãƒ«æ´»å‹•ï¼ˆãƒãƒƒæ´»ï¼‰ãŒã‚“ã°ã£ã¦ã„ãã¾ã™ã€‚ â– ãƒ‰ã‚³ã‚«ãƒŽã†ã•ãŽã®æ–°æ˜¥ç•ªçµ„ çˆ†èª•ï¼ã‚¹ãƒ¼ãƒ‘ãƒ¼ã‚¢ã‚¤ãƒ‰ãƒ«ã‚¸ãƒ“ã‚¨ãƒ¼ã‚º ï½žãƒãƒ¯ã‚¤ã§ã‚¯ã‚¤ã‚ºå¤§ä¼šï¼Ÿï¼Ÿï¼Ÿï½žã€€ï¼ˆYouTubeã§1/2 21:00ã‹ã‚‰é…ä¿¡) www.youtube.com -- æ±é›²ã‚ãã¡ã‚ƒã‚“ãªã©äººæ°—ãƒãƒ¼ãƒãƒ£ãƒ«ã‚¿ãƒ¬ãƒ³ãƒˆã‚’æ“ã™ã‚‹Gugeka(R)å”åŠ›ã®ã‚‚ã¨é–‹å‚¬ã•ã‚Œã‚‹ã‚¯ã‚¤ã‚ºå¤§ä¼šã«å‡ºå ´ã—ã¾ã™ã€‚Gugenkaã‹ã‚‰ã¯äººæ°—ã‚°ãƒ«ãƒ¼ãƒ— ãƒãƒ”ãƒãƒˆã®ãƒãƒãƒ”å›ãŒå‡ºæ¼”ï¼é¹¿ã¨ã†ã•ãŽï¼ˆæ²™å½±ã¡ã‚ƒã‚“ã¨ãƒ‰ã‚³ã‚«ãƒŽã†ã•ãŽï¼‰ã®ã‚¢ã‚¤ãƒ‰ãƒ«ãƒ¦ãƒ‹ãƒƒãƒˆ ã‚¸ãƒ“ã‚¨ãƒ¼ã‚ºã®åˆã®å‡ºæ¼”ç•ªçµ„ã¨ãªã‚Šã¾ã™ã€‚1/2 21:00ã‹ã‚‰ãƒ‰ã‚³ã‚«ãƒŽã†ã•ãŽãƒãƒ£ãƒ³ãƒãƒ«ã§é…ä¿¡ï¼ ãƒãƒ¼ãƒãƒ£ãƒ«ã§ã®æ•°ã€…ã®ä¼ç”»ã‚’æ‰‹ãŒã‘ãŸçŠ¬ã®ä¼šé•·ã«ã‚ˆã‚‹ãƒ—ãƒãƒ‡
sippo_des 2016/12/02
ã«ãã®ã‚ˆã†ãªã‚‚ã®ãŒã‚ã‚‹ã®ã‹ãƒ¼ã€‚çŸ¥ã‚‰ãªã‹ã£ãŸ

bootstrap
ãƒªãƒ³ã‚¯
Bootstrap 4ã‚’ä½¿ã†ãªã‚‰Sassã‚’ä½¿ã£ã¦3å€å¹¸ã›ã«ãªã‚ã† - Qiita
Bootstrap 4ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç·¨é›†ã™ã‚‹ã«ã¯CSSã®æ›´æ–°ãŒå¿…è¦ã§ã™ãŒã€CSSã ã‘ã‚’ä½¿ã†ã‚ˆã‚Šã‚‚Bootstrap 4ã§å°Žå…¥ã•ã‚ŒãŸSassã‚’ä½¿ã†æ–¹ãŒåŠ¹çŽ‡çš„ã«ã‹ã¤ç´°ã‹ããƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã¾ã™ã€‚æœ¬ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã¯ã€Sassã‚’ä½¿ã£ãŸåŠ¹çŽ‡çš„ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Bootstrap 4ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ–¹æ³• Bootstrap 4ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆæ©Ÿèƒ½ã‚’ç”¨ã„ã€ã‚¿ãƒ–ã¨ãƒœã‚¿ãƒ³ã‚’å®Ÿè£…ã—ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ä¾‹ã«ã¨ã£ã¦èª¬æ˜Žã—ã¾ã™ã€‚ãƒ‡ãƒ¢ã¯jsdo.itã«ã‚¢ãƒƒãƒ—ã—ã¦ã„ã¾ã™ã€‚ ãªãŠã€åŸºæœ¬çš„ãªBootstrap 4ã®å°Žå…¥æ–¹æ³•ã«ã¤ã„ã¦ã¯è¨˜äº‹ã€Œ5åˆ†ã§å°Žå…¥ã§ãã‚‹Bootstrap 4 è¶…å…¥é–€ ã€œã‚¿ãƒ–ã‚’ä½œã£ã¦ã¿ã‚ˆã†ã€œã€ã‚’å‚ç…§ãã ã•ã„ã€‚ â–² Bootstrap 4ã‚’ä½¿ã£ã¦å®Ÿè£…ã—ãŸã‚¿ãƒ–ã¨ãƒœã‚¿ãƒ³ ã“ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«ã€ä¸‹è¨˜ã®ãƒ‡ã‚¶ã‚¤ãƒ³æ›´æ–°ã‚’åŠ ãˆã¦ã¿ã¾ã—ã‚‡ã†ã€‚ å…¨ä½“ã®è§’ä¸¸ã‚’ãªãã™ é’ã„èƒŒæ™¯éƒ¨åˆ†ã‚’èµ¤ã„èƒŒæ™¯ã«ã™ã‚‹ ãƒ‡ã‚¶ã‚¤
sippo_des 2016/11/29
SCSS

bootstrap

Sass
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§è¶…ç°¡å˜ã«Webã‚µã‚¤ãƒˆãŒä½œã‚Œã‚‹ï¼Bootstrap4å¯¾å¿œã®Webåˆ¶ä½œã‚¨ãƒ‡ã‚£ã‚¿ã€ŒPingendoã€ã®æ´»ç”¨ãƒ¯ã‚¶ã‚’ä¸€æŒ™å¤§å…¬é–‹ï¼ -
ã©ã†ã‚‚ã€ã¾ã•ã¨ã‚‰ã‚“ï¼ˆ@0310lanï¼‰ã§ã™ã€‚ ä»Šå›žã¯ã€ãƒžã‚¦ã‚¹æ“ä½œã§ç°¡å˜ã«ã€ŒBootstrap4ã€ã«å¯¾å¿œã—ãŸWebåˆ¶ä½œã‚’ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§è¡Œãˆã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã€ŒPingendoã€ã‚’ã”ç´¹ä»‹ã—ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ ä»¥å‰ã‹ã‚‰ã€PCå‘ã‘ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã¨ã—ã¦ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ã„ã¾ã—ãŸãŒã€æœ€è¿‘ã«ãªã£ã¦ãƒ™ãƒ¼ã‚¿ç‰ˆã§ã¯ã‚ã‚‹ã‚‚ã®ã®ã€ŒChromeãƒ–ãƒ©ã‚¦ã‚¶ã€ã‹ã‚‰ã§ã‚‚åˆ©ç”¨ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸï¼ ã€ Pingendo ã€‘ ã€ŒPingendoã€ã¯ã€åŸºæœ¬çš„ã«ãƒžã‚¦ã‚¹ã§ãƒãƒãƒãƒã¨ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã„ãã ã‘ã§ã€ç°¡å˜ã«è¦‹æ „ãˆã®è‰¯ã„Webã‚µã‚¤ãƒˆãŒä½œã‚Œã¦ã—ã¾ã†ä¾¿åˆ©ãªã‚µãƒ¼ãƒ“ã‚¹ã§ã™ã€‚ ã¾ãŸã€ä¸ãƒ»ä¸Šç´šè€…å‘ã‘ã«ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚‚ã™ã¹ã¦ç·¨é›†å¯èƒ½ã«ãªã£ã¦ã„ã‚‹ã®ã§ã€è‡ªåˆ†å¥½ã¿ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã™ã‚‹ã“ã¨ã‚‚å‡ºæ¥ã‚‹ã®ãŒç‰¹å¾´ã¨ãªã£ã¦ã„ã¾ã™ï¼ â– åŸºæœ¬çš„ãªä½¿ã„æ–¹ï¼ ãã‚Œã§ã¯ã€å®Ÿéš›ã«ã€ŒPingendoã€ã‚’ä½¿ã„ãªãŒã‚‰ã€ã©ã®ã‚ˆã†ãªã‚µãƒ¼ãƒ“ã‚¹ãªã®ã‹ã‚’è¦‹ã¦ã„ãã¾ã—ã‚‡ã†ã€‚ åˆ©ç”¨ã™ã‚‹ã«ã‚ãŸã‚Šã€é¢å€’ãªç™»éŒ²ã‚„ã‚¤ãƒ³ã‚¹
sippo_des 2016/11/08
ã€€ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã„ã‚‰ãªã„ã®ã‚¤ã‚¤ã‘ã©ã©ã†ã§ã—ã‚‡ã€‚

bootstrap
ãƒªãƒ³ã‚¯
Bootstrapã‚’LESSã§ä½¿ã†æ–¹æ³•
LESSã¨ã¯CSSãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µãƒ¼ã®ï¼‘ã¤ã§ã€ä¼¼ãŸã‚ˆã†ãªã‚‚ã®ã«SASSãŒã‚ã‚Šã¾ã™ã€‚CSSãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µã‚’ä¸€è¨€ã§èª¬æ˜Žã™ã‚‹ã¨ã€CSSã‚’ã‚‚ã£ã¨ä¾¿åˆ©ã«ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ã‚‚ã®ã€‚ ä¾‹ãˆã°å¤‰æ•°ã‚’ä½¿ã£ãŸã‚Šã€ã‚ˆãæ›¸ãã‚³ãƒ¼ãƒ‰ã‚’ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆåŒ–ï¼ˆMixinï¼‰ã—ã¦ãŠã„ãŸã‚Šã€ãƒã‚¹ãƒˆã‚’ä½¿ã£ã¦ã‚»ãƒ¬ã‚¯ã‚¿ã‚’ä½•åº¦ã‚‚æ›¸ãæ‰‹é–“ã‚’çœã„ãŸã‚Šãªã©ãªã©ã€‚ç°¡å˜ãªä½¿ã„æ–¹ã‚’ä»¥ä¸‹ã®è¨˜äº‹ã«ã¾ã¨ã‚ã¦ã„ã‚‹ã®ã§è©³ç´°ã¯ãã¡ã‚‰ã‚’ã”è¦§ãã ã•ã„ã€‚ SASSã®ç°¡å˜ãªä½¿ã„æ–¹ãƒ»æ›¸ãæ–¹ LESSã®æ›¸ãæ–¹ãƒ»ä½¿ã„æ–¹ ãã‚“ãªCSSãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µã§ã™ãŒã€Bootstrapã§ã¯LESSãŒä½¿ã‚ã‚Œã¦ã„ã¾ã™ï¼ˆSASSç‰ˆã‚‚ã‚ã‚Šã¾ã™ï¼‰ã€‚Bootstrapã®ä¸»ãªä½¿ã„æ–¹ã¨ã—ã¦ã¯ã€ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã—ã¦èªã¿è¾¼ã‚“ã§ã€HTMLã‚¿ã‚°ã«classåã‚’ã¤ã‘ã‚‹æ–¹æ³•ã ã¨æ€ã„ã¾ã™ãŒã€LESSã§ä½¿ã†ã“ã¨ã‚‚å¯èƒ½ã€‚ ä»¥ä¸‹ã«Bootstrapã‚’LESSã§è¨˜è¿°ã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Bootstrapã®ã‚½ãƒ¼ã‚¹ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒ
sippo_des 2016/06/02
bootstrap

less

*webåˆ¶ä½œ

ä½¿ã„æ–¹
ãƒªãƒ³ã‚¯
lessã‚’ä½¿ã£ã¦Bootstrapã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚º (1/5)
æœ€è¿‘ã‚ˆãè¦‹ã‹ã‘ã‚‹ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³å¡¾ã€‚ç¬¬2å›žã§ã¯ã€ãƒšãƒ¼ã‚¸ã®å¤§ã¾ã‹ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä½œæˆã—ã€Bootstrapã‚’ä½¿ã£ã¦ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒãƒ¼ã‚’å®Ÿè£…ã—ã¾ã—ãŸã€‚ä»Šå›žã¯lessãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ã¦ã€ã‚ªãƒªã‚¸ãƒŠãƒ«ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«è¿‘ã¥ã‘ã¦ã„ãã¾ã—ã‚‡ã†ã€‚ index.htmlã®<ulÂ class="navÂ navbar-nav">å†…ã®ãƒªãƒ³ã‚¯ã‚’æ›¸ãæ›ãˆã¾ã™ã€‚æ¤œç´¢ãƒ•ã‚©ãƒ¼ãƒ ã‚„ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯ä»Šå›žä½¿ã„ã¾ã›ã‚“ã®ã§å‰Šé™¤ã—ã¦OKã§ã™ã€‚ â– å¤‰æ›´å‰ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ï¼ˆindex.htmlã®ä¸€éƒ¨ã€ç·‘è‰²éƒ¨åˆ†ã‚’å¤‰æ›´ï¼‰  <divÂ class="collapseÂ navbar-collapse"Â id="bs-example-navbar-collapse-1"> <ulÂ class="na
sippo_des 2016/06/02
html

less

bootstrap

*webåˆ¶ä½œ

CSS3
ãƒªãƒ³ã‚¯
lessãŒã‚ã‹ã‚‰ãªã„äººã®Bootstrapç°¡å˜ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ–¹æ³• - Qiita
ã¯ã˜ã‚ã« ãƒ‡ã‚¶ã‚¤ãƒ³ã«æ‰‹ã‚’ã‹ã‘ãšã€ã¨ã‚Šã‚ãˆãšã‚¢ãƒ—ãƒªã‚’å‹•ã‹ã™ãŸã‚ã«Bootstrapã‚’ä½¿ã£ã¦ã„ã¾ã™ã€‚ ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ã¾ã¾ä½¿ãˆã‚‹ã‹ã¨æ€ã£ãŸã‚‰ã€ã‚„ã£ã±ã‚Šã¡ã‚‡ã“ã¡ã‚‡ã“èª¿æ•´ã—ãŸããªã£ãŸã®ã§ãƒ¡ãƒ¢ã€‚ 2ã¤ã®ã‚„ã‚Šæ–¹ å ´åˆã«ã‚ˆã£ã¦æ¬¡ã®ã‚„ã‚Šæ–¹ã‚’ä½¿ã„åˆ†ã‘ã¦ã„ã¾ã™ã€‚ä½¿ã„åˆ†ã‘ã¯å¾Œè¿°ã—ã¾ã™ã€‚ CSSã‚’ä¸Šæ›¸ãã™ã‚‹ ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºç”¨ã®cssãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä½œã£ã¦bootstrapã®CSSã‚ˆã‚Šå¾Œã‹ã‚‰èªã¿è¾¼ã¿ã¾ã™ã€‚  <link href="/xxx/public/bootstrap-3.0.3-dist/dist/css/bootstrap.min.css" rel="stylesheet">  <link rel="stylesheet" media="screen" href="/xxx/public/stylesheets/bootstrap-custom
sippo_des 2016/04/05
bootstrap

css

less

Bootstrapã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚º
ãƒªãƒ³ã‚¯
Bootstrapå®Ÿè·µç·¨ ã‚¹ã‚±ãƒ«ãƒˆãƒ³ã‚µã‚¤ãƒˆã‹ã‚‰åˆ¶ä½œã™ã‚‹Webåˆ¶ä½œçŸç¸®æ–¹æ³•ï¼ˆï¼‘ï¼‰ - ãƒžãƒ³ã‚¬ã§ãªã‚Œã‚‹ï¼ŸWEBãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼è¬›åº§
ãˆã£ï¼ï¼ŸHTMLã ã‘ã§ã§ãã‚‹ã‚“ã§ã™ã‹ã€‚ ç§ã¯ã‚¤ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ã¨ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¤ãƒ¡ãƒ¼ã‚¸æ¹§ã‹ãªã„ã‹ã‚‰è‹¦æ‰‹ãªã‚“ã§ã™ã‚ˆã€œã€‚ é€†ã«é…ããªã£ã¡ã‚ƒã„ã¾ã™ã‚ˆã€‚ ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã ã£ã¦ã„ã‚ã„ã‚ä¿®æ£å¤‰æ›´ã¨ã‹è¨€ã£ã¦ããã†ã˜ã‚ƒãªã„ã§ã™ã‹ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’åŒæ™‚ã«ä¿®æ£ã™ã‚‹ãªã‚“ã¦å¤§å¤‰ã™ãŽã¾ã™ã€‚ ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã¨æ¡ˆä»¶å†…å®¹ã«ã‚‚ã‚ˆã‚Šã¾ã™ãŒã‚¹ã‚±ãƒ«ãƒˆãƒ³ã‚µã‚¤ãƒˆï¼ˆãƒ¯ã‚¤ãƒ¤ãƒ¼HTMLï¼‰ã‹ã‚‰è¦‹ã›ãªãŒã‚‰åˆ¶ä½œã—ãŸæ–¹ãŒãƒ‡ã‚¶ã‚¤ãƒ³ãŒé€šã‚Šã‚„ã™ãç´å¾—ã•ã‚Œã‚„ã™ã„äº‹ãŒå¤šã‹ã£ãŸã§ã™ã€‚ åˆæœŸã®æ®µéšŽã§ã‚µã‚¤ãƒˆã®éª¨æ ¼ãŒã™ã§ã«æ±ºã¾ã£ã¦ã„ã‚‹ã®ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°æ™‚é–“ã‚’å¤§å¹…ã«çŸç¸®ã™ã‚‹äº‹ã‚‚å¯èƒ½ã§ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ä½œæ¥ã«é›†ä¸ã§ãã¾ã™ã€‚ ï¼ˆâ€»å…¨ã¦ã®æ¡ˆä»¶ã«å¯¾å¿œã§ãã‚‹ã‚ã‘ã§ã¯ãªã„ã®ã§æ¡ˆä»¶ã«ã‚ˆã£ã¦ã¯ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã‚’å¤‰æ›´ã™ã‚‹å¿…è¦ã‚‚ã‚ã‚Šã¾ã™ï¼‰ ä»Šå›žç´¹ä»‹ã™ã‚‹ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ ï¼ˆï¼‘ï¼‰ã‚¹ã‚±ãƒ«ãƒˆãƒ³ï¼ˆéª¨æ ¼ï¼‰ã‚µã‚¤ãƒˆåˆ¶ä½œ Bootstrap3ã®ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã‚’ä½¿ã£ã¦ä½œæˆã™ã‚‹ ï¼ˆï¼’ï¼‰ãƒ‡ã‚¶ã‚¤ãƒ³ä½œæ¥
sippo_des 2016/04/05
UI

CSS3

bootstrap
ãƒªãƒ³ã‚¯
ã‚³ãƒ”ãƒšã§ã§ãã‚‹Bootstrap3ã€ç°¡å˜ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–(Grid System)ã•ã›ã¦ã¿ã‚ˆã†ã€ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã€‘ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
sippo_des 2016/03/16
bootstrap

responsive

grid
ãƒªãƒ³ã‚¯
Webåˆ¶ä½œæ™‚ã«å‚™ãˆã¦ãŠããŸã„ä¾¿åˆ©ãªãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã®ã¾ã¨ã‚ -Bootstrap, WordPress, CSS3, Git, SublimeTextãªã©
Bootstrapã‚„Foundationãªã©äººæ°—ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€CSSã®å„ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®æ¯”è¼ƒã€WordPressã®ãƒ†ãƒ¼ãƒžä½œæˆã‚„ã‚³ãƒ”ãƒšã§åˆ©ç”¨ã§ãã‚‹ã‚³ãƒ¼ãƒ‰é›†ã€Gitã®ã‚³ãƒžãƒ³ãƒ‰ã‚„ãƒ•ãƒãƒ¼ã€iOS/Androidã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã€Chromeã®ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ãƒ„ãƒ¼ãƒ«ã‚„SublimeTextã‚„Emmetãªã©ã€Webåˆ¶ä½œã«å½¹ç«‹ã¤ä¾¿åˆ©ãªãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ç´¹ä»‹ã—ã¦ã„ã‚‹ä¸»ãªãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ Bootstrap 3, Foundation 5ã®ãƒãƒ¼ã‚·ãƒ¼ãƒˆ CSSã®å„ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®æ¯”è¼ƒ WordPressã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ iOS, Androidã®ãƒ‡ã‚¶ã‚¤ãƒ³ç”¨ã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ jQueryã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ HTML5, CSS3ã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ ãƒ•ã‚¡ãƒ“ã‚³ãƒ³ã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³æœ€é©åŒ–2015å¹´ç‰ˆã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ Chromeã®ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ãƒ„ãƒ¼ãƒ«ã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ SublimeText, Emmetã®ãƒãƒ¼
sippo_des 2015/06/12
ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ

css3

ä¾¿åˆ©

bootstrap

SublimeText

*webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
æ£å¼ç‰ˆã®Bootstrap3ã§å€‹äººçš„ã«è¦šãˆã¦ãŠããŸã„ã¨ã“ã‚ | ãƒ¡ãƒ¢ | mkasumi.com
Bootstrap3ã§ã¯ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ãŒå¤§ããå¤‰æ›´ã—ã¾ã—ãŸã€‚ ã‚¯ãƒ©ã‚¹ã®æ›¸ãæ–¹ã‚‚ãã†ã§ã™ã—ã€2.3.2ã®ã¨ãã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ã¨ãã¯å¼·åˆ¶çš„ã«ï¼‘ã‚«ãƒ©ãƒ ã«ãªã£ã¦ã„ãŸã®ã§ã™ãŒã€Bootstrap3ã«ãªã£ã¦ã‹ã‚‰ã¯ï¼’ã‚«ãƒ©ãƒ ã‚„ï¼“ã‚«ãƒ©ãƒ ãªã©è‡ªç”±ã«ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ã“ã¡ã‚‰ã®ãƒšãƒ¼ã‚¸ã‚’è¦‹ã¦ã„ãŸã ãã¨å‹•ããŒè¦‹ã‚Œã¾ã™ã®ã§ä¾¿åˆ©ã‹ã¨æ€ã„ã¾ã™ã€‚ ã¡ãªã¿ã«ã€RC1ã®ã¨ãã¨ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ã‚ºã®ã¨ãã«ä½¿ã†ã‚¯ãƒ©ã‚¹åãŒå¤‰ã‚ã£ã¦ã„ã¾ã™ã®ã§ã€RC1ã‚’ã”åˆ©ç”¨ä¸ã®æ–¹ã¯ã”æ³¨æ„ãã ã•ã„ãã€‚å‰ã®ã®ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã®ã‚ãƒ£ãƒ—ãƒãƒ£ãŒå‰ã«æ›¸ã„ãŸè¨˜äº‹ã«ã‚ã‚Šã¾ã—ãŸã®ã§ã€RC1ã§ã®ã‚¯ãƒ©ã‚¹åã‚’ã”ç¢ºèªã—ãŸæ–¹ã¯ã”è¦§ãã ã•ã„ã€‚ Non-responsive Bootstrapã¯ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œãŒæ¨™æº–ã«ãªã£ãŸBootstrap3ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã•ã›ãªã„ã‚µãƒ³ãƒ—ãƒ«ã®ãƒšãƒ¼ã‚¸ã§ã™ã€‚æ¨™æº–ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«ãªã‚Šã¾ã™ãŒã€non-responsiveã«ã™ã‚‹ã“ã¨ã‚‚ã§ãã€PCã‚µã‚¤ãƒˆ
sippo_des 2015/03/31
ãŠã•ãˆã‚‹ã€ã€

bootstrap
ãƒªãƒ³ã‚¯
Bootstrap3ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–æ©Ÿèƒ½ã‚’ç„¡åŠ¹ã«ã™ã‚‹æ–¹æ³• | ITå¥³åã®ãŠæ°—ã«å…¥ã‚Šãƒ•ã‚©ãƒ«ãƒ€
ç¶šã‘ã¦Bootstrap3ãƒã‚¿ã§ã™ã€‚ã©ã‚“ã ã‘Bootstrap3å¥½ããªã‚“ã ã‚ˆã£ã¦æ„Ÿã˜ã§ã™ãŒã€Bootstrap3ã‚’ä½¿ã£ãŸæ§‹ç¯‰ãŒç¶šã„ã¦ã„ã‚‹ã®ã§ã“ã†ãªã£ã¡ã‚ƒã†ã®ã§ã™ã€‚ ã§ã€ä»Šå›žã¯ã€Bootstrap3ã‚’åˆ©ç”¨ã™ã‚‹ã‚‚ã®ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–æ©Ÿèƒ½ã¯ä½¿ã‚ãªã„ã£ã¦æ™‚ã€ã‚€ã—ã‚ã‚¸ãƒ£ãƒžã«ãªã£ã¡ã‚ƒã†æ™‚ã®å¯¾ç–ã§ã™ã€‚ ãã®å ´åˆã§ã‚‚Bootstrapã®æœ¬ä½“ã‚’ã„ã˜ã‚‹å¿…è¦ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ã¡ã‚ƒã‚“ã¨ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–æ©Ÿèƒ½ã‚’ç„¡åŠ¹ã«ã™ã‚‹CSSãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ã‚ã‚ŠãŒãŸã„ã€‚ ä»¥ä¸‹ã®cssã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦bootstrap.min.cssã®å¾Œã§èªã¿è¾¼ã¿ã¾ã™ã€‚ non-responsive.css ãã‚ã—ãã¯ã‚³ã‚³â†“ã«æ›¸ã„ã¦ã‚ã‚Šã¾ã™ã€‚è‹±èªžã ã‘ã©ã€‚ http://getbootstrap.com/getting-started/#disable-responsive è¶…ç°¡å˜ã«è¨³ã™ã¨ã€  <meta name=
sippo_des 2015/03/31
éžãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã€éžãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³

bootstrap
ãƒªãƒ³ã‚¯
ã¯ã˜ã‚ã« | Bootstrap éžå…¬å¼æ—¥æœ¬èªžç‰ˆ@wivern.com
ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ Bootstrap (ç¿»è¨³å¯¾è±¡ãƒãƒ¼ã‚¸ãƒ§ãƒ³ v3.3.5) ã«ã¯ã€ã•ã¾ã–ã¾ãªç†Ÿç·´åº¦ã‚„ç”¨é€”ã«å¿œã˜ã¦ã€ã™ãã«å§‹ã‚ã‚‰ã‚Œã‚‹ç°¡å˜ãªæ–¹æ³•ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ã©ã‚ŒãŒã‚ãªãŸã®ãƒ‹ãƒ¼ã‚ºã«åˆã†ã‹ã€èªã¿é€šã—ã¦è¦‹ã¤ã‘ã¦ãã ã•ã„ã€‚ Bootstrap ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã•ã‚Œã¦åœ§ç¸®ã•ã‚ŒãŸ CSS ã¨ JavaScript ã¨ãƒ•ã‚©ãƒ³ãƒˆã€‚ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚„ã‚½ãƒ¼ã‚¹ãƒ•ã‚¡ã‚¤ãƒ«ã¯å«ã¾ã‚Œã¦ã„ã¾ã›ã‚“ã€‚ Bootstrap ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰
sippo_des 2015/03/31
*webåˆ¶ä½œ

CSS3

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

ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³

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

*webåˆ¶ä½œ

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