[B! scss] ruedapã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ruedap id:ruedap

scssã«é–¢ã™ã‚‹ruedapã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (41)

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

guides/style/sass at master Â· thoughtbot/guides Â· GitHub
ruedap 2015/01/29
thoughtbot

scss

sass

css

styleguide

coding-convention
ãƒªãƒ³ã‚¯
GitHub - sds/scss-lint: Configurable tool for writing clean, consistent SCSS
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
ruedap 2014/03/23
sass

scss

lint
ãƒªãƒ³ã‚¯
css2scss - from css to scss
When overwriting colors, should alpha-values be kept ?
ruedap 2013/06/15
ç´ ã®CSSã‹ã‚‰Compassã‚’ä½¿ã£ãŸSCSSå½¢å¼ã«å¤‰æ›ã™ã‚‹ã‚³ãƒ³ãƒãƒ¼ã‚¿

css

compass

scss
ãƒªãƒ³ã‚¯
Sass Style Guide | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! With more people than ever writing in Sass, it bears some consideration how we format it. CSS style guides are common, so perhaps we can extend those to cover choices unique to Sass. Here are some ideas that Iâ€™ve been gravitating toward. Perhaps they are useful to you or help you formulate i
ruedap 2013/05/31
sass

scss

styleguide

coding-convention
ãƒªãƒ³ã‚¯
CSSã®ã¿ã¨Sass/SCSSã€Lessã«å¯¾å¿œã—ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆç³»CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ã¤ã„ã¦èª¿ã¹ã¦è¡¨ã«ã—ã¦ã¿ãŸ | DevelopersIO
ã¿ãªã•ã¾ã“ã‚“ã«ã¡ã‚ã€‚ Webã‚µã‚¤ãƒˆé«˜é€ŸåŒ–ã‚„SCSSã®é€£è¼‰ã‚’æ›¸ã„ã¦ã„ã‚‹é‡Žä¸ã§ã™ã€‚ ãã†ã„ãˆã°Google ReaderãŒçµ‚äº†ã™ã‚‹ã¨ã®ã“ã¨ã§ã¨ã¦ã‚‚æ®‹å¿µã§ã™ãã€‚ èªè€…ã®ã¿ãªã•ã¾ã‚‚æ¬¡ã®å¼•ã£è¶Šã—å…ˆãƒ„ãƒ¼ãƒ«æŽ¢ã—ã§å¿™ã—ã„ã¨ã“ã‚ã ã¨æ€ã„ã¾ã™ã€‚ ãã“ã§ã€ã‚¯ãƒ©ã‚¹ãƒ¡ã‚½ãƒƒãƒ‰é–‹ç™ºãƒ–ãƒã‚°ã®RSSã‚‚å¿˜ã‚Œãšã«ç™»éŒ²ã‚’ãŠé¡˜ã„ã—ã¾ã™ã€‚ ã¨ã¦ã‚‚æ›´æ–°é »åº¦ã®é«˜ã„ãƒ–ãƒã‚°ã¨ã„ã†ã“ã¨ã‚‚ã‚ã‚Šã€ã„ã‚ã„ã‚ãªåˆ‡ã‚Šå£ã®RSSã‚’ç”¨æ„ã—ã¦ã„ã¾ã™ã€‚ æœ¬é¡Œ ãã‚Œã§ã¯æœ¬é¡Œã§ã™ãŒã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆç³»ã®CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã£ã¦è‰²ã€…ã‚ã‚Šã¾ã™ã‚ˆãã€‚ å€‹äººçš„ã«ã¯HTMLä¸Šã®ã‚¯ãƒ©ã‚¹ã«ã‚ã¾ã‚Šæ„å‘³ã®ãªã„æ–‡å—åˆ—ã¯å…¥ã‚ŒãŸããªã„ã®ã§ä½¿ã£ã¦ã„ã¾ã›ã‚“ã§ã—ãŸã€‚HTMLã‚‚ç·¨é›†ã—ãªã‘ã‚Œã°ãªã‚‰ãªã„ã®ã§ã€‚ ãµã¨Sass/SCSSã§Extendã—ãŸã‚ŠMixinsã§åˆ¶å¾¡ã§ãã‚‹ã‚‚ã®ã§ã‚ã‚Œã°ç„¡é§„ãªã‚¯ãƒ©ã‚¹æŒ‡å®šã‚’æ¸›ã‚‰ã—ã¦å¯å¤‰ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªã‚°ãƒªãƒƒãƒ‰åˆ¶å¾¡ãŒã§ãã‚‹ã‚“ã˜ã‚ƒãªã„ã‹æ€ã£ã¦æŽ¢ã—ã¦ã¿ãŸã‚‰è‰²ã€…ã¨ã‚ã‚Šã¾ã—ãŸã€‚ æœ€åˆ
ruedap 2013/03/23
css

