[B! scss][åŸºæœ¬] bitgleamsã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

bitgleams id:bitgleams

scssã¨åŸºæœ¬ã«é–¢ã™ã‚‹bitgleamsã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§æ³£ã‹ãªã„ãŸã‚ã®Sassã®åŸºç¤ŽçŸ¥è˜ã¨10ã®åˆ©ç‚¹
CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§æ³£ã‹ãªã„ãŸã‚ã®Sassã®åŸºç¤ŽçŸ¥è˜ã¨10ã®åˆ©ç‚¹ï¼šçˆ†æ—ï¼ WordPressãƒ†ãƒ¼ãƒžä½œæˆã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆï¼ˆ3ï¼‰ï¼ˆ1/3 ãƒšãƒ¼ã‚¸ï¼‰ æœ¬é€£è¼‰ã§ã¯ã€CMSã®ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã§ã‚‚ã‚ã‚‹ã€ŒWordPressã€ã®ãƒ†ãƒ¼ãƒžä½œæˆã‚’ã€Dreamweaverã‚’ãƒ¡ã‚¤ãƒ³ã«ç”¨ã„ã¦ã•ã¾ã–ã¾ãªãƒ¢ãƒ€ãƒ³ãªæŠ€è¡“ã‚’çµ„ã¿åˆã‚ã›ãªãŒã‚‰çˆ†ç™ºçš„ã«æ—ï¼ˆã¯ã‹ã©ï¼‰ã‚‰ã›ã‚‹æ–¹æ³•ã‚’è§£èª¬ã—ã¦ã„ãã€‚ä»Šå›žã¯ã€ç¾å ´ã«ãŠã‘ã‚‹CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®3ã¤ã®å•é¡Œç‚¹ã€Sassã®æ¦‚è¦ã¨ä¸»ãª10ã®æ©Ÿèƒ½ã€SASSè¨˜æ³•ã¨SCSSè¨˜æ³•ã®é•ã„ãªã©ã‚’ç´¹ä»‹ã€‚ æœ¬é€£è¼‰ã€Œçˆ†æ—ï¼ WordPressãƒ†ãƒ¼ãƒžä½œæˆã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã€ã§ã¯ã€åˆå›žã®ã€ŒDreamweaverã§å§‹ã‚ã‚‹WordPressã‚µã‚¤ãƒˆæ§‹ç¯‰ã®åŸºç¤ŽçŸ¥è˜ã€ã§ã€ã€ŒAdobe Dreamweaver CCã€ï¼ˆä»¥ä¸‹ã€Dreamweaverï¼‰ã§WordPressã®ãƒ†ãƒ¼ãƒžã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹ç’°å¢ƒæ§‹ç¯‰ã‚„è¨å®šã‚’è¡Œã„ã€å‰å›žã®ã€ŒWordPr
bitgleams 2014/07/21
sass

åŸºæœ¬

wordpress

tutorial

css

themes

scss

