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

aki77 id:aki77

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

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

Sassã‚’@importã‹ã‚‰@useã«ç½®ãæ›ãˆã‚‹ãŸã‚ã®æ‰‹å¼•ã - kojika17
Sassã®@importãƒ«ãƒ¼ãƒ«ã¯ã€å»ƒæ¢ã•ã‚Œã‚‹ã“ã¨ãŒäºˆå®šã•ã‚Œã¦ã„ã¾ã™ã€‚ @useã‚„@forwardã¨ã„ã£ãŸãƒ«ãƒ¼ãƒ«ã«ç½®ãæ›ã‚ã‚‹ã®ã§ã™ãŒã€ã“ã‚Œã‚‰ã¯å…¨ãæ–°ã—ã„ã‚·ã‚¹ãƒ†ãƒ ã§ã™ã€‚ ã“ã‚Œã‚‰ã®çŸ¥è¦‹ãŒæºœã¾ã£ã¦ããŸã®ã§ã”ç´¹ä»‹ã—ã¾ã™ã€‚ @import ã¨ æ–°ã—ã„ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚·ã‚¹ãƒ†ãƒ Sassã®åˆæœŸã®æ–¹ã‹ã‚‰å®Ÿè£…ã•ã‚Œã¦ã„ãŸ@importã¯ã€ãƒ†ã‚ã‚¹ãƒˆå½¢å¼ã§Sassãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã‚€ãŸã‚ã®æ©Ÿèƒ½ã§ã™ã€‚ä¾¿åˆ©ãªæ©Ÿèƒ½ã§ã™ãŒã€CSSã®@importã¨é‡è¤‡ã—ã¦ã„ã‚‹ãŸã‚ã€Sassãªã®ã‹CSSãªã®ã‹ä¸€è¦‹ã—ã¦ã‚ã‹ã‚Šã«ãã„å´é¢ãŒã‚ã‚Šã¾ã—ãŸã€‚ æ–°ã—ã„ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚·ã‚¹ãƒ†ãƒ ã¯ã€ã“ã®å•é¡Œã‚’è§£æ¶ˆã—ã€Sassã‚’ã‚ˆã‚ŠæŸ”è»Ÿã«ä½¿ç”¨ã§ãã‚‹ã‚ˆã†ã«ã—ã¾ã™ã€‚ @importã§ã¯ã‚°ãƒãƒ¼ãƒãƒ«ã«æŒ‡å®šã•ã‚Œã¦ã„ãŸå¤‰æ•°ãªã©ã¯ã€ãƒ•ã‚¡ã‚¤ãƒ«ã”ã¨ã«ã‚«ãƒ—ã‚»ãƒ«åŒ–ã•ã‚Œã€ãƒ•ã‚¡ã‚¤ãƒ«ã®å†…å®¹ã«åŸºã¥ã„ã¦è§£æ±ºã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ç¾åœ¨ã€Dart Sassã—ã‹æ–°ã—ã„ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚·ã‚¹ãƒ†ãƒ ã¯ä½¿ãˆã¾ã›ã‚“ãŒã€Lib
aki77 2021/05/15
sass
ãƒªãƒ³ã‚¯
Creating Stylesheet Feature Flags With Sass !default | CSS-Tricks
aki77 2021/05/15
sass
ãƒªãƒ³ã‚¯
Solve slow webpack compilation when using Tailwind @apply
aki77 2020/10/27
sass

webpack