framework

sass

scss

less

responsive

grid

layout
ãƒªãƒ³ã‚¯
ã‚³ãƒ¼ãƒ€ãƒ¼å¿…è¦‹ã€SCSSãƒ»Compassã§é–‹ç™ºåŠ¹çŽ‡ã‚¢ãƒƒãƒ—ï½œRetina Displayå¯¾å¿œCSS Spriteç·¨ | DevelopersIO
ã‚³ãƒ¼ãƒ€ãƒ¼å¿…è¦‹ã€SCSSãƒ»Compassã§é–‹ç™ºåŠ¹çŽ‡ã‚¢ãƒƒãƒ—ï½œRetina Displayå¯¾å¿œCSS Spriteç·¨ ã¯ã˜ã‚ã« ç‰¹ã«å¯’ã„ä»Šæ—¥ã“ã®é ƒã§ã™ãŒèªè€…ã®çš†æ§˜ã¯å…ƒæ°—ã«ãŠéŽã”ã—ã§ã—ã‚‡ã†ã‹ï¼Ÿ 2æœˆã®ãƒªã‚¢å……ã‚¤ãƒ™ãƒ³ãƒˆã¨ã„ãˆã°ãƒãƒ¬ãƒ³ã‚¿ã‚¤ãƒ³ã§ã™ãï¼ˆä¼æ¥æˆ¦ç•¥ï¼‰ã€‚ãƒãƒ¬ãƒ³ã‚¿ã‚¤ãƒ³ç”¨ã®ãƒãƒ§ã‚³ã‚’è²©å£²ã™ã‚‹ãŠåº—ã‚‚å¢—ãˆã¦ãã¾ã—ãŸã€‚ å¼Šç¤¾ã¯ç§‹è‘‰åŽŸã¨ã„ã†ç«‹åœ°ã§ã™ãŒæ„å¤–ãªã“ã¨ã«æ—¢å©šè€…ãŒå¤šã„ã®ã§ã€Œãƒªã‚¢å……çˆ†ç™ºã—ã‚ã€ã¨å˜†ãç”·æ€§ã¯å°‘æ•°ã®ã‚ˆã†ã§ã™ã€‚ ã¡ãªã¿ã«ãƒ“ã‚¿ãƒ¼ãƒãƒ§ã‚³ãŒå¥½ãã§ã™ã€‚ æœ¬é¡Œ ä»Šå›žã¯å°‘ã—å‰ã«åŸ·ç†ã—ãŸã€Œã‚³ãƒ¼ãƒ€ãƒ¼å¿…è¦‹ã€SCSSãƒ»Compassã§é–‹ç™ºåŠ¹çŽ‡ã‚¢ãƒƒãƒ—ï½œä¾¿åˆ©ãªCSS Spriteå®Ÿè£…ç·¨ã€ã‚’ç™ºå±•ã•ã›ã¦SCSSãƒ»Compassã§Retina Displayã«å¯¾å¿œã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ äº‹å‰ã«å¿…è¦ãªçŸ¥è˜ ã“ã®è¨˜äº‹ã§ã¯ã€ä»¥ä¸‹ã®äº‹å‰çŸ¥è˜ãŒå¿…è¦ã«ãªã‚Šã¾ã™ã€‚ è¨˜äº‹ä¸ã§ã‚‚è§£èª¬ã‚’æŒŸã¿ã¾ã™ãŒã€è©³ã—ãã¯è§£èª¬ã§æ¡ˆå†…ã—ã¦ã„ã‚‹ãƒšãƒ¼ã‚¸ã‚’å‚è€ƒã«ã—ã¦ãã ã•
ruedap 2013/02/12
compass