coding
ãƒªãƒ³ã‚¯
Sassã‚’æ¥µã‚ã‚‹ï¼ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒã™ãå®Ÿè·µã§ãã‚‹åŸºæœ¬ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯12é€£ç™º | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ã“ã‚“ã«ã¡ã¯ã€‚LIGãƒ•ã‚£ãƒªãƒ”ãƒ³æ”¯ç¤¾ä»£è¡¨ã®ã›ã„ã¨(@seito_horiguchi)ã§ã™ã€‚ å‰å›žã€ã“ã‚Œã‹ã‚‰Sassã‚’å§‹ã‚ãŸã„äººã¸ï¼å°Žå…¥æ‰‹é †ã‚’ã¾ã¨ã‚ã¦ã¿ãŸ(Dreamweaverå¯¾å¿œ)ã¨ã„ã†Sassã®åŸºç¤Žã«é–¢ã™ã‚‹è¨˜äº‹ã‚’æ›¸ã‹ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ ãã“ã§ä»Šå›žã¯ã€ã‚‚ã†ä¸€æ©ã¤ã£ã“ã‚“ã§ã‚‚ã£ã¨ä½¿ã„ã“ãªã›ã‚‹ã‚ˆã†ã«ãªã‚ã†ï¼ã¨ã„ã†è¶£æ—¨ã®ã‚‚ã¨ã€ã¡ã‚‡ã£ã¨ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ãŸã‹ã‚‰ã£ã¦ã„ã„æ°—ã«ãªã£ã¦ã„ã‚‹åƒ•ãŒSassã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚„ã‚‰é–¢æ•°ã‚’ã¾ã¨ã‚ã¦ã”ç´¹ä»‹ã„ãŸã—ã¾ã™ï¼ ãŸãã•ã‚“ã‚ã‚‹æ©Ÿèƒ½ã®ä¸ã‹ã‚‰ã€ä»Šå›žã¯æ¯”è¼ƒçš„ç°¡å˜ã§å®Ÿç”¨æ€§ã®é«˜ã„ã‚‚ã®ã‚’ãƒãƒ§ã‚¤ã‚¹ã—ã¾ã—ãŸã€‚ ç›®æŒ‡ã›Sassãƒžã‚¹ã‚¿ãƒ¼ï¼WEBãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚‚ã‚³ãƒ¼ãƒ€ãƒ¼ã‚‚ã™ãã«å®Ÿè·µã—ãŸããªã‚‹Sassã®åŸºæœ¬ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯12é€£ç™ºã‚‚ãã˜ ã‚‚ãã˜ ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯1ã€€ã‚¢ãƒ³ãƒ‘ã‚µãƒ³ãƒ‰ï¼ˆ&ï¼‰ ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯2ã€€æ¼”ç®— ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯3ã€€round() ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯4ã€€rgba() ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯5ã€€ã‚³ãƒ¡ãƒ³ãƒˆã‚¢ã‚¦ãƒˆ ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯6ã€€å¤‰æ•° ãƒ†
bitgleams 2013/11/11
sass

tips

tutorial

åŸºæœ¬

css

scss

compass

web

dev

***
ãƒªãƒ³ã‚¯
Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã®Sass/Compasså…¥é–€ å…ˆç”Ÿï¼šçŸ³æœ¬ å…‰å¸
ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ schoo WEB-campusã¯ã€ŒWEBã«èª•ç”Ÿã—ãŸã€å¦æ ¡ã®æ–°ã—ã„ã‚«ã‚¿ãƒã€ã€‚ ï¼·ï¼¥ï¼¢ç”Ÿæ”¾é€ã®æŽˆæ¥ã‚’ç„¡æ–™ã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ â–¼ã“ã¡ã‚‰ã‹ã‚‰æŽˆæ¥ã«å‚åŠ ã™ã‚‹ã¨ã€å…ˆç”Ÿã¸ã®è³ªå•ã‚„ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¨ã®ãƒãƒ£ãƒƒãƒˆã€è³‡æ–™ã®æ‹¡å¤§è¡¨ç¤ºç‰ãŒå¯èƒ½ã§ã™ã€‚ https://schoo.jp/class/228/room ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼Read less
bitgleams 2013/09/27
slides

åŸºæœ¬

sass

scss

compass

css

web

***

