[B! sass] asa_ca3ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

asa_ca3 id:asa_ca3

sassã«é–¢ã™ã‚‹asa_ca3ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (11)

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

The Blog | Welcome to Adobe Blog
The Blog | Welcome to Adobe Blog ã‚¢ãƒ‰ãƒ“ã®ãƒ–ãƒã‚°ã§ã¯ã€Creative Cloudã€Document Cloudã€Experience Cloudã®æœ€æ–°æƒ…å ±ã‚„å½¹ã«ç«‹ã¤æƒ…å ±ã‚’ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚
asa_ca3 2017/11/09
css

Brackets

sass

SCSS

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°
ãƒªãƒ³ã‚¯
CSSã¨Sassã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚’ä½œã£ã¦ã¿ãŸ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? CSS Styleguide CSSã«ã¯ã‚¹ã‚³ãƒ¼ãƒ—ã¨ã„ã†æ¦‚å¿µãŒå˜åœ¨ã—ãªã„ã®ã§ã‚³ãƒ¼ãƒ‰ã‚’æŒ‡å®šã™ã‚‹é †ç•ªã‚’ç®¡ç†ã—ã¦ã‚«ã‚¹ã‚±ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’æ„å›³ã—ãŸé€šã‚Šã«ãŠã“ãªã‚ã›ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã¾ãŸã€ã‚¤ãƒ³ãƒ‡ãƒ³ãƒˆã‚„å‘½åè¦å‰‡ãªã©å¥½ã¿ã‚„è€ƒãˆæ–¹ãŒç•°ãªã‚‹ã“ã¨ã‚‚å¤šã„ã§ã™ã€‚ ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã¯çŸ¥è˜ã‚’å…±æœ‰ã™ã‚‹ã“ã¨ã§èªè˜ã®ã‚ºãƒ¬ã‚’ã§ãã‚‹ã ã‘ç„¡ãã—ã€åˆ¶ä½œã‚’ã™ã‚‹ä¸Šã§ã®ç´„æŸäº‹ã‚’æ±ºã‚ã‚‹ã“ã¨ã ã‚ã†ã¨è€ƒãˆã¦ã„ã¾ã™ã€‚ä»¥ä¸‹ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¯CSSã¨Sassï¼ˆscssè¨˜æ³•ï¼‰ã‚’æ‰±ã†ä¸Šã§ãƒ™ã‚¿ãƒ¼ã ã¨è€ƒãˆã¦ã„ã‚‹ã“ã¨ã‚’ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã¨ã—ã¦ã¾ã¨ã‚ãŸã‚‚ã®ã§ã™ã€‚ ã“ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¯2015å¹´11æœˆ15æ—¥å…¬é–‹ï¼ˆ2016å¹´1æœˆ1
asa_ca3 2017/08/04
css

sass

ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰

ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³

styleguide
ãƒªãƒ³ã‚¯
Flipsblog.jp
ã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹ä¸Šã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãŒãƒ¯ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã«ãªã£ãŸã‚Šã€ç…®è©°ã¾ã£ãŸã‚Šã™ã‚‹ã¨æ€ã„ã¾ã™ã€‚ãã‚“ãªæ™‚ã€Instagram ã‚’ä½¿ã‚ãªã„æ‰‹ã¯ã‚ã‚Šã¾ã›ã‚“ä¸–ç•Œä¸ã®ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³æº¢ã‚Œã‚‹ã‚¢ãƒ¼ãƒˆç³»ã®ç™ºä¿¡ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ç³»ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒãŸãã•ã‚“å‚ç…§ã§ãã¾ã™æœ¬è¨˜äº‹ã§ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ’ãƒ³ãƒˆã«ãªã‚‹ã“ã¨é–“é•ã„ãªã—ã®æµ·å¤–ã®ã‚¢ãƒ¼ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ç³»ã® Instagram ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚
asa_ca3 2015/07/31
download

SVG

png

generator

color

XML

sass

