[B! Sass] misomakuraã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

misomakura id:misomakura

Sassã«é–¢ã™ã‚‹misomakuraã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (10)

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

Autoprefixerã«ã‚ˆã‚‹ã€CSS3ã®ç®¡ç† - kojika17
CSS3ã‚’ä½¿ç”¨ã™ã‚‹æ™‚ã«ã€ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’ä»˜ã‘ã¦ã„ã¾ã™ã‹ï¼Ÿ è‡ªåˆ†ã§ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’ã¤ã‘ãŸã‚Šã€Sassãªã©ã®CSSãƒ¡ã‚¿è¨€èªžã‚„ãƒ„ãƒ¼ãƒ«ã‚’åˆ©ç”¨ã™ã‚‹ãªã©ã€ã•ã¾ã–ã¾ãªæ–¹æ³•ãŒã‚ã‚Šã¾ã™ãŒã€ã›ã£ã‹ãä»˜ã‘ãŸãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚‚é©åˆ‡ã§ãªã„å ´åˆã‚‚ã‚ã‚Šã¾ã™ã€‚é©åˆ‡ã«ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’ä»˜ä¸Žã™ã‚‹ãƒ„ãƒ¼ãƒ«ã«ã€CSS Postprocessorã®ã€ŒAutoprefixerã€ã¨ã„ã†ã‚‚ã®ãŒã‚ã‚‹ã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’ã„ã¤ã¾ã§ä»˜ã‘ç¶šã‘ã‚‹ã®ã‹ ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã¯ãƒ–ãƒ©ã‚¦ã‚¶ã®è©¦é¨“çš„ã€ã¾ãŸã¯ç‹¬è‡ªæ‹¡å¼µã§å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã‚‚ã®ã§ã‚ã‚Šã€W3Cã®ä»•æ§˜ãŒã‚ã‚‹ç¨‹åº¦å›ºã¾ã‚‹ã¨ã€ãƒ–ãƒ©ã‚¦ã‚¶ã¯ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ãŒå¤–ã™ã“ã¨ãŒæŽ¨å¥¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ ç¾åœ¨ã€CSS3ã®ä¸€éƒ¨ã®ä»•æ§˜ã¯ã€ã™ã§ã«å‹§å‘Šã‚„å‹§å‘Šå€™è£œã¾ã§ä¸ŠãŒã£ã¦ã„ã‚‹ã‚‚ã®ãŒã‚ã‚Šã€æœ€æ–°ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ãªã—ã§ä½œå‹•ã™ã‚‹CSSã‚‚å¢—ãˆã¦ãã¦ã„ã¾ã™ã€‚ã¾ãŸã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„Fle
misomakura 2014/01/11
CSS

Sass