performance
ãƒªãƒ³ã‚¯
Sass: LibSass is Deprecated
After much discussion among the Sass core team, weâ€™ve come to the conclusion that itâ€™s time to officially declare that LibSass and the packages built on top of it, including Node Sass, are deprecated. For several years now, itâ€™s been clear that thereâ€™s simply not enough engineering bandwidth behind LibSass to keep it up-to-date with the latest developments in the Sass language (for example, the mo
aki77 2020/10/27
sass
ãƒªãƒ³ã‚¯
Sassã®æ–°ã—ã„ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚·ã‚¹ãƒ†ãƒ
Sassã«æ–°ã—ã„ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚·ã‚¹ãƒ†ãƒ ãŒå°Žå…¥ã•ã‚Œã¾ã™ã€‚å…·ä½“çš„ã«ã¯@useã¨@forwardã¨ã„ã†2ã¤ã®ãƒ«ãƒ¼ãƒ«ãŒç™»å ´ã—ã€@importãƒ«ãƒ¼ãƒ«ã¯å°†æ¥çš„ã«å»ƒæ¢ã•ã‚Œã‚‹äºˆå®šã§ã™ã€‚ç¾åœ¨ã€Sassã®ãŠã‚‚ãªå®Ÿè£…ã¨ã—ã¦Dart Sassã¨LibSassãŒã‚ã‚Šã¾ã™ãŒã€ã¾ãšDart Sassã¸ã®å®Ÿè£…ãŒé€²ã‚“ã§ã„ã¦ã€ä»Šå¹´10æœˆã«å®‰å®šç‰ˆãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã‚‹äºˆå®šã§ã™ã€‚ã“ã®æ–°ã—ã„ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚·ã‚¹ãƒ†ãƒ ã‚’ç°¡å˜ã«ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãªãŠã€ã“ã“ã§è¨€ã†Sassã®ã€Œãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã€ã¨ã¯ã€ãƒ¡ãƒ³ãƒãƒ¼ï¼ˆå¤‰æ•°ã€é–¢æ•°ã€ãƒŸãƒƒã‚¯ã‚¹ã‚¤ãƒ³ï¼‰ã®ã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã‚’æŒ‡ã—ã€å…·ä½“çš„ã«ã¯Sassã®ã‚½ãƒ¼ã‚¹ãƒ•ã‚¡ã‚¤ãƒ«ã®ã“ã¨ã§ã™ã€‚ èƒŒæ™¯ æ–°ã—ã„ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚·ã‚¹ãƒ†ãƒ ãŒé–‹ç™ºã•ã‚ŒãŸèƒŒæ™¯ã¨ã—ã¦ã€@importãƒ«ãƒ¼ãƒ«ãŒã‹ã‹ãˆã‚‹å¤šãã®å•é¡ŒãŒã‚ã‚Šã¾ã™ã€‚ãƒ•ã‚¡ã‚¤ãƒ«ã‚¹ã‚³ãƒ¼ãƒ—ãŒãªã„ãŸã‚ä¾å˜ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã®æŠŠæ¡ãŒå›°é›£ã«ãªã£ãŸã‚Šã€åå‰ç©ºé–“ã‚’æŒãŸãªã„ãŸã‚ã«ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ä½œè€…ã¨åˆ©ç”¨è€…ãŒå‘½åã‚’å·¥å¤«ã—ãªã„ã¨ã„ã‘ãªã‹ã£ãŸã‚Šã€ã¨
aki77 2019/09/28
sass
ãƒªãƒ³ã‚¯
æ¾æœ¬ã®åœ°ã§Sass/SCSSã®é‚ªæ‚ªãªã‚¢ãƒ³ãƒ‘ã‚µãƒ³ãƒ‰ã‚’æ’²æ»…ã™ã‚‹ãŸã‚ã«ç«‹ã¡ä¸ŠãŒã£ãŸ - ãƒ¡ãƒ‰ãƒ”ã‚¢é–‹ç™ºè€…ãƒ–ãƒã‚°
ãƒ¡ãƒ‰ãƒ”ã‚¢CTOå®¤ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®å°å®®å±±ã§ã™ã€ã‚ˆã‚ã—ããŠããŒã„ã—ã¾ã™ã€‚ è¶£å‘³ã¯ãƒœãƒ«ãƒ€ãƒªãƒ³ã‚°ã¨ãƒ¨ã‚¬ã¨ãƒ”ãƒ©ãƒ†ã‚£ã‚¹ã§ã™ã€ã‚ˆã‚ã—ããŠããŒã„ã—ã¾ã™ã€‚ ï¼–æœˆæŸæ—¥ã€é•·é‡ŽçœŒæ¾æœ¬å¸‚ã®åœ°ã«ã¦é–‹å‚¬ã•ã‚ŒãŸãƒ¡ãƒ‰ãƒ”ã‚¢é–‹ç™ºåˆå®¿ã§å–ã‚Šçµ„ã‚“ã ã“ã¨ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã‚¢ãƒ³ãƒ‘ã‚µãƒ³ãƒ‰ã¸ã®ã‚¦ãƒ©ãƒŸãƒ„ãƒ©ãƒŸ ã‚¿ã‚¤ãƒˆãƒ«ã«ã‚‚æŒ™ã’ãŸã¨ãŠã‚Šã€ä»Šå›žç«‹ã¡å‘ã‹ã£ãŸã®ã¯Sass/SCSSã®ã‚¢ãƒ³ãƒ‘ã‚µãƒ³ãƒ‰ï¼ˆ&ï¼‰ã§ã™ã€‚ ãƒ¡ãƒ‰ãƒ”ã‚¢ã®ãƒªãƒã‚¸ãƒˆãƒªã¯ã»ã¼SCSSã§çµ±ä¸€ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ã“ã®è¨˜äº‹ã§ã¯SCSSã®è¨˜æ³•ãƒ™ãƒ¼ã‚¹ã§ã‚³ãƒ¼ãƒ‰ä¾‹ã‚’è¼‰ã›ã¦ã„ãã¾ã™ã€‚ ã‚¢ãƒ³ãƒ‘ã‚µãƒ³ãƒ‰è¨˜æ³•ã¯ã€BEMãƒ©ã‚¤ã‚¯ãªã‚»ãƒ¬ã‚¯ã‚¿ã‚’æ›¸ãã¨ãã«ã‚ˆãåˆ©ç”¨ã•ã‚Œã‚‹ã®ã§ã¯ã¨æ€ã„ã¾ã™ã€‚ ä¾‹ãˆã°ã“ã®ã‚ˆã†ãªã‚‚ã®ã§ã™ã€‚ .header { &__foo { color: green; } &--bar { color: blue; } } ã‚¢ãƒ³ãƒ‘ã‚µãƒ³ãƒ‰ã‚’ä½¿ã„ã€å†—é•·ãªè¨˜è¿°ã‚’é™ã‚Šãªãæ¸›ã‚‰ã—ãŸã‚¹ãƒžãƒ¼ãƒˆãªæ›¸ãæ–¹
aki77 2019/07/22
sass
ãƒªãƒ³ã‚¯
Sass Guidelines
An opinionated styleguide for writing sane, maintainable and scala ble Sass. The Sass Guidelines project has been translated into several languages by generous contributors. Open the options panel to switch. About the authorMy name is Kitty Giraudel, I am a French front-end developer, based in Berlin (Germany) since 2015, currently working at Cofenster. I have been writing Sass for several years no
aki77 2017/05/29
sass

styleguide
ãƒªãƒ³ã‚¯
SassMeister | The Sass Playground!
SassMeister is a playground for Sass. Add some Sass and SassMeister will show you the rendered CSS.
aki77 2017/03/23
sass

tool
ãƒªãƒ³ã‚¯
Sassã®Mixinã¨Placeholderã®ä½¿ã„åˆ†ã‘ - console.lealog();
ã²ã¨ã‚Šã‚±ãƒ¼ã‚¹ã‚¹ã‚¿ãƒ‡ã‚£ã§ã™ã€‚ å‰æã¨ã—ã¦æœ€è¿‘ã‚‚ã‚„ã‚‚ã‚„è‰²ã€…è€ƒãˆã‚‹ã‘ã©ã€çµå±€ãªã‚“ã¦çµè«–ä»˜ã‘ãŸã„ã‹ãŒã‚ˆãã‚ã‹ã‚‰ã‚“ã®ãŒå¤šã„ã®ã§ã€ãƒ¡ãƒ¢æ›¸ãã£ã¦ãªãƒ‹ãƒ¥ã‚¢ãƒ³ã‚¹ã€‚ ã¾ãšã¯ãŠã•ã‚‰ã„ã€‚ Mixin // ã„ã‚ã‚†ã‚‹é–¢æ•°ã£ã½ã„å®šç¾©ã®ä»•æ–¹ã§ @mixin sample($color, $size) { background-color: $color; width: $size; height: $size; } // ä½¿ãˆã‚‹ .sample { @include sample(blue, 30); } ã»ã‹ã«ã‚‚ã€ // ã„ã‚ã‚†ã‚‹é–¢æ•°ã£ã½ã„å®šç¾©ã®ä»•æ–¹ã§ @mixin sample($color, $size) { .sample { background-color: $color; width: $size; height: $size; @content; // ã‚³ãƒ¬ã«å¯¾ã—ã¦ } } // ãƒ–ãƒãƒƒã‚¯æŠ•ã’è¾¼ã‚ã‚‹ @
aki77 2016/12/01
sass
ãƒªãƒ³ã‚¯
çŸ¥ã‚‰ãªã„ã¨æã™ã‚‹Sassã®çµ„ã¿è¾¼ã¿é–¢æ•°å¾¹åº•è§£å‰– | Yuhiisk
Sassã‚’ä½¿ã†ã«ã‚ãŸã£ã¦ã€è¦šãˆã¦ãŠãã¨å¿…ãšå¹¸ã›ã«ãªã‚Œã‚‹çµ„ã¿è¾¼ã¿é–¢æ•°ã¨ã„ã†ã‚‚ã®ãŒã‚ã‚‹ã€‚ è‡ªåˆ†ã§å®šç¾©ã§ãã‚‹ @function ã¨ã¯é•ã„ã€Sassã«æœ€åˆã‹ã‚‰å‚™ã‚ã£ã¦ã„ã‚‹ã‚‚ã®ã ã€‚ Sassè‡ªä½“ã®æ©Ÿèƒ½ã ã‹ã‚‰ã€ã‚‚ã¡ã‚ã‚“Compassãªã©ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ä½¿ç”¨ã™ã‚‹éš›ã‚‚ä½¿ã†ã“ã¨ãŒã§ãã‚‹ã€‚ æ™®æ®µSassã‚’ä½¿ã£ã¦ã„ã‚‹ã²ã¨ã§ã‚‚ã€Sassã®çµ„ã¿è¾¼ã¿é–¢æ•°ã«ã¤ã„ã¦ã¯è©³ã—ãçŸ¥ã‚‰ãªã„äººã‚‚å¤šã„ã®ã§ã¯ãªã„ã ã‚ã†ã‹ã€‚ ã“ã‚Œã‚’è‡ªç”±ã«ä½¿ã„ã“ãªã™ã“ã¨ãŒå‡ºæ¥ã‚Œã°ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒæ¥½ã«ãªã‚‹ã“ã¨ã¯é–“é•ã„ãªã„ã€‚ æ”¹ã‚ã¦ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’è¦‹ç›´ã™ã¨è‡ªåˆ†ã®çŸ¥ã‚‰ãªã„ã‚‚ã®ã‚‚ã‚ã£ãŸãŸã‚ã€ä»Šå›žå…¨ã¦ã‚’ã¾ã¨ã‚ã¦ã¿ãŸã€‚ ã™ãã«è©¦ã—ã¦ã¿ãŸã„äººã¯ã“ã¡ã‚‰ã®ãƒ‡ãƒ¢ã‚’è©¦ã—ã¦ã¿ã‚‹ã¨ã„ã„ã€‚
aki77 2016/05/30
sass
ãƒªãƒ³ã‚¯
BEMã‚’Sassã§å¿«é©ã«æ›¸ãæ–¹æ³•
BEMã¨ã¯BEMã®æ¦‚è¦ã‚‚ã†ã™ã§ã«ã„ã‚ã‚“ãªãƒ–ãƒã‚°ã‚„Qiitaãªã©ã§æ›¸ã‹ã‚Œã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ãŒã€è‡ªåˆ†ã®é ã‚’æ•´ç†ã™ã‚‹ãŸã‚ã«ã‚‚æ›¸ã„ã¦ãŠãã¾ã™ã€‚BEMã¯ãƒã‚·ã‚¢ã®æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³å¤§æ‰‹ã®Yandexã«ã‚ˆã‚Šä»¥ä¸‹ã‚’é”æˆã™ã‚‹ãŸã‚ã«é–‹ç™ºã•ã‚ŒãŸã€Œcssã®è¨˜è¿°æ–¹æ³•è«–ã€ã§ã™ã€‚CSSã‚»ãƒ¬ã‚¯ã‚¿ã®ã€Œå‘½åè¦å‰‡ã€ã¨ã‚‚è¨€ã‚ã‚Œã¦ã„ã¾ã™ã€‚ Block, Element, ModifierBEMã¯ã€ã‚»ãƒ¬ã‚¯ã‚¿ã®å½¹å‰²ã‚’ã€ŒBlockã€ã€ŒElementã€ã€ŒModifierã€ã®3ã¤ã®æ¦‚å¿µã«åˆ†ã‘ã¦è€ƒãˆã‚‹CSSã®è¨è¨ˆæ€æƒ³ã§ã™ã€‚BEMã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã«ã‚ˆã‚‹ã¨ã€Blockã€Elementã€Modifierã¯ã€ãã‚Œãžã‚Œä»¥ä¸‹ã®ã‚ˆã†ã«å®šç¾©ã•ã‚Œã¦ã„ã¾ã™ã€‚ Blockã€ŒBlockã€ã¯ç‹¬ç«‹ã—ãŸã‚¨ãƒ³ãƒ†ã‚£ãƒ†ã‚£ï¼ˆå®Ÿä½“ï¼‰ã§ã‚ã‚Šã€ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã€Œæ§‹æˆã™ã‚‹ãƒ‘ãƒ¼ãƒ„ã€ã§ã™ã€‚Blockã¯å˜ä¸€ã§ç”¨ã„ã‚‹ã“ã¨ã‚‚å¯èƒ½ã ã—ã€ä»–ã®Blockã‚’å«ã‚“ã§è¤‡åˆçš„ã«ç”¨ã„ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã€‚Blockåã¯åŸºæœ¬çš„
aki77 2016/02/19
sass

bem

css
ãƒªãƒ³ã‚¯
CSSfmtã‚’ã¤ãã£ãŸè©±ã€ã‚‚ã—ãã¯æœ¬è³ªçš„ãªå•é¡Œè§£æ±ºã¨ã¯ - Qiita
CSSfmtã¨ã„ã†ã€CSSã¨SCSSã®ã‚³ãƒ¼ãƒ‰ã‚’è‡ªå‹•æ•´å½¢ã™ã‚‹ãƒ„ãƒ¼ãƒ«ã‚’ã¤ãã£ãŸã€‚ ä½¿ã„æ–¹ã¯READMEã‚’è¦‹ãŸã‚‰ã‚ã‹ã‚‹ã¨æ€ã†ã€‚Atom, Sublime Text, Vim, Emacsç”¨ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒã‚ã‚‹ã®ã§ã€ã‚¨ãƒ‡ã‚£ã‚¿ã§ä½¿ã†ã®ãŒãŠã™ã™ã‚ã€‚ã‚³ãƒžãƒ³ãƒ‰ãƒ©ã‚¤ãƒ³ã‹ã‚‰ã‚‚ä½¿ãˆã‚‹ã€‚ atom-cssfmt sublime-cssfmt vim-cssfmt cssfmt.el Atomã§CSSfmtãŒå‹•ã„ã¦ã„ã‚‹æ§˜åï¼š ãªãœã¤ãã£ãŸã®ã‹ ãƒãƒ¼ãƒ é–‹ç™ºã«ãŠã„ã¦ã€ã‚³ãƒ¼ãƒ‰ã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆãŒçµ±ä¸€ã•ã‚Œã¦ã„ãªã„ã“ã¨ãŒã‚ã‚‹ã€‚ ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã®å°ã•ãªé•ã„ã¯ã‚ã–ã‚ã–æŒ‡æ‘˜ã™ã‚‹ã®ã‚‚ã‚ã‚“ã©ã†ã ã—ã€æŒ‡æ‘˜ã•ã‚Œã¦ã‚‚å«Œãªæ°—åˆ†ã«ãªã‚‹ã€‚ãªã®ã§ã€ã‚³ãƒ¼ãƒ‰ã‚’ã‚ã‚‹ãƒ«ãƒ¼ãƒ«ã«å¾“ã£ã¦è‡ªå‹•ã§æ•´å½¢ã™ã‚‹ãƒ„ãƒ¼ãƒ«ã®å°Žå…¥ã¯å¿…é ˆã ã¨æ€ã†ã€‚ CSSã‚³ãƒ¼ãƒ‰ã®æ•´å½¢ãƒ„ãƒ¼ãƒ«ã¯ã„ãã¤ã‹ã‚ã‚‹ã€‚CSS Beautifyã‚„CSScombã€stylelintã§ã‚‚å¯èƒ½ã ã€‚ ã“ã‚Œã‚‰ã®ãƒ„ãƒ¼ãƒ«ã¨CSSfmt
aki77 2015/10/29
css

sass

tool
ãƒªãƒ³ã‚¯
JavaScriptã§Sassã®ã‚«ã‚¹ã‚¿ãƒ é–¢æ•°ã‚’ä½œã‚‹ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
aki77 2015/07/08
sass

node-sass
ãƒªãƒ³ã‚¯
Sass Compatibility
Feature is not supported Feature is supported Twitter icon GitHub icon Feature is partially supported
aki77 2015/07/08
sass
ãƒªãƒ³ã‚¯
GitHub - sass/node-sass: :rainbow: Node.js bindings to libsass
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
aki77 2015/05/14
sass

node.js
ãƒªãƒ³ã‚¯
Tokyo Otaku ModeãŒStylusã‚’ä½¿ã†ç†ç”± | Tokyo Otaku Mode Blog
Ð—Ð´Ñ€Ð°Ð²ÑÑ‚Ð²ÑƒÐ¹Ñ‚Ðµ! Tokyo Otaku Modeã§ãƒ•ãƒãƒ³ãƒˆå‘¨ã‚Šã‚’æ‹…å½“ã—ã¦ã„ã‚‹ä»Šå‰ã§ã™ã€‚ ç¤¾å†…ã§ãƒã‚·ã‚¢äººã¨ã„ã†è¨å®šã‚’ä»˜ã‘ã‚‰ã‚Œã¦ã„ã¾ã™ãŒã€ãƒã‚·ã‚¢èªžã¯æŒ¨æ‹¶ãã‚‰ã„ã—ã‹ã§ãã¾ã›ã‚“ã€‚ Webã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã®ã«é¿ã‘ã¦é€šã‚Œãªã„ã®ãŒCSSã ã¨æ€ã„ã¾ã™ã€‚ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚‚å¤šã‹ã‚Œå°‘ãªã‹ã‚ŒCSSã‚’æ›¸ãäº‹ãŒã‚ã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ ã—ã‹ã—ã€CSSã‚’æ›¸ãã®ã¯ã¨ã¦ã‚‚é¢å€’ãã•ã„ã§ã™ã€‚å‡ºæ¥ã‚‹é™ã‚Šæ¥½ã‚’ã—ãŸã„ã¨å¸¸ã€…æ€ã£ã¦ã„ã¾ã™ã€‚ãã“ã§ã€CSSãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µã‚’å°Žå…¥ã—ã¦CSSã‚’ä½œæˆã—ã¦ã„ã‚‹æ–¹ã‚‚å¤šã„ã§ã—ã‚‡ã†ã€‚CSSãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µã¨ã¯ã€ä¹±æš´ã«è¨€ã£ã¦ã—ã¾ãˆã°CSSã‚’ã‚¯ãƒ¼ãƒ«ã«ãƒ©ã‚¯ã«æ›¸ãäº‹ãŒã§ãã‚‹è¨€èªžã§ã™ã€‚(è¨è¨ˆãŒç´ æ™´ã‚‰ã—ãã€COOLãªCSSã¨ã„ã†ã‚‚ã®ã‚‚ã€ã‚‚ã¡ã‚ã‚“ã‚ã‚‹ã¨ã¯æ€ã„ã¾ã™ãŒã€ã“ã‚Œã¯ä¸€æ—¦ç½®ã„ã¦ãŠãã¾ã™ã€‚) æã‚‰ãæœ€ã‚‚çŸ¥ã‚‰ã‚Œã¦ã„ã‚‹ã‚‚ã®ã¯ã€LESSã¨Sass/Scssã§ã—ã‚‡ã†ã€‚ ã—ã‹ã—ã€Tokyo Otaku Modeã§ã¯ã€Stylusã¨ã„
aki77 2014/09/05
css

sass

stylus
ãƒªãƒ³ã‚¯
é•·æœŸã‹ã¤ä¿®æ£é »åº¦ã®é«˜ã„PJã§ã®CSSãƒ¡ãƒ³ãƒ† - ãƒ¯ã‚¶ãƒŽãƒ | wazanova
http://benfrain.com/enduring-css-writing-style-sheets-rapidly-changing-long-lived-projects/ 1 comment | 0 points | by WazanovaNews â– comment by Jshiike | ç´„2æ™‚é–“å‰ é•·æœŸçš„ãªå¤§è¦æ¨¡ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã€ã‹ã¤ä¿®æ£é »åº¦ãŒé«˜ã„å ´åˆã¯ã€DRYã‚ˆã‚Šã¯ãƒ¡ãƒ³ãƒ†æ€§ã‚’æœ€å„ªå…ˆã«ã—ãŸCSSã‚’æ›¸ãã¹ãã¨ã„ã†ã€Ben Frainã®æ–¹æ³•è«–ã§ã™ã€‚é•·æ–‡ã§ã™ãŒã€ã‚ˆãã¾ã¨ã¾ã£ã¦ã‚‹ã¨æ€ã„ã¾ã™ã€‚ 1) ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã¨ãƒ„ãƒ¼ãƒ« ãƒ—ãƒ¬ãƒ—ãƒã‚»ãƒƒã‚µ é•·æœŸã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ãŠã„ã¦é‡è¦ãªã®ã¯ã€ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã§ã¯ãªãã€ä½•ãŒã§ãã¦ã€ã©ã†é€²ã‚ã‚‹ã‹ã¨ã„ã†ã‚¢ãƒ—ãƒãƒ¼ãƒã€‚ Sass / LESS / Stylus / Myth ãªã©ã©ã‚Œã§ã‚‚ã€ã—ã£ã‹ã‚Šæ›¸ã‹ã‚Œã¦ã„ã‚Œã°ã€å¿…è¦ãªã¨ãã«ã„ã¤ã§ã‚‚çµ±åˆã¯ã§ãã‚‹ã€‚ãƒ—ãƒ¬ãƒ—ãƒã‚»ãƒƒã‚µã¯
aki77 2014/08/20
css

sass

architecture
ãƒªãƒ³ã‚¯
Sass: Sass 3.4 is Released
Weâ€™ve been trying to increase the pace of Sass releases, and it looks like weâ€™ve succeeded. A mere five months after the release of Sass 3.3, weâ€™re announcing the release of Sass 3.4.0, codename Selective Steve. Faster releases mean fewer major features per release, so there are only two big new things to talk about (although there are plenty of little improvements you can read about in the change
aki77 2014/08/19
sass
ãƒªãƒ³ã‚¯
Concise.CSSÂ·è»½é‡ã§SASSãƒ™ãƒ¼ã‚¹ã€çµžã‚Šè¾¼ã¾ã‚ŒãŸæ©Ÿèƒ½ã ã‘ã‚’æä¾›ã™ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ MOONGIFT
ã“ã“æ•°å¹´ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒç†±ã„ã§ã™ã€‚Bootstrapã€Zurb Foundationã‚’ã¯ã˜ã‚ã€å¤šç¨®å¤šæ§˜ãªãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒç™»å ´ã—ã¦ã„ã¾ã™ã€‚ãƒ—ãƒã‚°ãƒ©ãƒžã«ã¨ã£ã¦ã¯ä¾¿åˆ©ãªåé¢ã€æ„å¤–ã¨ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ã¯å¥½ã¾ã‚Œã¦ã„ãªã„ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ä½œæ³•ã«å‰‡ã£ã¦è¨˜è¿°ã—ã¦ã„ã‚‹åˆ†ã«ã¯è‰¯ã„ã®ã§ã™ãŒã€ã¡ã‚‡ã£ã¨ã§ã‚‚é€¸è„±ã—ã‚ˆã†ã¨ã™ã‚‹ã¨ã¨ãŸã‚“ã«é¢å€’ã«ãªã‚‹ã‚‚ã®ãŒå¤šã„å°è±¡ãŒã‚ã‚Šã¾ã™ã€‚ãã®åŠåˆ†ã‚‚æ©Ÿèƒ½ã¯ä½¿ã‚ã‚Œãªã„ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’æ¢ã‚ã¦ã€Concise.CSSã‚’ä½¿ã£ã¦ã¿ã¦ã¯ã„ã‹ãŒã§ã—ã‚‡ã†ã€‚ Concise.CSSã®ä½¿ã„æ–¹ ã¾ãšã¯Concise.CSSã§ä½œã‚‰ã‚ŒãŸã‚µã‚¤ãƒˆã®ã‚µãƒ³ãƒ—ãƒ«ã‹ã‚‰ã€‚ ãƒ†ã‚ã‚¹ãƒˆãƒ™ãƒ¼ã‚¹ã§ã‚‚ã¡ã‚ƒã‚“ã¨ä½œã‚Šè¾¼ã‚ã‚‹ã®ãŒè‰¯ã„ã§ã™ãã€‚ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ç³»ã®ãƒšãƒ¼ã‚¸æ§‹æˆã§ã™ã€‚ ã“ã“ã‹ã‚‰ç”»é¢è¦ç´ ã«ã¤ã„ã¦ã¿ã¦ã„ãã¾ã™ã€‚ ã‚°ãƒªãƒƒãƒ‰ã€‚ ãƒ˜ãƒƒãƒ€ãƒ¼ã€‚ å°ã•ã„æ–‡å—ã‚„æ–œä½“ã€‚ å¼•ç”¨ã€‚ ä½æ‰€ã€‚ æ–‡å—å¯„ã›ã€‚ èƒŒæ™¯è‰²ã€‚ éšŽå±¤å¯¾å¿œ
aki77 2014/08/13
css

framework

sass
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ã„ãªã„ãƒãƒ¼ãƒ ã§ã®CSSã®æ›¸ãæ–¹ - morishitter blog
ã‚¹ã‚¿ãƒ¼ãƒˆã‚¢ãƒƒãƒ—ã‚„å°‘äººæ•°ã®ãƒãƒ¼ãƒ ã§ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ï¼ˆæœ€çµ‚çš„ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®æ±ºå®šæ¨©ã‚’æŒã¤äººï¼‰ãŒã„ãªã„ã“ã¨ã‚‚å°‘ãªããªã„ã¨æ€ã†ã€‚ ã¾ãŸã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã ã‘ã§ä½•ã‹ã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½œã‚‹ã“ã¨ã‚‚å¤šã„ã ã‚ã†ã€‚ åƒ•è‡ªèº«ã€ãã®ã‚ˆã†ãªç’°å¢ƒã§ã‚ˆãé–‹ç™ºã‚’ã™ã‚‹ã€‚ åƒ•ã¯CSSã¯ãã“ãã“æ›¸ã‘ã‚‹ãŒã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ã¯ãªã„ã®ã§ã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¤ã„ã¦ã¯ä»–ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ç›¸è«‡ã—ãªãŒã‚‰æ±ºå®šã—ã¦ã„ã‚‹ã€‚ Illustratorã‚„Photoshopã‚‚ã»ã¼å…¨ãä½¿ãˆãªã„ã®ã§ï¼ˆç´™ã«ã–ã£ãã‚Šãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’æ›¸ãã“ã¨ã¯ã‚ã‚‹ãŒï¼‰ã€HTMLã¨CSSã‚’ä¿®æ£ã—ãªãŒã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æ¤œè¨Žã™ã‚‹ã“ã¨ã«ãªã‚‹ã€‚ ã€ŒCSSæ›¸ãã¾ã—ãŸã€‚ã€ ã€Œã†ãƒ¼ã‚“ã€ã“ã“ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯ã‚‚ã£ã¨å¤§ããè¡¨ç¤ºã•ã›ãŸã„ã€‚è‰²ã‚‚ã‚‚ã£ã¨ç›®ç«‹ã¤æ„Ÿã˜ã§ã€‚ã€ ã€ŒãªãŠã—ã¾ã—ãŸã€‚ã€ ã€Œã†ãƒ¼ã‚“ã€ã‚„ã£ã±ã‚Šå¾®å¦™ã‹ã‚‚ã€‚è©¦ã—ã«ã“ã“2æ®µçµ„ã«ã—ã¦ã¿ã¦ã€‚ã€ ã€Œã€ ãªã‚“ã¦ã“ã¨ã«ãªã‚‹ã€‚ ä»Šæ›´è¨€ã†å¿…è¦ã¯ãªã„ã¨æ€ã†ãŒCSSã®è¨è¨ˆã¯éžå¸¸ã«è„†ãã€ã‚¢ãƒ‰ãƒ›ãƒƒã‚¯ãªä¿®æ£ã‚’ç¹°ã‚Šè¿”
aki77 2014/08/09
css

sass
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 æ¬¡ã®ãƒšãƒ¼ã‚¸