design
ãƒªãƒ³ã‚¯
æ±šã„cssã‚’æ•´å½¢ã™ã‚‹Webã‚¢ãƒ—ãƒªã€Œcss2scssã€ã§ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã—ãŸéš›ã€ã€Œãƒ¤ãƒã„ã€ã¨æ„Ÿã˜ãŸï¼“ã¤ã®æ©Ÿèƒ½ã¨ï¼“ã¤ã®ç‚¹ - Qiita
#ã‚ã‚‰ã¾ã— åˆ¥ã®æ¥è€…ãŒæ§‹ç¯‰ã—ãŸã¨ã„ã†å®¢å…ˆã®ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã®cssãŒéžå¸¸ã«èªã¿ã¥ã‚‰ãã€ èª°ã‚‚æ‰‹ãŒä»˜ã‘ã‚‰ã‚Œã¦ãªã„çŠ¶æ…‹ã§ãƒ¤ãƒã„ï¼ˆcompactã®çŠ¶æ…‹ã§ç´„350è¡Œï¼‰ã€‚ ãã“ã§ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã‚’ã—ã‚ˆã†ã¨æ€ã£ãŸéš›ã«ã€è€ƒãˆãŸã€‚ ã€Œã©ã†ã›ãªã‚‰sass/scsså¯¾å¿œã«ã—ãŸæ–¹ãŒå¯èªæ€§ã‚‚å¯ç”¨æ€§ã‚‚ä¸ŠãŒã‚‹ï¼ãƒ¤ãƒã„ï¼ã€ sass/scss â†’ css ã¯å½“ãŸã‚Šå‰ã¨ã—ã¦ã€ css â†’ sass/scss ã£ã¦å‡ºæ¥ã‚‹ã®ã‹ã‚ˆã€ã¨æ€ã„èª¿ã¹ã¦ã¿ã‚‹ã¨ã€æ•°å€‹ç™ºè¦‹ã—ãŸã€‚ ãã®ã†ã¡ã®ï¼‘ã¤ã€ä»Šå›žã”ç´¹ä»‹ã™ã‚‹ã€Œcss2scssã€ãŒéžå¸¸ã«ã‚¨ãƒ¬ã‚¬ãƒ³ãƒˆã ã£ãŸã€‚ å®Ÿéš›ã«ä½¿ç”¨ã—ã¦æ„Ÿæ¿€ã—ã¦è½èƒ†ã—ãŸãƒã‚¤ãƒ³ãƒˆã‚’ã€ãã‚Œãžã‚Œï¼“ã¤ã«çµžã£ã¦ã”ç´¹ä»‹ã€‚ css2scss sass/scssã«ã¤ã„ã¦ã¯ã€ã¾ãšã¯ã‚¢ãƒ¬ãªcssã‚’çªã£è¾¼ã‚“ã§ã¿ã¦æŒ™å‹•ã‚’ç¢ºèªã—ã¦é ‚ã‘ã‚Œã°å¹¸ã„ã€‚ ã¾ãŸã€ä¸‹è¨˜ã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ãŒç·æ‹¬çš„ã§è§£ã‚Šã‚„ã™ã„ã€‚ã”ä¸€èªã‚ã‚Œã€‚ Sass 3.2 ã‚ªãƒ¬ã‚ªãƒ¬ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ ãƒ¤ãƒã„ã‚’
asa_ca3 2015/02/12
SCSS

css

sass

