[B! cssãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯] akiueosã®ãƒ

akiueos id:akiueos

cssãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«é–¢ã™ã‚‹akiueosã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

Twitter Bootstrapã‚’ä½¿ã£ã¦çŸæ™‚é–“ã§WordPressãƒ†ãƒ¼ãƒžã‚’ä½œã‚‹ã€‚
Twitter Bootstrapã‚’ä½¿ã£ã¦çŸæ™‚é–“ã§WordPressãƒ†ãƒ¼ãƒžã‚’ä½œã‚‹ã€‚ 2012.11.15 | ã“ã®æ–¹æ³•ãŠå‹§ã‚ã§ã™ï¼ ã©ã†ã‚‚ã©ã†ã‚‚ã€ã“ã‚“ã«ã¡ã¯ã€‚WP-Limeã§ã™ã€‚ Limeã£ã¦é»„ç·‘è‰²ã‚‰ã—ã„ã§ã™ã€‚è‰²æ±ºã‚ã®æ™‚ã«ã€Facebookã‚’è¦‹ã¦ã„ãªã‹ã£ãŸã‚‰ã€ç©ºã„ã¦ã„ã‚‹è‰²ãŒç„¡ããªã£ã¦ã„ã¦é»„ç·‘è‰²ã«ãªã£ã¦ã—ã¾ã£ãŸã¨ã„ã†ã“ã¨ã§ã€ã„ã‚„ãã€ä½•äº‹ã‚‚ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§ã™ãªãã¨æ€ã£ã¦ã„ã‚‹æ´¾ã§ã™ã€‚ ã•ã¦ã€æŒã¡å›žã‚Šã§æœˆã«ï¼‘å›žæ›¸ã„ã¦ã„ã‚‹ã€ã“ã®ãƒ–ãƒã‚°ã§ã™ãŒã€ ï¼‘å›žç›®ã®è¨˜äº‹ã¯ã€ æ¡ˆä»¶ã®ä¾¡æ ¼æ±ºã‚ã‚’ã©ã†ã—ã¦ã„ã‚‹ã®ã‚ˆï¼Ÿ ï¼’å›žç›®ã®è¨˜äº‹ã¯ã€ ITå‹‰å¼·ä¼šã‚’è‡ªåˆ†ã§ä¸»å‚¬ã™ã‚‹ãƒ¡ãƒªãƒƒãƒˆãƒ»ãƒ‡ãƒ¡ãƒªãƒƒãƒˆã¨ã€ãã‚Œã‚‰ã‚’æœ‰æ–™orç„¡æ–™ã§é–‹ãåˆ¤æ–ã€‚ ï¼“å›žç›®ã®è¨˜äº‹ã¯ã€ æ”¯æ‰•ã‚µã‚¤ãƒˆï¼†å…¥é‡‘ã‚µã‚¤ãƒˆã«ã¤ã„ã¦è€ƒãˆã‚‹ã€‚ ã§ã—ãŸã€‚ ä»Šã¾ã§ã¯ã€ä»–ã®åŸ·ç†è€…ã¨ã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã®é–¢ä¿‚ã§ã€Webåˆ¶ä½œä»¥å¤–ã®ã“ã¨ã‚’æ›¸ãã¾ã—ãŸãŒã€ä»Šå›žåˆã‚ã¦åˆ¶ä½œå¯„ã‚Šã®ãŠè©±ã§ã™ã€‚ ã•ã¦ã€ã€Œã„ã‚„ãã€ä»Šæ—¥ã¯æ‰“ã¡åˆã‚
akiueos 2013/04/20
Bootstrap

wordpress

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

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

Bootstrap
ãƒªãƒ³ã‚¯
ä»Šå¹´æµè¡Œã‚Šã®ãƒ•ãƒ©ãƒƒãƒˆãªãƒ‡ã‚¶ã‚¤ãƒ³åˆ¶ä½œã«å½¹ç«‹ã¤CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚„PSDç´ æ
ã€Featherweight UIã€‘ãƒ™ã‚¯ã‚¿ãƒ¼ãƒ™ãƒ¼... / ã€Square UI Freeã€‘ãƒ•ãƒ©ãƒƒãƒˆãªUIã‚³... / ã€Flat UI Kitã€‘ãƒ•ãƒ©ãƒƒãƒˆãªUIã‚’æƒãˆãŸ...ä»–...å…¨8ä»¶
akiueos 2013/04/20
cssãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