CSS3
ãƒªãƒ³ã‚¯
Sassãƒ¦ãƒ¼ã‚¶ãƒ¼å®šç¾©é–¢æ•°ã®ãƒ†ã‚¹ãƒˆ
é™¤å¤œã®é˜ã‚’BGMã«Bowerãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã®hail2u-scss-functionsã®ãƒ†ã‚¹ãƒˆã‚’æ›¸ã„ã¦ã„ãŸã€‚Gruntã§ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã—ã¦æœŸå¾…ã•ã‚Œã‚‹çµæžœã¨ä»˜ãåˆã‚ã›ã‚‹ã ã‘ã ã‘ã©ã€ã‚ã‚‹ã¨ãªã„ã®ã¨ã§ã¯å¤§é•ã„ãªæ°—ãŒã—ãªã„ã§ã‚‚ãªã„ã€‚ ãƒ‘ãƒ¼ã‚·ãƒ£ãƒ«èªã¿è¾¼ã‚“ã§ä½¿ã£ã¦ã¿ã‚‹SCSSãƒ•ã‚¡ã‚¤ãƒ«ã¨ã€ãã‚Œã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«çµæžœã¨ã—ã¦æƒ³å®šã•ã‚Œã‚‹CSSãƒ•ã‚¡ã‚¤ãƒ«ã‚’æ›¸ãã€Gruntã®grunt-contrib-sassãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã—ã€CSSãƒ•ã‚¡ã‚¤ãƒ«ã®å†…å®¹ã‚’grunt-contrib-nodeunitãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®strictEqual()ã‚’ä½¿ã£ã¦çªãåˆã‚ã›ã‚‹ã¨ã„ã†ãƒ†ã‚¹ãƒˆã€‚Sassã®å…¨èˆ¬çš„ãªãƒ†ã‚¹ãƒˆã‚’æ›¸ãã®ã¯é›£ã—ã„ã‘ã©ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼å®šç¾©é–¢æ•°ã‚„ãƒŸãƒƒã‚¯ã‚¹ã‚¤ãƒ³ãªã©ã¯ã“ã†ã„ã†å½¢ã§æ›¸ã‘ã‚‹ã€‚ æ‰‹é–“ãŒã‹ã‹ã‚‹å‰²ã«ã¯å ±ã‚ã‚Œãªã„ã‚ˆã†ãªæ°—ãŒã™ã‚‹ã‘ã©ã€ä¸–ç•Œä¸ã®ãƒŸãƒƒã‚¯ã‚¹ã‚¤ãƒ³ã¨ãƒ¦ãƒ¼ã‚¶ãƒ¼å®šç¾©é–¢æ•°ã«ãƒ†ã‚¹ãƒˆãŒã‚ã‚Œã°ãã‚Œã‚‚å¤‰ã‚ã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ã¨æ€ã„ãªãŒã‚‰æ›¸ã„ãŸã€‚å¤‰ã‚ã‚“ãªã„ã‹
misomakura 2014/01/05
CSS

Sass

Grunt
ãƒªãƒ³ã‚¯
ã€ŒWebåˆ¶ä½œè€…ã®ãŸã‚ã®Sassã®æ•™ç§‘æ›¸ã€ã‚’ã„ãŸã ãã¾ã—ãŸ | Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¿ãƒ
ä¸‹3ã¤ã¯IE7ã‚’ç„¡è¦–ã—ãŸã‚µã‚¤ãƒˆãªã‚‰ã¨ãã«@includeã‚’ä½¿ã†å¿…è¦ãŒãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€è‡ªå‹•çš„ã«IEç”¨ã«åˆ¥é€”ã‚¹ã‚¿ã‚¤ãƒ«ã‚’æ›¸ã„ã¦ãã‚Œã‚‹ã®ã‚‚ã‚ã‚ŠãŒãŸã„ã§ã™ãã€‚ Compassã®Typographyãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ï¼ˆè‹±èªžï¼‰ Compassã®Utilitiesãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ï¼ˆè‹±èªžï¼‰ è‹±èªžã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã¯ç”»é¢ã®å·¦å´ãŒãƒ¡ãƒ‹ãƒ¥ãƒ¼ã«ãªã£ã¦ã‚‹ã«ãªã£ã¦ã„ã‚‹ã®ã§ã€ãã£ã¡ã‚’è¦‹ã¦ã‚³ãƒ¼ãƒ‰ã‚’è¦‹ã¦ã„ãã¨å…¨ä½“æ„ŸãŒã‚ã‹ã‚Šã‚„ã™ã‹ã£ãŸã§ã™ã€‚ Compassã®ãƒ˜ãƒ«ãƒ‘ãƒ¼ï¼ˆ275ãƒšãƒ¼ã‚¸ï¼‰ Compassã®ãƒ˜ãƒ«ãƒ‘ãƒ¼ã¯image-width()ã¨ã‹image-height()ã¿ãŸã„ãªä¾¿åˆ©ãªã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ãŒã€ã“ã‚ŒçŸ¥ã£ã¦ãŠã‘ã°ã‚‚ã£ã¨çœåŠ›ã§ããŸï¼ã£ã¦ã„ã†ã®ãŒã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ç³»ã®ãƒ˜ãƒ«ãƒ‘ãƒ¼ã§ã™ã€‚ headingsé–¢æ•° h1, h2, h3, h4, h5ã¿ãŸã„ã«é€£ç¶šã™ã‚‹è¦‹å‡ºã—ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚’å½“ã¦ã‚‹ã“ã¨ãŒå¤šã„ã®ã§ã€ãªã„ã‹ãªãƒ¼ã¨æ€ã£ã¦ãŸã®ã§ã™ãŒ
misomakura 2013/10/22
Webåˆ¶ä½œ