css3

ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°
ãƒªãƒ³ã‚¯
Bootswatchã®ãƒ†ãƒ¼ãƒžã‚’Railsã§ä½¿ã£ã¦ã¿ã‚‹ - === SANDmark 19106 === beginning stress test
ãªã‚“ã ã‹æœ€è¿‘æµè¡Œã‚Šã®Bootstrapã€‚ åƒ•ã¯ã‚‚ã£ã±ã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³ãŒè‹¦æ‰‹ã§ï¼ˆã‹ã¨ã„ã£ã¦ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚‚å¾—æ„ã§ã¯ãªã„ã‚“ã ã‘ã©ï¼‰ ãã‚“ãªäººã«ã¨ã£ã¦ã¯å¤§å¤‰ã‚ã‚ŠãŒãŸã„å˜åœ¨ã§ã™ã€‚ ã—ã‹ã—ã€ã€Œä»Šé¢¨ã€ã®é›°å›²æ°—ã«ãªã£ã¦SUGEEEEEEã¨èˆˆå¥®ã™ã‚‹ã®ã‚‚æœ€åˆã ã‘ã€‚ åƒ•ã«ã¯ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãªã‚“ã¦ã¨ã¦ã‚‚ã§ããªã„ã€‚ ç‹¬è‡ªæ€§ã‚’ã‚¢ãƒ”ãƒ¼ãƒ«ã™ã‚‹ãŸã‚ã«ã¯ã€Twitter Bootstrapã¯ã‚ã¾ã‚Šã«ã‚‚æœ‰åã™ãŽã€åƒ•ã«ã¯ãƒ‡ã‚¶ã‚¤ãƒ³èƒ½åŠ›ãŒç„¡ã„ã‚“ã§ã™ã€‚ ãã“ã§ã€Twitter Bootstrapã®ã„ã‚ã„ã‚ãª "ãƒ†ãƒ¼ãƒž" ã‚’é›†ã‚ãŸ Bootswatch: Free themes for Bootstrapã«åŠ©ã‘ã‚’ä¹žã†ã“ã¨ã«ã—ã¾ã—ãŸã€‚ ãƒ‘ãƒƒã¨è¦‹ã€ã„ã‚ã‚“ãªæ„å‘³ã§éš™ãŒç„¡ã•ãã†ã§ã™ãŒã€ Ruby1.9.3 + Rails3.2ã§ãƒãƒžã£ãŸã®ã§ãƒ¡ãƒ¢ã€‚ï¼ˆãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯ã‚ã‚“ã¾ã‚Šé–¢ä¿‚ãªã„ã¨æ€ã†ã‘ã©ä¸€å¿œï¼‰ ã¾ãšã¯ã€å½“ç„¶ã§ã™ãŒRailså…ˆç”Ÿã«TwitterBootstr
asa_ca3 2013/08/21
twitter

bootstrap

theme

sass

rails
ãƒªãƒ³ã‚¯
SSSSLIDE
asa_ca3 2013/08/21
ãƒ‡ã‚¶ã‚¤ãƒ³

sass

rails
ãƒªãƒ³ã‚¯
ã€CyberAgentã€‘æŠ€è¡“æƒ…å ±ï¼TechReport - ãƒ†ãƒƒã‚¯ãƒ¬ãƒãƒ¼ãƒˆï¼Sass 3.2 ã‚ªãƒ¬ã‚ªãƒ¬ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ | æ ªå¼ä¼šç¤¾ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆ
æ¦‚è¦ CSSã®ãƒ¡ã‚¿è¨€èªž Sass(Syntactically Awesome StyleSheets) ã«ã¤ã„ã¦ã€å¿ƒã‚’è¾¼ã‚ã¦èªžã‚Šã¾ã™ã€‚ 2012å¹´8æœˆã«é‡è¦ãªæ–°æ©Ÿèƒ½ã‚’å«ã‚“ã ãƒãƒ¼ã‚¸ãƒ§ãƒ³3.2ã®ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆãŒã‚ã£ãŸã®ã§ã€ æ—¢ã«ä½¿ã£ã¦ã„ã‚‹äººã¸ã®æ–°æ©Ÿèƒ½ç´¹ä»‹ã‚‚å…¼ãã¦ã„ã¾ã™ã€‚ Webç‰ˆã¯ã“ã¡ã‚‰ http://tenderfeel.github.com/SassReference/ ç›®æ¬¡ ã¯ã˜ã‚ã« 2å¹´å‰ãã‚‰ã„ã¯ã¾ã CSS3ã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ãªã©ã¯è¶£å‘³ãƒ¬ãƒ™ãƒ«ã§ã—ã‹ä½¿ãˆãªã„ãƒžãƒ‹ã‚¢ãƒƒã‚¯ãªã‚‚ã®ã§ã—ãŸãŒã€ ã‚¹ãƒžãƒ›ãŒå¹…ã‚’åŠ¹ã‹ã›ã‚‹ã‚ˆã†ã«ãªã£ã¦ã‹ã‚‰ã¨ã„ã†ã‚‚ã®ã€CSSã‚’ä½¿ã†ç’°å¢ƒã¯éšåˆ†ã¨æ§˜å¤‰ã‚ã‚Šã—ã¦ã„ã¾ã™ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ãŒLevel3ã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã«å¯¾å¿œã™ã‚‹ã‚ˆã†ã«ãªã‚‹ã¨ã€CSSã§å‡ºæ¥ã‚‹ã“ã¨ãŒå¢—ãˆã‚‹ã®ã¨å¼•ãæ›ãˆã«ã€è¡¨ç¾ã™ã‚‹ãŸã‚ã®è¨˜è¿°ã¯è¤‡é›‘ãªã‚‚ã®ã«ãªã‚Šã¾ã—ãŸã€‚ ãŸã ã§ã•ãˆã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ãŒå·¨å¤§åŒ–å‚¾å‘ã«ã‚ã‚‹ã®ã«ã€ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹
asa_ca3 2013/04/21
sass