Bootstrap
ãƒªãƒ³ã‚¯
HTML5 Ã— CSS3 Ã— jQueryã‚’çœŸé¢ç›®ã«å‹‰å¼· â€“ #17 Bootstrap ã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ã¦ã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ†ãƒ¼ãƒžã‚’ä½œã£ã¦ã¿ãŸ | DevelopersIO
ãƒˆãƒ¬ãƒ³ãƒ‡ã‚£ä¸”ã¤ãƒŠã‚¦ã„ Web ãƒšãƒ¼ã‚¸ã‚’æ§‹ç¯‰ã™ã‚‹ãŸã‚ã® CSS ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ï¼ˆâ€»æž çµ„ã¿ï¼‰ã§ã™ã€‚ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã„ã†ã¨ãªã‚“ã ã‹å¤§è¢ˆè£ŸãªéŸ¿ãã§ã™ãŒã€å®Ÿæ…‹ã¯å˜ãªã‚‹ CSS ã¨ JavaScript ã¨ã„ã†ï¼’ã¤ã®ãƒ†ã‚ã‚¹ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã ã‘ã§ç‰¹åˆ¥ãªä½¿ã„æ–¹ç‰ã‚‚ã‚ã‚Šã¾ã›ã‚“ã€‚åˆ©ç”¨è€…ã¯ã“ã‚Œã‚‰ã‚’ HTML ãƒ•ã‚¡ã‚¤ãƒ«ã«èªã¿è¾¼ã¾ã›ãŸã®ã¡ã€Bootstrap å´ã§æ—¢ã«å®šç¾©æ¸ˆã¿ã®ã‚¯ãƒ©ã‚¹ã‚’å„ HTML è¦ç´ ã«æŒ‡å®šã™ã‚‹ã ã‘ã§ã€è‡ªåˆ†ã¯ä¸€è¡Œã‚‚ CSS ã‚’æ›¸ãã“ã¨ãªãé«˜å“è³ªãª Web ãƒšãƒ¼ã‚¸ãŒä½œã‚Œã¦ã—ã¾ã£ãŸã‚Šã—ã¾ã™ã€‚ Twitter Bootstrap ã†ã‚è¦šãˆã§ã™ãŒã€2011å¹´ã®å¤é ƒã«æœ€åˆã®ãƒ¡ã‚¸ãƒ£ãƒ¼ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸ *1ã€‚å½“æ™‚ Twitter ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã§ç¾åœ¨ã¯ Github ã«ãŠå‹¤ã‚ä¸ã® Mark Otto æ°ã«ã‚ˆã£ã¦é–‹ç™ºã•ã‚Œã€2013å¹´4æœˆæ™‚ç‚¹ã§ã¯ãƒãƒ¼ã‚¸ãƒ§ãƒ³2.3.1ãŒæœ€æ–°ç‰ˆã¨ãªã£ã¦ã„ã¾ã™ã€‚ã¾ãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³3.0
akiueos 2013/04/20
Bootstrap

cssãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
ã‚¢ã‚¤ãƒ‡ã‚£ã‚¢ã‚’ã™ãã«å½¢ã«ã—ã‚ˆã†ï¼ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢å¿…è¦‹Bootstrapãƒ©ã‚¤ã‚¯ãªãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ãƒ¼ãƒžã¾ã¨ã‚ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‹ã‚‰ãƒ—ãƒãƒ¬ã‚¹ãƒ©ãƒ¼ã«æ˜‡æ ¼ã—ãŸå‹åˆ©ã§ã™ã€‚ (é¦–ã€å¤ªã„ã ã‚ï¼Ÿ) å¥½ããªæŠ€ã¯è¶é‡Žè¦ªåˆ†ã®ã€Œã‚±ãƒ³ã‚«ã‚ãƒƒã‚¯ã€ã§ã™ã€‚ ã•ã¦ã€ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®æ–¹ãªã‚‰èª°ã—ã‚‚ãŒé€šã‚‹ã¨æ€ã‚ã‚Œã‚‹ã€ã‚¢ã‚¤ãƒ‡ã‚£ã‚¢ã‚’æ€ã„ã¤ã„ãŸå¾Œã«å®Ÿè£…ã™ã‚‹éš›ã«é¿ã‘ã¦ã¯é€šã‚Œãªã„é“ã€ ãã†ã€ãƒ‡ã‚¶ã‚¤ãƒ³éƒ¨åˆ†ã®æ§‹ç¯‰ã€‚ èžã„ãŸã ã‘ã§ã‚‚ã†è•éº»ç–¹ãŒãŠã•ã¾ã‚‰ãªã„ã§ã™ãã€‚ ãã‚“ãªã¨ã£ã‹ã‹ã‚Šã®éƒ¨åˆ†ã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ãƒ„ãƒ¼ãƒ«ã€‚ ãã†ã€Twitter Bootstrapã€‚ Twitter BootStrapã¨ã¯ãƒ»ãƒ»ãƒ» Bootstrapã¯Webãƒ‡ã‚¶ã‚¤ãƒ³ãŒå¾—æ„ã§ã¯ãªã„ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢å‘ã‘ã«Twitterç¤¾ãŒé–‹ç™ºï¼æä¾›ã™ã‚‹CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ã“ã®Twitter Bootstrapã‚’åˆ©ç”¨ã™ã‚‹ã¨ã€ç°¡å˜ã«Twitterã£ã½ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã®Webã‚µã‚¤ãƒˆã‚’ä½œæˆã§ãã¾ã™ã€‚ ãŸã ã€Bootstrapã ã‘ã§ã¯ã‚‚ã®è¶³ã‚Šãªããªã£ãŸã‚ãªãŸã€‚ã‚„ã£ã±ã‚Šãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã¯å¤šæ•°ã‚‚ã£ã¨ã„ãŸæ–¹ãŒã„ã„ã§ã™ã‚ˆãã€‚ ãã‚“ãªã‚
akiueos 2013/04/20
Bootstrap

cssãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
ã€ŒCompassã€ã€åŸºç¤Žã‹ã‚‰å¿œç”¨ã¾ã§ï¼ | æ ªå¼ä¼šç¤¾LIG
ã“ã‚“ã«ã¡ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®çŽ‹ã§ã™ã€‚ ä»Šå›žã®è¨˜äº‹ã§ã¯Compassä½¿ã„ã«ãªã‚‹ãŸã‚ã®å¿…è¦æœ€å°é™ã®çŸ¥è˜ã‹ã‚‰å¿œç”¨ã¾ã§ã€ä½“ç³»çš„ã«ã²ã¨é€šã‚Šç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ å…¨ãã®åˆå¿ƒè€…ã§ã‚‚å•é¡Œã‚ã‚Šã¾ã›ã‚“ï¼ ã¯ã˜ã‚ã«çµè«–ã‚’è¨€ã†ã¨ã€Compassã§CSSã‚’æ›¸ãã¨ æ—©ã„ï¼ è¦‹ã‚„ã™ã„ï¼ ãƒ¡ãƒ³ãƒ†ã—ã‚„ã™ã„ï¼ ã‚³ãƒ¼ãƒ‰é‡ãŒãã£ã¨æ¸›ã‚‹ï¼ ä¸€åº¦ä½¿ã„å‡ºã—ãŸã‚‰æœ€å¾Œã€ã‚‚ã†å…ƒã«ã¯æˆ»ã‚Œãªã„ï¼ ä¸€ä½“ã©ã“ã¾ã§ä¾¿åˆ©ãªã®ã‹ãšã‚‰ãšã‚‰æ›¸ãã‚ˆã‚Šã‚‚ã€ç™¾èžã¯ä¸€è¦‹ã«ã—ã‹ãšï¼ ç°¡å˜ãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’é€šã—ã¦ã€å„ç‰¹å¾´ã«ã¤ã„ã¦ç´¹ä»‹ã—ãŸçŸã„ãƒ‡ãƒ¢å‹•ç”»ã‚’ç”¨æ„ã—ãŸã®ã§ã€ã¾ãšã¯ã“ã¡ã‚‰ã‚’è¦‹ã¦ãã ã•ã„ï¼ Compassã¨ã¯ï¼Ÿ Compassã‚’èªžã‚‹å‰ã«ã€ã¾ãšã¯ã€ŒSassã€ã‚’çŸ¥ã£ã¦ãŠãå¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ãªãœãªã‚‰ã€Compassã¯Sassã‚’å…ƒã«é–‹ç™ºã—ãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã ã‹ã‚‰ã§ã™ã€‚ Sassã¨ã¯ ã§ã¯ã€ŒSassã€ã¨ã¯ä½•ã‹ã¨è¨€ã†ã¨ã€æ£å¼åç§°ã¯ã€ŒSyntactically Awesome Style Sh
akiueos 2013/02/13
sass

compass

cssãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
1