Sass

CSS
ãƒªãƒ³ã‚¯
ãƒ•ãƒªãƒ¼ã®Sass,Lessã‚³ãƒ³ãƒ‘ã‚¤ãƒ©Koalaã€Win,Macã€‘
Koalaã¯Win,Mac,Linuxãªã©ãƒžãƒ«ãƒãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ å‹•ãGUIã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ©ã§ã™ã€‚ å¯¾å¿œè¨€èªžã¯Sass(Compass),Less, CoffeeScriptã§ã™ã€‚ ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¯ã“ã¡ã‚‰ã‹ã‚‰ã”ä½¿ç”¨ã®OSã‚’ã€‚ ç¾æ™‚ç‚¹ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯v1.0.0v1.3.0ã§ã™ã€‚ãƒªãƒªãƒ¼ã‚¹ã—ãŸã¦ã§ã™ãã€‚ å‹•ä½œã«ã¯äºˆã‚Rubyã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãŒå¿…è¦ã§ã™ã€‚ â€»v1.3.0ã«ãªã£ãŸã®ã§å°‘ã—ä¿®æ£ã—ã¾ã—ãŸï¼ˆ2013.6.2ï¼‰ koalaä½¿ã„ã‹ãŸ ã‚„ã‚„ãƒ•ãƒ©ãƒƒãƒˆUIã¦ããªã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã€‚ ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆç™»éŒ² ã€Œï¼‹ã€ãƒœã‚¿ãƒ³ã§ãƒ•ã‚©ãƒ«ãƒ€ã‚’é¸æŠžã™ã‚‹ã‹ã€ ä½œæ¥ãƒ•ã‚©ãƒ«ãƒ€ã‚’ãƒ‰ãƒ©ãƒƒã‚°ã™ã‚Œã°ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãŒç™»éŒ²ã•ã‚Œã¾ã™ã€‚ åŸºæœ¬ã“ã‚Œã ã‘ã§Sass,Less,Coffeeã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã‚’ã—ã¦ãã‚Œã¾ã™ã€‚ æ›¸ãå‡ºã—è¨å®š scssã®ç·‘ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ã‚¤ã‚³ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ç”»é¢å³ã«ã‚ªãƒ—ã‚·ãƒ§ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒç¾ã‚Œã¾ã™ã€‚ ã€Œdynamic compilationã€ã‚’
misomakura 2013/06/07
Sass