scss

less
ãƒªãƒ³ã‚¯
Introduction to Sass and How to Setup with Mac + Coda
2014å¹´7æœˆ31æ—¥ CSS, ä¾¿åˆ©ãƒ„ãƒ¼ãƒ« ã€ŒSassã€ã£ã¦èžã„ãŸã“ã¨ã‚ã‚Šã¾ã™ã‹ï¼Ÿã™ã£ã”ãç°¡å˜ã«è¨€ã†ã¨ã€CSSã‚’ã‚‚ã£ã¨ä¾¿åˆ©ã«ãƒ»åŠ¹çŽ‡è‰¯ãè¨˜è¿°ã™ã‚‹ãŸã‚ã®ã‚‚ã®ã§ã™ã€‚ã¨ã¯è¨€ãˆåŸºæœ¬çš„ãªæ›¸ãæ–¹ã¯CSSã¨åŒã˜ãªã®ã§ã€ã€Œæ–°ã—ã„ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã€ã¨ã„ã†ã‚ˆã‚Šã€ŒCSSã®æ–°ã—ã„è£…å‚™å“ã€ã¨ã„ã£ãŸã¨ã“ã‚ã§ã—ã‚‡ã†ã‹ã€‚ä¸€è¦‹é›£ã—ãæ€ãˆã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€æ…£ã‚Œã‚‹ã¨ã€Œã“ã‚Œãªã—ã§ã¯ã„ã‚‰ã‚Œãªã„ï¼ã€ã¨ã¾ã§æ€ãˆã‚‹Sassã®é…åŠ›ã¨ã€Macã§ã®è¨å®šæ–¹æ³•ã¯ã‚ã¾ã‚Šè¦‹ãªã„ãªãƒ¼ã¨ã„ã†äº‹ã§Macï¼‹Codaã§ã®è¨å®šæ–¹æ³•ã‚‚ç´¹ä»‹ã—ã¾ã™ã€‚ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ Sassã¨ã¯ æ—¥æœ¬èªžã§ã¯ã€Œã‚µã‚¹ã€ã¨èªã¾ã‚Œã‚‹ã‚ˆã†ã§ã™ã€‚æ‹¡å¼µåã¯ã€Œ.scssã€ã€‚ä»Šã¾ã§ã®CSSã«å¤‰æ•°ã‚„è¨ˆç®—å¼ã‚’ä½¿ã£ãŸãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°é¢¨ã®æ›¸ãæ–¹ã‚’åŠ ãˆãŸ .scss ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã€å¤‰æ›ï¼ˆã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ï¼‰ã—ã¦CSSãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä½œæˆã—ã¾ã™ã€‚ä¾‹ãˆã°ã€Œstyle.scssã€ã®Sassãƒ•ã‚¡ã‚¤ãƒ«ã‚’å¤‰æ›ã™ã‚‹
asa_ca3 2013/04/21
SCSS

