[B! SCSS] div1ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

div1 id:div1

SCSSã«é–¢ã™ã‚‹div1ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

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

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

SCSS
ãƒªãƒ³ã‚¯
è§£æ”¾æ–°èžã«ã‚ˆã‚‹åœ¨ç‰¹ä¼šé–¢é€£ã®è™šå ±ã«ã¤ã„ã¦ - åœ¨æ—¥ç‰¹æ¨©ã‚’è¨±ã•ãªã„å¸‚æ°‘ã®ä¼š - ãƒ‹ãƒ¥ãƒ¼ã‚¹
This domain may be for sale!
div1 2013/09/20
compass

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

css

retina
ãƒªãƒ³ã‚¯
sassã®æŠ‘ãˆã¦ãŠããŸã„functionã®ä½¿ã„æ–¹ Â« NAVER Engineers' Blog
ã“ã‚“ã«ã¡ã¯ã€‚ å¹´æœ«ã®äºˆå®šã¯ã¶ã£é€šã—ã§ã‚¹ã‚«ã‚¤ãƒªãƒ ã«ã¤ãŽè¾¼ã‚€ã“ã¨ãŒæ±ºå®šã—ãŸUITå¯Œç”°ã§ã™ã€‚ ä»Šå›žã¯ã€Less & Sass Advent calendar 2011ã®6æ—¥ç›®ã¨ã—ã¦ã€ sassã®functionã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ ã™ã£ã½ã‚Šãƒãƒžã£ãŸå››å‰‡æ¼”ç®—ã®è½ã¨ã—ç©´ sassã¯å€¤ã®å››å‰‡æ¼”ç®—ã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ãŠã‚Šã€10é€²æ•°ã ã‘ã§ãªãã€16é€²æ•°ã®å€¤ã§ã‚ã£ã¦ã‚‚ã‚ˆã—ãªã«è¨ˆç®—ã—ã¦ãã‚Œã¾ã™ã€‚ color: #a3a4a5 + #111111; â†“ color: #b4b5b6; 16é€²æ•°ã¨10é€²æ•°ã§ã‚‚ã‚¨ãƒ©ãƒ¼ã«ãªã‚‰ãšè¨ˆç®—ã—ã¦ãã‚Œã¾ã™ã€‚ï¼ˆæ™®é€šã‚ã¾ã‚Šã‚„ã‚‰ãªã„ã¨ã¯æ€ã„ã¾ã™ãŒï¼‰ color1: #000000 + 1; color2: #000000 + 15; â†“ color1: #010101; color2: #0f0f0f; ã“ã®16é€²æ•°ã®è¨ˆç®—ã¯ã€çµæžœãŒ#fffffã‚’ä¸Šå›žã£ãŸå ´åˆã€ä¸Šå›žã£ãŸåˆ†ã¯åˆ‡ã‚Šæ¨ã¦ã¦ã€ã™
div1 2013/01/22
SCSS
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (3)

SCSSã«é–¢ã™ã‚‹div1ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬2é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (3)

SCSSã«é–¢ã™ã‚‹div1ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

ã€Webãƒ‡ã‚¶ã‚¤ãƒŠï¼ãƒ»ã‚³ãƒ¼ãƒ€ãƒ¼å‘ã‘ã€‘ã™ãã«ä½¿ãˆã‚‹SCSSå…¥é–€ï½œè¨­å®šãƒ•ã‚¡ã‚¤ãƒ«ã‚’çŸ¥ã£ã¦ãŠã“ã† â€“ ç•ªå¤–ç·¨ | DevelopersIO

è§£æ”¾æ–°èžã«ã‚ˆã‚‹åœ¨ç‰¹ä¼šé–¢é€£ã®è™šå ±ã«ã¤ã„ã¦ - åœ¨æ—¥ç‰¹æ¨©ã‚’è¨±ã•ãªã„å¸‚æ°‘ã®ä¼š - ãƒ‹ãƒ¥ãƒ¼ã‚¹

ã‚³ãƒ¼ãƒ€ãƒ¼å¿…è¦‹ã€SCSSãƒ»Compassã§é–‹ç™ºåŠ¹çŽ‡ã‚¢ãƒƒãƒ—ï½œRetina Displayå¯¾å¿œCSS Spriteç·¨ | DevelopersIO

sassã®æŠ‘ãˆã¦ãŠããŸã„functionã®ä½¿ã„æ–¹ Â« NAVER Engineers' Blog

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬2é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

å…¬å¼Twitter

ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (3)

SCSSã«é–¢ã™ã‚‹div1ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

ã€Webãƒ‡ã‚¶ã‚¤ãƒŠï¼ãƒ»ã‚³ãƒ¼ãƒ€ãƒ¼å‘ã‘ã€‘ã™ãã«ä½¿ãˆã‚‹SCSSå…¥é–€ï½œè¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã‚’çŸ¥ã£ã¦ãŠã“ã† â€“ ç•ªå¤–ç·¨ | DevelopersIO

è§£æ”¾æ–°èžã«ã‚ˆã‚‹åœ¨ç‰¹ä¼šé–¢é€£ã®è™šå ±ã«ã¤ã„ã¦ - åœ¨æ—¥ç‰¹æ¨©ã‚’è¨±ã•ãªã„å¸‚æ°‘ã®ä¼š - ãƒ‹ãƒ¥ãƒ¼ã‚¹

ã‚³ãƒ¼ãƒ€ãƒ¼å¿…è¦‹ã€SCSSãƒ»Compassã§é–‹ç™ºåŠ¹çŽ‡ã‚¢ãƒƒãƒ—ï½œRetina Displayå¯¾å¿œCSS Spriteç·¨ | DevelopersIO

sassã®æŠ‘ãˆã¦ãŠããŸã„functionã®ä½¿ã„æ–¹ Â« NAVER Engineers' Blog

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬2é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