CSS
ãƒªãƒ³ã‚¯
ChromeãŒãƒãƒ¼ã‚¸ãƒ§ãƒ³27ã§Sassã®ã‚½ãƒ¼ã‚¹ãƒžãƒƒãƒ—ã«å¯¾å¿œã—ãŸã‘ã©ã€ã‚ã‚Œï¼Ÿ | Sou-Lablog
ã‚½ã‚¦ãƒ©ãƒ–ãƒã‚°ã¾ãŸã¯ã‚½ã‚¦ãƒ©ãƒœãƒã‚°ã€‚Webãªã©ã®Blogã€‚å¤šåˆ†ã€‚Chromeãƒãƒ¼ã‚¸ãƒ§ãƒ³27ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒSassã®ã‚½ãƒ¼ã‚¹ãƒžãƒƒãƒ—ã«å¯¾å¿œã—ã¾ã—ãŸã€‚ ã‚½ãƒ¼ã‚¹ãƒžãƒƒãƒ—ã¨ã¯ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã•ã‚ŒãŸã‚ŠMinifyã•ã‚ŒãŸå…ƒã®ä½ç½®ã‚’æ•™ãˆã¦ãã‚Œã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã§ã™ã€‚ jQueryã‚‚å¯¾å¿œã—ãŸã‚Šã—ãŸã‚¢ãƒ¬ã§ã™ã€‚ç§ã¯ä¸»ã«Sassã§ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚ ã‚½ãƒ¼ã‚¹ãƒžãƒƒãƒ—ã®å‡ºåŠ›æ–¹æ³• Sassã¯æ™‚æœŸã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³3.3ã‚ˆã‚Šå¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ç¾åœ¨ã¯ã‚¢ãƒ«ãƒ•ã‚¡ç‰ˆã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã“ã¨ã§ä½¿ãˆã¾ã™ã€‚ ä½¿ç”¨ã™ã‚‹ã«ã¯â€“sourcemapã‚ªãƒ—ã‚·ãƒ§ãƒ³ã‚’ä½¿ã„ã¾ã™ã€‚ $ sass --sourcemap input.scss:output.css ã“ã‚“ãªæ„Ÿã˜ã§ã‚½ãƒ¼ã‚¹ãƒžãƒƒãƒ—ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã‚’ä»˜ã‘ã‚‹ã ã‘ã€‚ ã“ã‚Œã§ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã™ã‚Œã°ä¸Šè¨˜ä¾‹ã ã¨ã€Œoutput.css.mapã€ã¨ã„ã†Mapãƒ•ã‚¡ã‚¤ãƒ«ãŒç”Ÿæˆã—ã¾ã™ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã®è¨å®šæ–¹æ³• Chromeã‚‚ãã®ã¾ã‚“ã¾ã§ã¯ä½¿ãˆãªãã¦ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ãƒ„ãƒ¼
misomakura 2013/06/06
CSS

Chrome

Sass
ãƒªãƒ³ã‚¯
http://blog.e-riverstyle.com/2013/05/sasslesscoffeescriptkoala.html
misomakura 2013/06/03
Sass
ãƒªãƒ³ã‚¯
Takazudolog - OOCSSã¨Sass
CSS Preprocessor Advent Calendar 2012ã®10æ—¥ç›®ã€@Takazudoã§ã™ã€‚ åƒ•ã¯SassãŒå¥½ãã§ã™ã€‚ãªãœãªã‚‰Sassã«ã¯extendãŒã‚ã‚‹ã‹ã‚‰ã§ã™ã€‚ãã®ç†ç”±ã‚’ã€ç¤¾å†…å‹‰å¼·ä¼šã§ç™ºè¡¨ã—ãŸã€ä»¥ä¸‹ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§è©±ã—ãŸã“ã¨ã‚’è£œè¶³ã—ã¤ã¤ã€æ›¸ãã¾ã™ã€‚ OOCSS + Sass OOCSSã£ã¦ãªã‚“ãž ã¾ãšã€Sassã®extendãŒç´ æ•µãªç‚¹ã‚’ç´¹ä»‹ã™ã‚‹å‰ã«ã€OOCSSã«ã¤ã„ã¦ç°¡å˜ã«ç´¹ä»‹ã—ã¾ã™ã€‚ OOCSSã¨ã„ã†ã®ã¯ã€Nicole Sullivanã¨ã„ã†äººãŒè¨€ã„å‡ºã—ãŸè€ƒãˆæ–¹ã§ã™ã€‚ãã®ãƒ—ãƒ¬ã‚¼ãƒ³è³‡æ–™ã‚„ãƒ“ãƒ‡ã‚ªãªã©ã¯ã€æœ¬äººãŒç™ºè¡¨ã—ãŸã‚‚ã®ãŒã€slideshareç‰ã«ã‚¢ãƒƒãƒ—ã•ã‚Œã¦ã„ã¾ã™ã€‚ Object-oriented CSS Object Oriented CSS by Nicole Sullivan Â· Fronteers The Cascade, Grids, Headings, an
misomakura 2013/04/06
CSS