sass

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°
ãƒªãƒ³ã‚¯
Sublime Text 2ã§ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ç·¨ ï½œ ã‚¯ãƒ©ã‚¹ãƒ¡ã‚½ãƒƒãƒ‰é–‹ç™ºãƒ–ãƒã‚°
ã¯ã˜ã‚ã« ã“ã®ã‚·ãƒªãƒ¼ã‚ºã€Œã™ãã«ä½¿ãˆã‚‹SCSSå…¥é–€ã‚·ãƒªãƒ¼ã‚ºã€ã§ã¯Scoutã‚’ä½¿ã£ã¦ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã—ã¦ãã¾ã—ãŸã€‚ æœ€è¿‘Sublime Text 2ã®ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚‚è²·ã£ã¦ã€æœ¬æ ¼çš„ã«ä½¿ã„å§‹ã‚ã¾ã—ãŸã€‚ ãã“ã§ã€ä»Šå›žã¯Sublime Text 2ï¼ˆWindows, Macï¼‰ã‚’ä½¿ã£ã¦ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã™ã‚‹æ–¹æ³•ã‚’èª¿ã¹ãŸã®ã§ã€ã¾ã¨ã‚ã¦ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«è‹¦æ‰‹ãªäººãŒå¤šã„ã‹ã‚‚ã—ã‚Œãªã„é»’ã„ç”»é¢ã€Œã‚³ãƒžãƒ³ãƒ‰ãƒ—ãƒãƒ³ãƒ—ãƒˆã¨ã‚¿ãƒ¼ãƒŸãƒŠãƒ«ã€ã‚’åˆ©ç”¨ã—ã¾ã™ã€‚ é›£ã—ã„ã‚“ã˜ã‚ƒãªã„ã‹ã¨æ€ã†ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€æ˜¯éžæŒ‘æˆ¦ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ãã®ã†ã¡å¤§ã—ãŸã“ã¨ã—ã¦ãªã„ã˜ã‚ƒã‚“ã¨æ€ãˆã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ä¸»ãªæµã‚Œ ä¸»ãªæµã‚Œã¯ã“ã‚“ãªæ„Ÿã˜ã§ã€æœ€åˆã«é»’ã„ç”»é¢ã§ã‚³ãƒžãƒ³ãƒ‰ã‚’å…¥åŠ›ã—ã¦ã„ãã¾ã™ã€‚ ãã‚ŒãŒçµ‚ã‚ã‚Œã°Sublime Text 2ã®è¨å®šã‚’è¡Œã„ã€ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã‚’è©¦ã—ã¾ã™ã€‚ Rybyã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã®ç¢ºèªã¨ã‚³ãƒ³ã‚½ãƒ¼ãƒ« Sassã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«
asa_ca3 2013/04/20
windows

SCSS

ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«

sublime

sass
ãƒªãƒ³ã‚¯
SCSSã¨LESSã®ã©ã¡ã‚‰ã‚’å°Žå…¥ã™ã‚‹ã‹è¿·ã£ã¦ã€SCSSã«æ±ºã‚ãŸãƒã‚¤ãƒ³ãƒˆ - çœ ã‚‹å‰ã«å¸ƒå›£ã«ã¯ã„ã‚ã†ã‹
SCSSã¨LESSã®ã©ã¡ã‚‰ã‚’å°Žå…¥ã™ã‚‹ã‹ã‘ã£ã“ã†æ‚©ã‚“ã æ™‚ã®ã¾ã¨ã‚ã§ã™ã€‚ æœ€çµ‚çš„ã«ã¯SCSSã‚’é¸æŠžã—ã¾ã—ãŸãŒã€å°Žå…¥ã®å‚è€ƒã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚ ã¡ã«ã¿ã«ã€SCSSã¨LESSã¨ã¯ å†åˆ©ç”¨ã§ãã‚‹ã‚¹ã‚¿ã‚¤ãƒ«å®šç¾©ã‚„å¤‰æ•°ãªã©ã€CSSã‚’åŠ¹çŽ‡çš„ã«ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§ãã‚‹ã‚ˆã†ã«æ‹¡å¼µã•ã‚ŒãŸãƒ¡ã‚¿è¨€èªžã§ã™ã€‚ ã©ã¡ã‚‰ã‚‚ã€CSSã‚’ãƒ™ãƒ¼ã‚¹ã«ã—ãŸç‹¬è‡ªã®è¨˜æ³•ã§ã‚‚ã£ã¦ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ãã‚Œã‚’ã‚³ãƒ³ãƒ‘ã‚¤ãƒ©ã§CSSã«å±•é–‹ã™ã‚‹ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ LESS SCSS å‹•ä½œç’°å¢ƒã‚„ä½¿ç”¨ãªã©ã®è©³ã—ã„æ¯”è¼ƒã¯ã“ã¡ã‚‰ãŒå‚è€ƒã«ãªã‚Šã¾ã™ http://dxd8.com/archives/217/ Sass â‰ SCSS SCSSã‚’èª¿ã¹ã¦ã„ã‚‹ã¨ã€Sassã¨ã„ã†å˜èªžã‚‚ç›®ã«ã™ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ä½¿ã„å§‹ã‚ãŸå½“åˆã¯ã”ã£ã¡ã‚ƒã«ãªã£ã¦ãŸã®ã§ã™ãŒ ã‚‚ã¨ã‚‚ã¨ã¯Sassã¨ã„ã†ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãŒå˜åœ¨ã—ã€ãã“ã‹ã‚‰æ´¾ç”Ÿã—ãŸã®ãŒ SCSSã‚‰ã—ã„ã§ã™ã€‚ Sassã‚‚åŒã˜ã‚³ãƒ³ã‚»ãƒ—ãƒˆã®CSSæ‹¡å¼µè¨€èªžã§ã™ãŒã€ ãŸã¨
asa_ca3 2013/02/24
less