webdesign
ãƒªãƒ³ã‚¯
ã€Webãƒ‡ã‚¶ã‚¤ãƒŠï¼ãƒ»ã‚³ãƒ¼ãƒ€ãƒ¼å‘ã‘ã€‘ã™ãã«ä½¿ãˆã‚‹SCSSå…¥é–€ï½œè¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã‚’çŸ¥ã£ã¦ãŠã“ã† â€“ ç•ªå¤–ç·¨ | DevelopersIO
ã¯ã˜ã‚ã« å‰å›žã®è¨˜äº‹ã€Œã€Webãƒ‡ã‚¶ã‚¤ãƒŠï¼ãƒ»ã‚³ãƒ¼ãƒ€ãƒ¼å‘ã‘ã€‘ã™ãã«ä½¿ãˆã‚‹SCSSå…¥é–€ï½œMixinsã‚’ä½œã£ã¦ã¿ã‚ˆã†ç·¨ã€ã€Œã™ãã«ä½¿ãˆã‚‹SCSSå…¥é–€ã‚·ãƒªãƒ¼ã‚ºã€ã§SCSSãƒ»Compassã®ä¸€èˆ¬çš„ãªæ©Ÿèƒ½ã®ç´¹ä»‹ã‚’ã—ã¦ãã¾ã—ãŸã€‚ ä»Šå›žã¯ç•ªå¤–ç·¨ã¨ã—ã¦SCSS, Compassã®è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã«ã¤ã„ã¦ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã§ä½•ã‚’ã™ã‚‹ã‹ï¼Ÿ Compassã«ã¯ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚„Javascriptã€ç”»åƒãƒ»ãƒ•ã‚©ãƒ³ãƒˆã«é–¢ã™ã‚‹å‡¦ç†ãŒã‚ã‚Šã¾ã™ã€‚ ã“ã‚Œã‚‰ã¯åŸºæœ¬çš„ã«è¨å®šã‚’ã„ã˜ã‚‰ãªãã¦ã‚‚åˆ©ç”¨ã§ãã¾ã™ãŒã€ã‚µãƒ¼ãƒãƒ¼ã®ç’°å¢ƒã‚„åˆ©ç”¨ã™ã‚‹CMSãªã©ã«ã‚ˆã£ã¦ãƒ‘ã‚¹ã‚’åˆ¶å¾¡ã™ã‚‹å¿…è¦ãŒã‚ã‚‹æ™‚ã«è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰å‡ºåŠ›ã™ã‚‹ãƒ‘ã‚¹ã‚’åˆ¶å¾¡ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã©ã‚“ãªè¨å®šé …ç›®ãŒã‚ã‚‹ã‹ï¼Ÿ æœ¬å®¶ã®è¨å®šã«é–¢ã™ã‚‹ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã¯ã“ã¡ã‚‰ã€ŒConfiguration Referenceã€ã€ã¯ã„è‹±èªžã§ã™ã€‚ ã§ã™ãŒã€ãªãªã‚“ã¨ã™ã§ã«æ—¥æœ¬èªžã®è¶…è¨³ Configuration
bitgleams 2013/03/20
2012å¹´11æœˆ9æ—¥è¨˜äº‹

scss

css

web

dev

sass

compass

åŸºæœ¬

è¨å®š

***
ãƒªãƒ³ã‚¯
How to get started with Sass
bitgleams 2012/12/02
2012å¹´11æœˆ30æ—¥è¨˜äº‹

sass

åŸºæœ¬

tutorial

scss

css

dev

web

ruby

***
ãƒªãƒ³ã‚¯
Getting Started with Sass: Installation and the Basics
In this post, we are going to discuss a CSS Preprocessor called Sass or Syntactically Awesome Stylesheets. If you have been following our previous posts on LESS, we are sure that you are familiar with the CSS Preprocessor. Both Sass and LESS are CSS Preprocessors which primarily extend the way we compose plain-static-CSS in more dynamic way using programming languages like Variables, Mixins, and F
bitgleams 2012/11/28
sass

ruby

web

dev

programming

css

scss

tutorial

åŸºæœ¬