Sass

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã€Webãƒ‡ã‚¶ã‚¤ãƒŠï¼ãƒ»ã‚³ãƒ¼ãƒ€ãƒ¼å‘ã‘ã€‘ã™ãã«ä½¿ãˆã‚‹SCSSå…¥é–€ï½œåŸºç¤Žç·¨ | DevelopersIO
ã¯ã˜ã‚ã« æ—©é€Ÿã§ã™ãŒã¿ãªã•ã‚“ã€é»’ã„ç”»é¢ï¼ˆã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã‚„ã‚¿ãƒ¼ãƒŸãƒŠãƒ«ï¼‰ã¯ãŠå¥½ãã§ã™ã‹ï¼Ÿ ã¡ãªã¿ã«åƒ•ã¯æœ€è¿‘ã‚„ã£ã¨é»’ã„ç”»é¢ã«å¯¾ã—ã¦ã„ãã¤ã‹ã®å‘ªæ–‡ä½¿ãˆã‚‹ãã‚‰ã„ã«ãªã‚Šã¾ã—ãŸã€‚æ–‡ç³»ç†ç³»ã§ã‚‚ã©ã¡ã‚‰ã§ã‚‚ãªãã•ã‚‰ã«ä½Žå¦æ´ã®åƒ•ã«ã¨ã£ã¦ã¯æ½œã‚Œã°æ½œã‚‹ã»ã©é»’ã„ç”»é¢ãŒã¤ãã¾ã¨ã„ã¾ã™ã€‚ï¼ˆä»Šã§ã¯å¥½ãã§ã™ã‚ˆã€é»’ã„ç”»é¢ï¼‰ ä»Šå›žã¯ã€ã™ãã«ä½¿ãˆã‚‹SCSSå…¥é–€ï½œåŸºç¤Žç·¨ã¨ã„ã†ã“ã¨ã§ã€ã€Œé»’ã„ç”»é¢ãªã©è¦‹ãŸããªã„ï¼ã€ã¨ã„ã†ã‚ãªãŸã«ã‚‚ã€GUIæ“ä½œã ã‘ã§ã™ãã«ä½¿ãˆã‚‹ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‹ã‚‰SCSSã®åŸºæœ¬çš„ãªåˆ©ç”¨æ–¹æ³•ã«ã¤ã„ã¦ã€å®Ÿéš›ã®é–‹ç™ºã«ä½¿ãˆã‚‹ãƒã‚¤ãƒ³ãƒˆã‚’æŠ¼ã•ãˆã¦è§£èª¬ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ SCSSã‚’è¦šãˆã¦ç”Ÿç”£çš„ã§æ¥½ã—ã„Webã‚µã‚¤ãƒˆåˆ¶ä½œãƒ»ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã‚’ã—ã¦ã„ãã¾ã—ã‚‡ã†ã€‚ ã¾ã SCSSã‚’çŸ¥ã‚‰ãªã„æ–¹å‘ã‘ã«ã€ŒSCSSã€ã£ã¦ï¼Ÿ å‰å›žã®è¨˜äº‹ã€ŒMedia Queriesã®è¨˜è¿°ã‚’å°‘ã—æ¥½ã«ã—ã¦ãã‚Œã‚‹SCSSï¼ˆSassï¼‰ Mixinï¼ˆè‡ªä½œï¼‰ã€ã‹ã‚‰ã®
misomakura 2012/10/10
Sass

CSS
ãƒªãƒ³ã‚¯
å®Ÿè·µSass å‰ç·¨
17. Scout â€¢ ç„¡å„Ÿ â€¢ Compassã‚‚å¯¾å¿œ â€¢ ã‚µã‚¤ãƒˆã‹ã‚‰DLã§ãã‚‹ver.ã§ã¯conï¬g.rbãŒèªã‚ãªã„ â€¢ githubã®æœ€æ–°ç‰ˆã¯ã€conï¬g.rbã¨Sass3.2å¯¾å¿œ â€¢ Sass3.2ã®å¯¾å¿œãŒé…ã‹ã£ãŸ ï¼ˆä¸€æ˜¨æ—¥ã‚ˆã†ã‚„ããƒªãƒªãƒ¼ã‚¹ï¼‰
misomakura 2012/09/10
CSS