retina

scss

device-pixel-ratio

css-sprite
ãƒªãƒ³ã‚¯
Sass ã®ã‚«ã‚¹ã‚¿ãƒ é–¢æ•°ã®æ›¸ãæ–¹
Sass ã¯ ãƒã‚¤ãƒ†ã‚£ãƒ–é–¢æ•° ã®ã»ã‹ã«ã€@function ãƒ‡ã‚£ãƒ¬ã‚¯ãƒ†ã‚£ãƒ– ã‚’ä½¿ã£ã¦ã‚«ã‚¹ã‚¿ãƒ é–¢æ•°ã‚’è‡ªç”±ã«å®šç¾©ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚åƒ•ã‚‚ã‚ˆã‚Šå…±æœ‰ã‚„å†åˆ©ç”¨ã®ã—ã‚„ã™ã„ã‚‚ã®ã‚’ä½œã‚‹ã¹ãè©¦è¡ŒéŒ¯èª¤ã—ã¦ã„ã¾ã™ãŒã€ã“ã“ã§ã¯ãã®ã†ã¡æœ€è¿‘è©¦ã—ã¦ã„ã‚‹ã„ãã¤ã‹ã®ãƒ‘ã‚¿ãƒ¼ãƒ³ã«ã¤ã„ã¦æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ã”æ„è¦‹æ±‚ã‚€ã€‚ æŽ¥é è¾ž attr() ã‚„ calc() ãªã© CSS ã®ãƒã‚¤ãƒ†ã‚£ãƒ–é–¢æ•°ã‚„ percentage() ã‚„ type-of() ã¨ã„ã£ãŸ Sass ã®ãƒã‚¤ãƒ†ã‚£ãƒ–é–¢æ•°ã¨åå‰ãŒè¡çªã™ã‚‹ã®ã‚’é˜²ããŸã‚ã€ã‚«ã‚¹ã‚¿ãƒ é–¢æ•°ã®é–¢æ•°åã«æŽ¥é è¾žã‚’ã¤ã‘ã‚‹ã“ã¨ã‚’æ¤œè¨Žã—ã¦ã„ã¾ã™ã€‚ç¾è¡Œã® CSS/Sass ã ã‘ã§ã¯ãªãå°†æ¥è¿½åŠ ã•ã‚Œã‚‹æ–°ã—ã„ãƒã‚¤ãƒ†ã‚£ãƒ–é–¢æ•°ã‚‚è€ƒæ…®ã™ã‚‹ã¨ã‚„ã¯ã‚Šä½•ã‚‰ã‹ã®å¯¾ç–ã‚’ã—ã¦ãŠããŸã„ã¨ã“ã‚ã§ã€æŽ¥é è¾žã¯ç¾å®Ÿçš„ãªè§£ã§ã‚ã‚‹ã‚ˆã†ã«æ€ã„ã¾ã™ã€‚Sass ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã® é–¢æ•°ãƒ‡ã‚£ãƒ¬ã‚¯ãƒ†ã‚£ãƒ–ã®é … ã§ã‚‚ä»¥ä¸‹ã®ã‚ˆã†ã«æŽ¥é è¾žã®æŽ¡ç”¨ã‚’å‹§ã‚ã¦ã„ã¾ã™: It is
ruedap 2013/01/06
sass

scss

function
ãƒªãƒ³ã‚¯
Primer
Primer is a set of guidelines, principles, and patterns for designing and building UI at GitHub. It provides a shared language and standardized approach to delivering cohesive experiences.
ruedap 2012/12/02
github

css

style

coding-style

coding-convention

sass

scss