***
ãƒªãƒ³ã‚¯
About Sass
2. ã‚¢ã‚¸ã‚§ãƒ³ãƒ€ â€¢ CSSæ‹¡å¼µè¨€èªžã®ãƒ¡ãƒªãƒƒãƒˆã¨ãƒ‡ãƒ¡ãƒªãƒƒãƒˆ â€¢ CSSæ‹¡å¼µè¨€èªžã®ç¨®é¡ž â€¢ Sass,LESS,Stylusã«ã¤ã„ã¦ â€¢ Sassã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« â€¢ é–‹ç™ºã«ã™ã‚‹ã«ã‚ãŸã£ã¦ â€¢ Sassã®æ©Ÿèƒ½ â€¢ ã¾ã¨ã‚ 12å¹´11æœˆ2æ—¥é‡‘æ›œæ—¥ 3. CSSæ‹¡å¼µè¨€èªžã‚’ä½¿ã†ãƒ¡ãƒªãƒƒãƒˆ â€¢ ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹æ€§ã®å‘ä¸Š - å†—é•·ãªè¨˜è¿°ã®æŽ’é™¤ã€å†åˆ©ç”¨æ€§ã®ã‚ã‚‹ã‚³ãƒ¼ãƒ‰ ãŒæ›¸ã‘ã‚‹ â€¢ é–‹ç™ºåŠ¹çŽ‡å‘ä¸Š - mixin,extend,é–¢æ•°,å¤‰æ•°,ãƒã‚¹ãƒˆ 12å¹´11æœˆ2æ—¥é‡‘æ›œæ—¥ 4. CSSæ‹¡å¼µè¨€èªžã‚’ä½¿ã†ãƒ‡ãƒ¡ãƒªãƒƒãƒˆ ï¼ˆæ³¨æ„ç‚¹ï¼‰ â€¢ ç‹¬è‡ªè¨˜æ³•ã®å¦ç¿’ã‚³ã‚¹ãƒˆ â€¢ IEï¼™ã®ã‚»ãƒ¬ã‚¯ã‚¿æ•°åˆ¶é™ã«ã‚ˆã‚Šé™¥ã‚Šã‚„ã™ã„ ï¼ˆ4095ã‚»ãƒ¬ã‚¯ã‚¿ãŒåˆ¶é™ï¼‰ â€¢ ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ã§CSSä¿®æ£ãŒã¯ã„ã‚‹å ´åˆ ã¯åŒæ–¹ã®ç¢ºèªãŒå¿…è¦ 12å¹´11æœˆ2æ—¥é‡‘æ›œæ—¥ 5. CSSæ‹¡å¼µè¨€èªžã®ç¨®é¡ž Sass LESS Stylus Ruby JavaScript Node.js Ru
bitgleams 2012/11/02
sass

slides

css

language

scss

coding

åŸºæœ¬

***

dev
ãƒªãƒ³ã‚¯
CSSã‚’æ—©ãæ›¸ãã“ã¨ãŒå‡ºæ¥ã‚‹LESSã«å…¥é–€ã—ã¾ã—ãŸï¼ | tagamidaiki.com
ã¿ãªã•ã‚“ã¯CSSã®æ‹¡å¼µãƒ¡ã‚¿è¨€èªžã§ã‚ã‚‹LESSã‚’çŸ¥ã£ã¦ã„ã¾ã™ã‹ï¼Ÿ æ‹¡å¼µãƒ¡ã‚¿è¨€èªžã¨ã„ã†ã®ã¯ã€æ™®é€šã®è¨€èªžã¨ã¯é•ã£ã¦ã€ã‚ã‚‹è¨€èªžã‚’ã‚ˆã‚Šç°¡å˜ã«æ›¸ããŸã‚ã«ä½œã‚‰ã‚ŒãŸè¨€èªžã§ã™ã€‚ ä¾‹ãˆã°æœ€è¿‘ã ã¨ã€CoffeeScriptã¨ã‹TypeScriptã¨ã‹ãŒè©±é¡Œã«ãªã£ã¦ã„ã¾ã™ãã€‚ ã“ã‚Œã‚‰ã¯å…¨ã¦JavaScriptã®æ‹¡å¼µãƒ¡ã‚¿è¨€èªžã§ã‚ã‚Šã€CoffeeScriptã‚„TypeScriptã§æ›¸ã„ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã™ã‚‹ã¨JavaScriptã‚’ç”Ÿæˆã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ ä»Šå›žå…¥é–€ã—ã¦ã¿ãŸLESSã¯CSSã®æ‹¡å¼µãƒ¡ã‚¿è¨€èªžã§ã™ã€‚ã¤ã¾ã‚ŠLESSã§æ›¸ã„ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã™ã‚‹ã¨ã€CSSãŒç”Ÿæˆã•ã‚Œã‚‹ã‚ã‘ã§ã™ãã€‚ ãã‚Œã§ã¯æ—©é€Ÿå…¥é–€ã—ã¦ã¿ã¾ã—ã‚‡ã†ï¼ï¼ LESSã®ãƒ¡ãƒªãƒƒãƒˆãƒ»ãƒ‡ãƒ¡ãƒªãƒƒãƒˆ â–¶ãƒ¡ãƒªãƒƒãƒˆ ãƒ»å°Žå…¥ãŒç°¡å˜ å®Ÿéš›åƒ•ã‚‚è»½ãæ›¸ã„ã¦ã¿ã¾ã—ãŸãŒã»ã¨ã‚“ã©LESSã‚’æ„è˜ã™ã‚‹ã“ã¨ãŒãªã„ã§ã™ã€‚ CSSã‚’æ›¸ã„ã¦ã„ã¦ã€å¤‰æ•°ãŒã‚ã‚Œã°ã„ã„ãªãã¨ã‹ãƒã‚¹ãƒˆå‡ºæ¥ã‚Œã°ã„ã„ãª
bitgleams 2012/10/30
less