Sass

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ãƒªãƒ³ã‚¯
ã€Sassã‚’è¦šãˆã‚ˆã†ï¼ã€‘ã‚‚ãã˜çš„ãªã®ã¨å‚è€ƒãƒªãƒ³ã‚¯
éœ€è¦ãŒæœ‰ã‚‹ã®ã‹ç„¡ã„ã®ã‹ã‚‚åˆ†ã‹ã‚‰ãšã€åŠåˆ†ä»¥ä¸Šã¯å‹¢ã„ã§æ›¸ã„ã¦ãŸSassã‚’è¦šãˆã‚ˆã†ã‚·ãƒªãƒ¼ã‚ºã§ã™ãŒã€å°‘ã—ã§ã‚‚åˆ©ç”¨ã™ã‚‹äººãŒå¢—ãˆã‚‹ãã£ã‹ã‘ã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚ ã‚«ãƒ†ã‚´ãƒªä¸€è¦§ã‹ã‚‰å…¨éƒ¨è¦‹ã‚Œã¾ã™ã‘ã©ã€ä¸€å¿œã€Sassã‚’è¦šãˆã‚ˆã†ï¼ã€‘ã®å…¨è¨˜äº‹ä¸€è¦§ã§ã™ã€‚ ã€Sassã‚’è¦šãˆã‚ˆã†ï¼Vol.1ã€‘ã¯ã˜ã‚ã« ã€Sassã‚’è¦šãˆã‚ˆã†ï¼Vol.2ã€‘ä½•ãŒã™ã”ã„ã®ï¼Ÿãƒ—ãƒã‚°ãƒ©ãƒ ãŒå‡ºæ¥ãªãã¦ã‚‚ä½¿ãˆã‚‹ï¼ŸåŠ¹çŽ‡ãŒãƒ›ãƒ³ãƒˆã«ä¸ŠãŒã‚‹ã®ï¼Ÿ ã€Sassã‚’è¦šãˆã‚ˆã†ï¼Vol.3ã€‘ä¸€ç•ªã‚«ãƒ³ã‚¿ãƒ³ãªç’°å¢ƒæ§‹ç¯‰ï¼ˆScoutç·¨ï¼‰ ã€Sassã‚’è¦šãˆã‚ˆã†ï¼Vol.4ã€‘Sassã®åŸºæœ¬çš„ãªè¨˜è¿°æ–¹æ³• ã€Sassã‚’è¦šãˆã‚ˆã†ï¼Vol.5ã€‘ç’°å¢ƒæ§‹ç¯‰ï¼ˆé»’ã„ç”»é¢ç·¨ï¼‰ ã€Sassã‚’è¦šãˆã‚ˆã†ï¼Vol.6ã€‘é»’ã„ç”»é¢ã§ã®å®Ÿéš›ã®é‹ç”¨ã«é–¢ã—ã¦ ã€Sassã‚’è¦šãˆã‚ˆã†ï¼Vol.6.5ã€‘ãƒãƒƒãƒãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä½¿ã£ã¦ã‚«ãƒ³ã‚¿ãƒ³ã«é»’ã„ç”»é¢ã§Sassã‚’åˆ©ç”¨ã™ã‚‹ ã€Sassã‚’è¦šãˆã‚ˆã†ï¼Vol.7ã€‘ãƒ•ã‚¡ã‚¤ãƒ«ã‚’åˆ†å‰²ã—ã¦ç®¡ç†ã‚’æ¥½ã«
misomakura 2012/01/30
CSS

ã¾ã¨ã‚

Sass

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

å‚è€ƒ
ãƒªãƒ³ã‚¯
1