guideline
ãƒªãƒ³ã‚¯
ã‚³ãƒ¼ãƒ€ãƒ¼å¿…è¦‹ã€SCSSãƒ»Compassã§é–‹ç™ºåŠ¹çŽ‡ã‚¢ãƒƒãƒ—ï½œä¾¿åˆ©ãªCSS Spriteå®Ÿè£…ç·¨ | DevelopersIO
ã¯ã˜ã‚ã« ä»Šå›žã‹ã‚‰ã€Œã™ãã«ä½¿ãˆã‚‹SCSSå…¥é–€ã‚·ãƒªãƒ¼ã‚ºã€ã‹ã‚‰ã‚¿ã‚¤ãƒˆãƒ«ã‚’å¤‰ãˆã¦SCSSãƒ»Compassã‚’ä½¿ã£ãŸã‚³ãƒ¼ãƒ€ãƒ¼å‘ã‘é–‹ç™ºåŠ¹çŽ‡ã‚¢ãƒƒãƒ—ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¦ã„ãã¾ã™ï¼ˆã‚·ãƒªãƒ¼ã‚ºã¯ç¶šãã¾ã™ï¼‰ã€‚ ä»Šå›žä½œæˆã—ãŸã‚µãƒ³ãƒ—ãƒ« ã“ã®ã‚µãƒ³ãƒ—ãƒ«ã¯githubã§é…å¸ƒã—ã¦ã„ã¾ã™ã€‚ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ã‚½ãƒ¼ã‚¹ãªã©ã”ç¢ºèªãã ã•ã„ã€‚ å‹•ä½œã™ã‚‹HTMLã‚µãƒ³ãƒ—ãƒ«ã¯ã“ã¡ã‚‰ã§ã™ã€‚ CSS Spriteã£ã¦ï¼Ÿ CSS Spriteã«ã¤ã„ã¦ãŠå¾©ç¿’ã„ã§ã™ã€‚ ç°¡å˜ã«è¨€ã†ã¨ç”»åƒã‚’ãã£ã¤ã‘ã¦CSSã®backgroud-positionã§è¡¨ç¤ºã‚’åˆ¶å¾¡ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã§ã™ã€‚ CSS Spriteã®ãƒ¡ãƒªãƒƒãƒˆ ç”»åƒã‚’ãã£ã¤ã‘ã‚‹ã“ã¨ã«ã‚ˆã£ã¦HTTPãƒªã‚¯ã‚¨ã‚¹ãƒˆæ•°ã®å‰Šæ¸› ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ãªã©ã§è¡¨ç¤ºã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ãŒã‚¹ãƒ ãƒ¼ã‚ºï¼ˆå€‹åˆ¥ã«ç”»åƒã‚’èªã¿è¾¼ã‚“ã§ã„ã‚‹å ´åˆã€åˆ‡ã‚Šæ›¿ã‚ã£ãŸã¨ãã«èªã¿è¾¼ã¿ãŒç™ºç”Ÿã—ã¾ã™ï¼‰ CSSã®ã¿ã§ãƒœã‚¿ãƒ³ãªã©ã®ã‚¢ãƒ•ã‚©ãƒ¼ãƒ€ãƒ³ã‚¹ã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ã“ã¨ãŒã§ãã‚‹ CSS Sp
ruedap 2012/12/02
compass

scss

css-sprite

css
ãƒªãƒ³ã‚¯
LESS/Sass+Compass/Stylusãªã©ã‚’ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã™ã‚‹ã‚¢ãƒ¬ã‚³ãƒ¬ â€“ A Memorandum
çŸ¥ã£ã¦ã‚‹é™ã‚Šã§ã¡ã‚‡ã£ã¨ã¾ã¨ã‚ã¦ãŠãã¾ã—ãŸã€‚LESSã‚„Sass+Compassã€Stylusã‚’ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã§ãã‚‹å„ç¨®ãƒ„ãƒ¼ãƒ«ã§ã™ï¼ˆãã‚Œã‚‰ã®Mixinsé›†ãªã‚“ã‹ã¯å…¥ã‚Œã¦ã„ã¾ã›ã‚“ï¼‰ã€‚ä¸ã«ã¯ã€HTMLã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ãªã‚“ã‹ã‚‚ã‚ã‚ã›ã¦ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã§ãã‚‹ã®ã‚‚å«ã¾ã‚Œã¦ã„ã¾ã™ã€‚ä½•ã‹ã®ã”å‚è€ƒã«ãªã‚Œã°ã€‚ GUIã§ã©ã†ã«ã‹ã—ãŸã„ã‚ãªãŸã¸ 1. CodeKit CodeKitã¯ã€æœ‰å„Ÿã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§OS Xã§ã—ã‹ä½¿ãˆã¾ã›ã‚“ã€‚å¯¾å¿œã—ã¦ã„ã‚‹ãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µã‚„ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ã®ç¨®é¡žã¯åœ§å€’çš„ã«å¤šã„ã®ãŒç‰¹å¾´ã§ã™ã€‚ã¨ã‚Šã‚ãˆãšä½¿ã„ãã†ãªã‚‚ã®ã‚’ã‚ã’ã‚‹ã¨ã€LESSã€Sass/Compassï¼ˆã¨ãã®mixinã§ã‚ã‚‹Bourbonï¼‰ã€Stylusã¨ã„ã£ãŸCSSãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µã®é¡žã€IEã®4095å€‹ã‚»ãƒ¬ã‚¯ã‚¿ã®å•é¡Œã‚’å›žé¿ã™ã‚‹Blessã€‚ãã—ã¦Hamlã«Jadeã«Slimã¨ã„ã£ãŸãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ã€CoffeeScriptã«Node.
ruedap 2012/11/21
sass