sass

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
CSSæ‹¡å¼µãƒ¡ã‚¿è¨€èªžã€ŒSCSS(Sass)ã€ã¨ã€ŒLESSã€ã®æ¯”è¼ƒ - (DxD)âˆž
CSSã‚’æ‹¡å¼µã™ã‚‹ãŸã‚ã®ãƒ¡ã‚¿è¨€èªžã¨ã—ã¦ã€ä»£è¡¨çš„ãªã‚‚ã®ã«ã€ŒSCSS(Sass)ã€ã¨ã€ŒLESSã€ãŒã‚ã‚Šã¾ã™ã€‚ä»Šå›žã€å°Žå…¥ã‚’æ¤œè¨Žã™ã‚‹ã«ã‚ãŸã‚Šã€ä¸¡è€…ã‚’æ¯”è¼ƒã—ã¾ã—ãŸã€‚ çµæžœçš„ã«ã¯ã€ã€ŒSCSS(Sass)ã€ã‚’å°Žå…¥ã™ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸãŒã€ç‰¹ã«ã€ŒSCSS(Sass)ã€ã‚’é¸æŠžã™ã‚‹æ±ºã‚æ‰‹ã¨ãªã£ãŸç‚¹ã«é‡ç‚¹ã‚’ç½®ãã¤ã¤ã€ä¸¡è€…ã®é•ã„ã‚’ã¾ã¨ã‚ã¾ã¦ã¿ã¾ã—ãŸã€‚ ã¯ã˜ã‚ã« Webã‚µã‚¤ãƒˆã€Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒå¤§è¦æ¨¡ã«ãªã‚‹ã«ã¤ã‚Œã¦ã€CSSã®è¨è¨ˆãƒ»ç®¡ç†ã«ã‚‚ãƒªã‚½ãƒ¼ã‚¹ã‚’å‰²ã‹ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚CSSã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«åŒ–ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåŒ–ã«ã‚ˆã‚‹å†åˆ©ç”¨æ€§ã‚’è€ƒãˆãŸã¨ãã€ç¾çŠ¶ã®CSSã‚’å–ã‚Šå·»ãçŠ¶æ³ã¯ååˆ†ã¨ã¯è¨€ãˆã¾ã›ã‚“ã€‚ ä¸€ã¤ã®é¸æŠžè‚¢ã¨ã—ã¦ã‚ãŒã‚‹ã®ãŒã€ŒBlueprintã€ã‚„ã€Œ960 Glid Systemã€ç‰ã®CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®åˆ©ç”¨ã§ã™ãŒã€ãã®å†åˆ©ç”¨æ€§ã¨æ§‹é€ ãƒ»è¡¨ç¾ã®åˆ†é›¢åº¦ã¯ãƒˆãƒ¬ãƒ¼ãƒ‰ã‚ªãƒ•ã§ã™ã€‚ ãã“ã§ã€CSSã®åˆ©ç‚¹ã‚’æ´»ã‹ã—ã¤ã¤ã€å†åˆ©ç”¨æ€§ã‚’é«˜ã‚ã‚‹ãŸã‚ã«
asa_ca3 2013/02/24
css

æ‹¡å¼µ

Ruby

sass

less
ãƒªãƒ³ã‚¯
1