tutorial

åŸºæœ¬

css

css3

scss

dev

web

***
ãƒªãƒ³ã‚¯
ã€Webãƒ‡ã‚¶ã‚¤ãƒŠï¼ãƒ»ã‚³ãƒ¼ãƒ€ãƒ¼å‘ã‘ã€‘ã™ãã«ä½¿ãˆã‚‹SCSSå…¥é–€ï½œCompassåŸºç¤Žç·¨ | DevelopersIO
ã¯ã˜ã‚ã« å£ç¯€ã®å¤‰ã‚ã‚Šã‚ã§é¢¨é‚ªã‚’ã²ã„ã¦ã„ã¾ã›ã‚“ã‹ï¼Ÿåƒ•ã¯38åº¦ã®ç†±ã§ä¼šç¤¾ã‚’ä¼‘ã¿ã¾ã—ãŸã€‚ã”ã‚ã‚“ãªã•ã„ã€‚ å‰å›žã¯ã€Œã€Webãƒ‡ã‚¶ã‚¤ãƒŠï¼ãƒ»ã‚³ãƒ¼ãƒ€ãƒ¼å‘ã‘ã€‘ã™ãã«ä½¿ãˆã‚‹SCSSå…¥é–€ï½œåŸºç¤Žç·¨ã€ã§GUIã§SCSSã‚’ä½¿ãˆã‚‹Scout.appã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‹ã‚‰ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—ã«ã¤ã„ã¦ã€ã¾ãŸSCSSã®4ã¤ã®ä¸»ãªæ©Ÿèƒ½ã€Œå¤‰æ•°ã€ã€Œå®£è¨€ãƒ–ãƒãƒƒã‚¯ã®ãƒã‚¹ãƒˆã€ã€ŒMixinsï¼ˆé–¢æ•°ï¼‰ã€ã€Œã‚»ãƒ¬ã‚¯ã‚¿ç¶™æ‰¿ã€ã«ã¤ã„ã¦ã”ç´¹ä»‹ã—ã¾ã—ãŸã€‚ ãã“ã§ã€ä»Šå›žã¯GUIãƒ„ãƒ¼ãƒ«ã®Scout.appã«åŒæ¢±ã•ã‚Œã¦ã„ã‚‹Compassã«ã¤ã„ã¦æ´»ç”¨æ–¹æ³•ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚Compassã¯ã€SCSSä½¿ã„ãªã‚‰å¿…é ˆã®ä¾¿åˆ©ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ Compass - CSS ã‚ªãƒ¼ã‚µãƒªãƒ³ã‚°ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã¯ compassã¯Sassã‚’ä½¿ã£ãŸã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®CSSã‚ªãƒ¼ã‚µãƒªãƒ³ã‚°ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ compassã‚’ä½¿ã†ã“ã¨ã§ã€Bender Prefixã€CSS Spriteã‚’è‡ªå‹•
bitgleams 2012/10/25
scss

css

sass

compass

css3

tutorial

åŸºæœ¬

web

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

scss

sass

web

dev

css

language

webdesign

***
ãƒªãƒ³ã‚¯
1