scss

less

css

compiler

app

compass

bourbon
ãƒªãƒ³ã‚¯
Bourbon - A Lightweight Sass Tool Set
Bourbon is a lightweight Sass toolÂ set Latest version: 7.3.0 Dependency-free: Bourbon is pure Sass. Human-readable: We aim for clarity over brevity. Lightweight: Zero output post-install and has no visual opinion. Get Started
ruedap 2012/11/16
css

framework

sass

scss

thoughtbot

mixin

bourbon
ãƒªãƒ³ã‚¯
How to make Rails 3.1 use SASS (Over SCSS) as the default?
ruedap 2012/11/02
rails

sass

scss

syntax

rails3.1
ãƒªãƒ³ã‚¯
å°‘ãªã„æ‰‹é–“ã¨çŸ¥è˜ã§ãã‚Œãªã‚Šã«è¦‹ã›ã‚‹ã€ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯// Speaker Deck
å°‘ãªã„æ‰‹é–“ã¨çŸ¥è˜ã§ãã‚Œãªã‚Šã«è¦‹ã›ã‚‹ã€ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version ç¬¬ä¸€å›žâ€¦
ruedap 2012/10/28
ã“ã‚Œã¯ã‚ºãƒ«ã„ã„ã¾ã¨ã‚

webdesign

css

css3

compass

scss

zurui

presentation
ãƒªãƒ³ã‚¯
Ultimate CSS Gradient Generator from ColorZilla
background: linear-gradient(); /* W3C, IE10+, FF16+, Chrome 26+, Opera 12+, Safari 7+ */
ruedap 2012/10/28
css

css3

gradient

generator

color

webdesign

sass

scss

compass
ãƒªãƒ³ã‚¯
Chromeã§SassãŒã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã—ãŸçµæžœã®CSSã‹ã‚‰å…ƒã®SCSSã®å ´æ‰€ã‚’è¦‹ã¤ã‘ã‚‹
Chromeã®experimentalãªæ©Ÿèƒ½ã§ã€Sassã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã—ãŸçµæžœã®CSSã‹ã‚‰ã€SCSSãƒ•ã‚¡ã‚¤ãƒ«ã‚’å‚ç…§ã§ãã‚‹ã¨ã‹ãªã‚“ã¨ã‹ã‚’è©¦ã—ãŸã€‚å…ƒè¨˜äº‹ã¯ã“ã‚Œ
ruedap 2012/10/28
sass

scss

chrome

debug

css
ãƒªãƒ³ã‚¯
culture27.com
culture27.com 2023 è‘—ä½œæ¨©. ä¸è¨±è¤‡è£½ ãƒ—ãƒ©ã‚¤ãƒã‚·ãƒ¼ãƒãƒªã‚·ãƒ¼
ruedap 2012/10/27
scss

mixin

media-queries

css
ãƒªãƒ³ã‚¯
ã€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ã‚’è‡ªå‹•
ruedap 2012/10/27
scss

compass

css

css3

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

scss

windows7
ãƒªãƒ³ã‚¯
howtohp.com
This domain may be for sale!
ruedap 2012/09/25
sass

scss

media-queries

responsive

extend
ãƒªãƒ³ã‚¯
å®Ÿè·µSass - HTML5 Conference 2012
ruedap 2012/09/24
sass

scss

video

presentation

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