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

kutakutatriangle id:kutakutatriangle

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

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

à¹€à¸§à¹‡à¸šà¸ªà¸¥à¹‡à¸à¸•à¹‚à¸£à¸¡à¹ˆà¸² joker123 à¸«à¸¡à¸”à¸à¸±à¸‡à¸§à¸¥à¹€à¸£à¸·à¹ˆà¸à¸‡à¸à¸²à¸£à¹‚à¸à¸‡à¹„à¸›à¹„à¸”à¹‰à¹€à¸¥à¸¢
à¹€à¸§à¹‡à¸šà¸ªà¸¥à¹‡à¸à¸•à¹‚à¸£à¸¡à¹ˆà¸² joker123 à¹€à¸›à¹‡à¸™à¸—à¸²à¸‡à¹€à¸¥à¸·à¸à¸à¸—à¸µà¹ˆà¸™à¹ˆà¸²à¹€à¸Šà¸·à¹ˆà¸à¸–à¸·à¸à¸ªà¸³à¸«à¸£à¸±à¸šà¸œà¸¹à¹‰à¹€à¸¥à¹ˆà¸™à¸—à¸µà¹ˆà¸•à¹‰à¸à¸‡à¸à¸²à¸£à¸„à¸§à¸²à¸¡à¸¡à¸±à¹ˆà¸™à¹ƒà¸ˆà¹ƒà¸™à¸à¸²à¸£à¹€à¸”à¸´à¸¡à¸žà¸±à¸™à¸à¸à¸™à¹„à¸¥à¸™à¹Œ à¸”à¹‰à¸§à¸¢à¸£à¸°à¸šà¸šà¸„à¸§à¸²à¸¡à¸›à¸¥à¸à¸”à¸ à¸±à¸¢à¸£à¸°à¸”à¸±à¸šà¸ªà¸¹à¸‡à¹à¸¥à¸°à¸à¸²à¸£à¸•à¸£à¸§à¸ˆà¸ªà¸à¸šà¸à¸¢à¹ˆà¸²à¸‡à¹€à¸‚à¹‰à¸¡à¸‡à¸§à¸” à¸„à¸¸à¸“à¸ªà¸²à¸¡à¸²à¸£à¸–à¸§à¸²à¸‡à¹ƒà¸ˆà¹„à¸”à¹‰à¸§à¹ˆà¸²à¸—à¸¸à¸à¸à¸²à¸£à¹€à¸¥à¹ˆà¸™à¸‚à¸à¸‡à¸„à¸¸à¸“à¸ˆà¸°à¹€à¸›à¹‡à¸™à¹„à¸›à¸à¸¢à¹ˆà¸²à¸‡à¸¢à¸¸à¸•à¸´à¸˜à¸£à¸£à¸¡à¹à¸¥à¸°à¹‚à¸›à¸£à¹ˆà¸‡à¹ƒà¸ª à¹€à¸§à¹‡à¸šà¹„à¸‹à¸•à¹Œà¸™à¸µà¹‰à¹„à¸”à¹‰à¸£à¸±à¸šà¸à¸²à¸£à¸£à¸±à¸šà¸£à¸à¸‡à¸ˆà¸²à¸à¸«à¸™à¹ˆà¸§à¸¢à¸‡à¸²à¸™à¸—à¸µà¹ˆà¹€à¸à¸µà¹ˆà¸¢à¸§à¸‚à¹‰à¸à¸‡ à¸—à¸³à¹ƒà¸«à¹‰à¸„à¸¸à¸“à¸«à¸¡à¸”à¸à¸±à¸‡à¸§à¸¥à¹€à¸£à¸·à¹ˆà¸à¸‡à¸à¸²à¸£à¹‚à¸à¸‡à¹„à¸”à¹‰à¸à¸¢à¹ˆà¸²à¸‡à¸ªà¸´à¹‰à¸™à¹€à¸Šà¸´à¸‡ à¹€à¸§à¹‡à¸šà¸ªà¸¥à¹‡à¸à¸•à¹‚à¸£à¸¡à¹ˆà¸² joker123 à¸ªà¸¥à¹‡à¸à¸•à¹‚à¸£à¸¡à¹ˆà¸² à¸™à¸à¸à¸ˆà¸²à¸à¸™à¸µà¹‰ à¸—à¸µà¸¡à¸‡à¸²à¸™à¸¡à¸·à¸à¸à¸²à¸Šà¸µà¸žà¸žà¸£à¹‰à¸à¸¡à¹ƒà¸«à¹‰à¸šà¸£à¸´à¸à¸²à¸£à¸•à¸¥à¸à¸” 24
kutakutatriangle 2016/02/01
css

SASS

FLOCSS

BEM

è¨è¨ˆ
ãƒªãƒ³ã‚¯
Scooter - Scooter has been deprecated
Scooter was a SCSS framework built to provide base styles, CSS components, and rapid static prototyping for Dropbox. You can still find Scooter on Github. Big thanks to Dan, Abraham, Hugo, Taylor, Muhammad, Alexander, Kaelig, Patrick, and Seiei for contributing. License Created by and copyright Dropbox, Inc. Released under the Apache license.
kutakutatriangle 2015/12/31
Dropbox

css

framework

sass

SCSS
ãƒªãƒ³ã‚¯
Using PostCSS Together With Sass, Stylus, or LESS | Envato Tuts+
If youâ€™re interested in using PostCSS, but you still love your favorite preprocessor, donâ€™t worry. You neednâ€™t make a choice between the twoâ€“you can use them right alongside one another. There are several PostCSS plugins that compliment preprocessors very well, as they add functionality into your workflow that would otherwise be impossible, or at least more difficult, using only a preprocessor. We
kutakutatriangle 2015/10/30
CSS

Sass

Stylus

postcss

less
ãƒªãƒ³ã‚¯
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
kutakutatriangle 2015/10/28
è‡ªåˆ†ã®ç”¨é€”ã«ã¡ã‚‡ã†ã©ã‚ˆã•ãã†ãªãƒ„ãƒ¼ãƒ«ã ã€‚

atom

Sass

SCSS

CSS
ãƒªãƒ³ã‚¯
PostCSSã¨cssnextã§æœ€æ–°CSSä»•æ§˜ã‚’å…ˆå–ã‚Šï¼
ã©ã†ã‚‚ã€Kaizen Platform, Inc.ã®@t32kã§ã™ã€‚ä»Šæ—¥ã¯PostCSSã«ã¤ã„ã¦è§£èª¬ã—ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚PostCSSã«ã¤ã„ã¦ã¯ãã‚Œã‚’è§£èª¬ã—ãŸåŒåƒšã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚‚ç´ æ™´ã‚‰ã—ã„ã®ã§ã€ãã¡ã‚‰ã‚‚å‚è€ƒã«ã—ã¦ã‚‚ã‚‰ãˆã°å¹¸ã„ã§ã™ã€‚ PostCSS ã¨ã¯ä½•ã‹ // Speaker Deck PostCSSã¨ã¯ãªã«ã‹ï¼Ÿ PostCSSã¯ã€Autoprefixerã®ä½œè€…ã§ã‚‚æœ‰åãªãƒã‚·ã‚¢ã®Andrey Sitnikæ°ãŒé–‹ç™ºã—ã¦ã„ã‚‹ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ postcss/postcss å…¬å¼ã®ãƒ¬ãƒã‚¸ãƒˆãƒªã®READMEã«ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«æ›¸ã‹ã‚Œã¦ã„ã¾ã™ã€‚ PostCSS is a tool for transf orming styles with JS plugins. These plugins can support variables and mixins, transpile future CSS syntax,
kutakutatriangle 2015/09/28
css

postcss

sass

cssnext
ãƒªãƒ³ã‚¯
Flipsblog.jp
ã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹ä¸Šã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãŒãƒ¯ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã«ãªã£ãŸã‚Šã€ç…®è©°ã¾ã£ãŸã‚Šã™ã‚‹ã¨æ€ã„ã¾ã™ã€‚ãã‚“ãªæ™‚ã€Instagram ã‚’ä½¿ã‚ãªã„æ‰‹ã¯ã‚ã‚Šã¾ã›ã‚“ä¸–ç•Œä¸ã®ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³æº¢ã‚Œã‚‹ã‚¢ãƒ¼ãƒˆç³»ã®ç™ºä¿¡ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ç³»ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒãŸãã•ã‚“å‚ç…§ã§ãã¾ã™æœ¬è¨˜äº‹ã§ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ’ãƒ³ãƒˆã«ãªã‚‹ã“ã¨é–“é•ã„ãªã—ã®æµ·å¤–ã®ã‚¢ãƒ¼ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ç³»ã® Instagram ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚
kutakutatriangle 2015/08/01
é…è‰²

ãƒ‡ã‚¶ã‚¤ãƒ³

webãƒ‡ã‚¶ã‚¤ãƒ³

sass

css
ãƒªãƒ³ã‚¯
SCSSã¨ä»˜ãåˆã†ä¸Šã§ã‚„ã£ã¦(çŸ¥ã£ã¦)ã‚ˆã‹ã£ãŸã“ã¨8é¸ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
kutakutatriangle 2015/07/28
sass

scss

gulp
ãƒªãƒ³ã‚¯
AcceCSS
AcceCSS A Sass Mixin That debugs & checks the accessibility of your designs This mixin will allow you to get an overview of all the zones of your layout, get a grayscaled version to check the contrast, as well as 8 different filters to emulate the most common coloblindness types Find it on Github! What we can call "The API" is the few parameters you will be able to change or combine to use the Acc
kutakutatriangle 2015/07/22
sass

css

accessibility
ãƒªãƒ³ã‚¯
çŸ¥ã‚‰ãªã„ã¨æã™ã‚‹Sassã®çµ„ã¿è¾¼ã¿é–¢æ•°å¾¹åº•è§£å‰– | Yuhiisk
Sassã‚’ä½¿ã†ã«ã‚ãŸã£ã¦ã€è¦šãˆã¦ãŠãã¨å¿…ãšå¹¸ã›ã«ãªã‚Œã‚‹çµ„ã¿è¾¼ã¿é–¢æ•°ã¨ã„ã†ã‚‚ã®ãŒã‚ã‚‹ã€‚ è‡ªåˆ†ã§å®šç¾©ã§ãã‚‹ @function ã¨ã¯é•ã„ã€Sassã«æœ€åˆã‹ã‚‰å‚™ã‚ã£ã¦ã„ã‚‹ã‚‚ã®ã ã€‚ Sassè‡ªä½“ã®æ©Ÿèƒ½ã ã‹ã‚‰ã€ã‚‚ã¡ã‚ã‚“Compassãªã©ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ä½¿ç”¨ã™ã‚‹éš›ã‚‚ä½¿ã†ã“ã¨ãŒã§ãã‚‹ã€‚ æ™®æ®µSassã‚’ä½¿ã£ã¦ã„ã‚‹ã²ã¨ã§ã‚‚ã€Sassã®çµ„ã¿è¾¼ã¿é–¢æ•°ã«ã¤ã„ã¦ã¯è©³ã—ãçŸ¥ã‚‰ãªã„äººã‚‚å¤šã„ã®ã§ã¯ãªã„ã ã‚ã†ã‹ã€‚ ã“ã‚Œã‚’è‡ªç”±ã«ä½¿ã„ã“ãªã™ã“ã¨ãŒå‡ºæ¥ã‚Œã°ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒæ¥½ã«ãªã‚‹ã“ã¨ã¯é–“é•ã„ãªã„ã€‚ æ”¹ã‚ã¦ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’è¦‹ç›´ã™ã¨è‡ªåˆ†ã®çŸ¥ã‚‰ãªã„ã‚‚ã®ã‚‚ã‚ã£ãŸãŸã‚ã€ä»Šå›žå…¨ã¦ã‚’ã¾ã¨ã‚ã¦ã¿ãŸã€‚ ã™ãã«è©¦ã—ã¦ã¿ãŸã„äººã¯ã“ã¡ã‚‰ã®ãƒ‡ãƒ¢ã‚’è©¦ã—ã¦ã¿ã‚‹ã¨ã„ã„ã€‚
kutakutatriangle 2015/07/17
sass

css
ãƒªãƒ³ã‚¯
ã€Œã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã€é–¢é€£ã®æœ€æ–° ãƒ‹ãƒ¥ãƒ¼ã‚¹ãƒ»ãƒ¬ãƒ“ãƒ¥ãƒ¼ãƒ»è§£èª¬ è¨˜äº‹ ã¾ã¨ã‚ - ITmedia Keywords
ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ï¼ˆ4ï¼‰ï¼š ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç”Ÿã‹ã—ã¦ä½œã‚‹ã€æ±Žç”¨æ€§ã®ã‚ã‚‹ã‚ºãƒ«ã„ãƒœã‚¿ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ ä»Šå›žã®ãƒ†ãƒ¼ãƒžã¯ã€Œã‚ºãƒ«ã„ãƒœã‚¿ãƒ³ã€ã€‚ã“ã‚Œã¾ã§ã®é€£è¼‰ã§å‡ºã¦ããŸæ•°ã€…ã®ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’é§†ä½¿ã—ã¦ä½œæˆã—ã‚ˆã†ã€‚ï¼ˆ2013/9/12ï¼‰ ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ï¼ˆ3ï¼‰ï¼š box-shadowã§è¡¨ç¾ã™ã‚‹ã€ã€Œã‚»ãƒŸãƒ•ãƒ©ãƒƒãƒˆã€ãªã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ box-shadowã‚’æ´»ç”¨ã—ãŸå„ç¨®ãƒœãƒƒã‚¯ã‚¹è¡¨ç¾ã®ä½œã‚Šæ–¹ã‚’ç´¹ä»‹ã€‚ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®ä¸ã§ã‚‚é•å’Œæ„Ÿãªãä½¿ãˆã‚‹ã€Œã‚„ã‚Šã™ãŽã¦ã„ãªã„ç«‹ä½“æ„Ÿã€ã¨ã¯ï¼Ÿï¼ˆ2013/8/21ï¼‰ ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ï¼ˆ2ï¼‰ï¼š Sassã‚„Compassã‚’ä½¿ã£ã¦ã€ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ Sassã‚„Compassã‚’ä½¿ã£ã¦ã€å°‘ãªã„æ‰‹é–“ã§ã¡ã‚‡ã£ã¨ã„ã„æ„Ÿã˜ã«è¦‹ã›ã‚‹å°ã‚ºãƒ«ã„Tipsã‚’ç´¹ä»‹ã€‚ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€è§’ä¸¸ã®ãŠæ‰‹è»½ã‹ã¤åŠ¹æžœçš„ãªä½¿ã„æ–¹ã¨ã¯ï¼Ÿï¼ˆ2013/2/27ï¼‰ ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ï¼ˆ1ï¼‰ï¼š å°‘ãªã„æ‰‹é–“ã¨çŸ¥è˜ã§ãã‚Œãªã‚Šã«è¦‹ã›ã‚‹
kutakutatriangle 2015/07/16
WEBãƒ‡ã‚¶ã‚¤ãƒ³

ãƒ‡ã‚¶ã‚¤ãƒ³

sass

compass
ãƒªãƒ³ã‚¯
cssnextã§ã¿ã‚‹æ¬¡ä¸–ä»£CSSã¨PostCSS | Yucchiy's Note
cssnext ä»Šæ—¥ã§ã¯Sassã‚„Stylusãªã©altCSSã‚’ç”¨ã„ãŸã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ä¸»æµã«ãªã‚Šã¤ã¤ã‚ã‚‹ãŒ, ä¸€æ–¹ã§, æ¬¡ä¸–ä»£CSSã§ã¯altCSSã§å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã‚ˆã†ãªæ§˜ã€…ãªæ©Ÿèƒ½è¿½åŠ ãŒæ¤œè¨Žã•ã‚Œã¦ã„ã‚‹. ãã“ã§æ¬¡ä¸–ä»£CSSã‚’å…ˆå–ã‚Šã™ã‚‹cssnextã¨æ¬¡ä¸–ä»£CSSã§è¶³ã‚Šãªã„æ©Ÿèƒ½ã‚’PostCSSã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç”¨ã„ã¦è£œã†æ–¹æ³•ã«ã¤ã„ã¦ç´¹ä»‹ã™ã‚‹. ã“ã‚Œã‚‰ã®ãƒ„ãƒ¼ãƒ«ã‚’ç”¨ã„ã‚‹ã¨, CSSã®æž çµ„ã¿ã®ä¸ã§é–‰ã˜ãŸé–‹ç™ºãŒè¡Œãˆã¦è‰¯ã„ã®ã§ã¯ãªã„ã‹ã¨æ€ã†. æœ€è¿‘ã®ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³äº‹æƒ…ã¨æ¬¡ä¸–ä»£CSS æœ€è¿‘ã®ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã¯, Sassã‚„Stylusãªã©ã®altCSSã¨å‘¼ã°ã‚Œã‚‹ãƒ¡ã‚¿è¨€èªžã‚’ç”¨ã„ã¦ã‚¹ã‚¿ã‚¤ãƒ«ã‚’è¨˜è¿°ã—, ãã‚Œãžã‚Œã®ãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µã‚’ç”¨ã„ã¦CSSã‚’ç”Ÿæˆã™ã‚‹ã‚ˆã†ãªé–‹ç™ºã‚¹ã‚¿ã‚¤ãƒ«ãŒå¤šããªã£ã¦ããŸ. Twitter Bootstrapã‚„Foundationãªã©, ä¸»è¦ãªCSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯Sassã‚’ç”¨ã„ã¦é–‹ç™ºãŒè¡Œã‚ã‚Œã¦ãŠã‚Š,
kutakutatriangle 2015/06/29
cssnext

css

Sass
ãƒªãƒ³ã‚¯
cssnextã‚’ä½¿ã£ã¦æœ€æ–°ã®css syntaxã§é–‹ç™ºã™ã‚‹ã®ãŒè‰¯ã•ãã†
ã“ã“æœ€è¿‘CSSã‚’æ‰±ã†ã“ã¨ãŒå¤šã‹ã£ãŸã®ã§ã€ãã®éš›ã«Postprocessorã‚’æ¤œè¨Žæ™‚ã«cssnextã«ã¤ã„ã¦ã¾ã¨ã‚ãŸå‚™å¿˜éŒ²ã€‚ JavaScriptã®æœ€è¿‘ã®äº‹æƒ…javascriptã§ã¯ES6ã§ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãã€Babelã§Transplieã™ã‚‹ã¨ã„ã†æµã‚ŒãŒå®šç€ã—ã¤ã¤ã‚ã‚‹ã€‚ ã“ã‚Œã¯ã€ã“ã‚Œã¾ã§å¿…è¦ã ã£ãŸãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒä¸è¦ã«ãªã‚Šã€ã‚³ãƒ¼ãƒ‰ãŒä¾å˜ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’æ¸›ã‚‰ã™ã“ã¨ãŒã§ãã€altJSã«é ¼ã‚‰ãªã„ã§é–‹ç™ºã§ãã‚‹ã¨ã„ã†åˆ©ç‚¹ã‹ã‚‰ã§ã‚ã‚‹ã€‚ åŒã˜ã“ã¨ãŒCSSã§ã‚‚èµ·ãã¦ã„ã‚‹ã€‚ã¾ãšã“ã‚Œã¾ã§CSSã‚’ç‰½å¼•ã—ã¦ããŸSassã«ã¤ã„ã¦ã€‚ Sassã®å•é¡Œç‚¹æœ€è¿‘ã®CSSã®é–‹ç™ºã«ã¯altCSSã¨ã—ã¦Sass,Less,Stylusãªã©ã®PreprocessorãŒä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹ã€‚ ç‰¹ã«Sassã¯JavaScriptã§è¨€ã†æ‰€ã®jQueryã«è¿‘ã„å˜åœ¨ã«ãªã‚Šã€APIã‚‚ã‚„ã‚„è¤‡é›‘ã«ãªã£ã¦ã„ã‚‹æ„Ÿã˜ãŒã‚ã‚‹ã€‚ Sassã‚’ä½¿ã£ã¦ã„ã¦ã‚‚å®Ÿéš›ã¯ãã®ã»ã‚“ã®ä¸€éƒ¨ã®
kutakutatriangle 2015/06/19
sass

css

cssnext
ãƒªãƒ³ã‚¯
Gulp + browserify + watchify + gulp-sass ã§è‡ªå‹•é«˜é€Ÿã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ç’°å¢ƒ
Gulp ã¨ã¯ Gulp ã¯ Web åˆ¶ä½œã«é–¢ã™ã‚‹ã„ã‚ã„ã‚ãªä½œæ¥ã‚’è‡ªå‹•åŒ–ã™ã‚‹ãŸã‚ã®ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚Sass ã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã‚„ Gulp ã®ä½¿ç”¨ã«ã¯ node.js ã‚„ Sass ãªã©ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãŒå¿…è¦ãªã®ã§ã€ã¡ã‚‡ã£ã¨å¤ã„è¨˜äº‹ã§ã™ãŒä¸‹è¨˜ã‚’å‚è€ƒã«é©å½“ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ browserify ã¨ã¯ ãã‚“ãªã«è©³ã—ããªã„ã®ã§ã™ãŒã€browserify ã¯ã–ã£ãã‚Šã¨è¨€ãˆã° js ã§ requireã‚’ä½¿ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ãŸã‚ã®ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ä»Šã¾ã§ã§ã‚ã‚Œã°è¤‡æ•°ã® js ãƒ•ã‚¡ã‚¤ãƒ«ãŒå¿…è¦ãªå ´åˆã€ä¾‹ãˆã°ã€a.js ã¨ã€a.js ãŒãªã„ã¨å‹•ã‹ãªã„b.js ã‚’èªã¿è¾¼ã‚€å ´åˆã ã¨ã€HTML ãƒ•ã‚¡ã‚¤ãƒ«ã«ä¸‹è¨˜ã®ã‚ˆã†ãªè¨˜è¿°ãŒå¿…è¦ã§ã—ãŸã€‚ // index.html <script src=".js/a.js"></script> <script src=".js/b.js"></script> browserify ã‚’ä½¿
kutakutatriangle 2015/05/13
javascript

browserify

gulp

sass
ãƒªãƒ³ã‚¯
æ±šã„cssã‚’æ•´å½¢ã™ã‚‹Webã‚¢ãƒ—ãƒªã€Œcss2scssã€ã§ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã—ãŸéš›ã€ã€Œãƒ¤ãƒã„ã€ã¨æ„Ÿã˜ãŸï¼“ã¤ã®æ©Ÿèƒ½ã¨ï¼“ã¤ã®ç‚¹ - Qiita
#ã‚ã‚‰ã¾ã— åˆ¥ã®æ¥è€…ãŒæ§‹ç¯‰ã—ãŸã¨ã„ã†å®¢å…ˆã®ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã®cssãŒéžå¸¸ã«èªã¿ã¥ã‚‰ãã€ èª°ã‚‚æ‰‹ãŒä»˜ã‘ã‚‰ã‚Œã¦ãªã„çŠ¶æ…‹ã§ãƒ¤ãƒã„ï¼ˆcompactã®çŠ¶æ…‹ã§ç´„350è¡Œï¼‰ã€‚ ãã“ã§ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã‚’ã—ã‚ˆã†ã¨æ€ã£ãŸéš›ã«ã€è€ƒãˆãŸã€‚ ã€Œã©ã†ã›ãªã‚‰sass/scsså¯¾å¿œã«ã—ãŸæ–¹ãŒå¯èªæ€§ã‚‚å¯ç”¨æ€§ã‚‚ä¸ŠãŒã‚‹ï¼ãƒ¤ãƒã„ï¼ã€ sass/scss â†’ css ã¯å½“ãŸã‚Šå‰ã¨ã—ã¦ã€ css â†’ sass/scss ã£ã¦å‡ºæ¥ã‚‹ã®ã‹ã‚ˆã€ã¨æ€ã„èª¿ã¹ã¦ã¿ã‚‹ã¨ã€æ•°å€‹ç™ºè¦‹ã—ãŸã€‚ ãã®ã†ã¡ã®ï¼‘ã¤ã€ä»Šå›žã”ç´¹ä»‹ã™ã‚‹ã€Œcss2scssã€ãŒéžå¸¸ã«ã‚¨ãƒ¬ã‚¬ãƒ³ãƒˆã ã£ãŸã€‚ å®Ÿéš›ã«ä½¿ç”¨ã—ã¦æ„Ÿæ¿€ã—ã¦è½èƒ†ã—ãŸãƒã‚¤ãƒ³ãƒˆã‚’ã€ãã‚Œãžã‚Œï¼“ã¤ã«çµžã£ã¦ã”ç´¹ä»‹ã€‚ css2scss sass/scssã«ã¤ã„ã¦ã¯ã€ã¾ãšã¯ã‚¢ãƒ¬ãªcssã‚’çªã£è¾¼ã‚“ã§ã¿ã¦æŒ™å‹•ã‚’ç¢ºèªã—ã¦é ‚ã‘ã‚Œã°å¹¸ã„ã€‚ ã¾ãŸã€ä¸‹è¨˜ã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ãŒç·æ‹¬çš„ã§è§£ã‚Šã‚„ã™ã„ã€‚ã”ä¸€èªã‚ã‚Œã€‚ Sass 3.2 ã‚ªãƒ¬ã‚ªãƒ¬ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ ãƒ¤ãƒã„ã‚’
kutakutatriangle 2015/02/12
css

sass

scss

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

sass

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
usetakana.com
This domain may be for sale!
kutakutatriangle 2014/04/03
css

sass

less
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é–‹ç™ºç’°å¢ƒ(sass,compass,grunt) | Bootgraph Blog
ã“ã‚“ã«ã¡ã‚ã€‚ Bootgraphã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã‚’æ‹…å½“ã—ã¦ã„ã‚‹é˜¿éƒ¨ã§ã™ã€‚ å¿«é©ãªãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã‚’è¡Œã†ãŸã‚ã«ã¯ã©ã®ã‚ˆã†ãªç’°å¢ƒãŒé©ã—ã¦ã„ã‚‹ã®ã§ã—ã‚‡ã†ã‹ã€‚ ä»Šå›žã®è¨˜äº‹ã§ã¯ãƒ™ã‚¹ãƒˆãªé–‹ç™ºç’°å¢ƒ(2014.1æ™‚ç‚¹ã®ä¸»è¦³)ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ Bootgraphã«ãŠã‘ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã¯ä»Šå›žè¨˜äº‹ã®å†…å®¹ã§çµ±ä¸€ã—ã¦ã„ã¾ã™ã€‚ ã¾ã¨ã‚ã‚ˆã†ã¨æ€ã£ãŸçµŒç·¯ ã‚¿ã‚¹ã‚¯ç®¡ç†ãƒ„ãƒ¼ãƒ«ã‚„ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ç®¡ç†ãƒ„ãƒ¼ãƒ«ã€å„è¨€èªžã®ãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µãªã©ã€æ—¥é€²æœˆæ©ã§ã©ã‚“ã©ã‚“ä¾¿åˆ©ãªã‚‚ã®ãŒå‡ºã¦ãã¾ã™ã€‚ï¼ˆã‚ã‚ŠãŒãŸã„é™ã‚Šã§ã™mmï¼‰ ãã“ã§ã€2014.1æ™‚ç‚¹ã«ãŠã‘ã‚‹ãƒ™ã‚¹ãƒˆãªç’°å¢ƒã‚’ã¾ã¨ã‚ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã—ãŸã€‚ æ–°ã—ãã¦ä¾¿åˆ©ãªã‚‚ã®ãŒã©ã‚“ã©ã‚“å‡ºã¦ãã‚‹ã®ã§ã€é–‹ç™ºç’°å¢ƒã¯éšæ™‚æ›´æ–°ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ æ•´ç†ã—ãŸé–‹ç™ºç’°å¢ƒ https://github.com/es335ab/front_dev_env git clone git@github.com:e
kutakutatriangle 2014/04/01
grunt

Bower

compass

sass
ãƒªãƒ³ã‚¯
Sass/Compasså¾¹åº•å…¥é–€ã‚’ç›£ä¿®ã—ã¾ã—ãŸ - MOL
2014å¹´3æœˆ18æ—¥ã«ç™ºå£²ã•ã‚Œã‚‹ã€Sass and Compass in Actionã®é‚¦è¨³ç‰ˆã§ã‚ã‚‹ã€ŽSass&Compasså¾¹åº•å…¥é–€ CSSã®ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã‚’åŠ¹çŽ‡ã‚ˆãå®Ÿç¾ã™ã‚‹ãŸã‚ã«ã€ã‚’ç›£ä¿®ã—ãŸã€‚ Sass&Compasså¾¹åº•å…¥é–€ CSSã®ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã‚’åŠ¹çŽ‡ã‚ˆãå®Ÿç¾ã™ã‚‹ãŸã‚ã« Wynn Netherland, Nathan Weizenbaum, Chris Eppstein, Brandon Mathis, çŸ³æœ¬ å…‰å¸ (æ ªå¼ä¼šç¤¾ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆ) ç¿”æ³³ç¤¾ 2014-03-18 Amazonã§è©³ã—ãè¦‹ã‚‹ by G-Tools ç›£ä¿®ã®ä¾é ¼ã‚’å—ã‘ã¦éŸ³é€Ÿã§ãƒã‚¤ã¨ç”ãˆãŸã®ã ã‘ã©ã€ç›£ä¿®ã£ã¦ä½•ã™ã‚‹ã‚“ã ã‚ã†ãã£ã¦æ„Ÿã˜ã ã£ãŸã€‚ã„ã‚„ã€åŽŸæ›¸ã®ã€ŽSass and Compass in Actionã€ã¯ä»¥å‰ã‹ã‚‰è³¼å…¥ã—ã¦ã„ã¦ã€Sass/Compassã®é–‹ç™ºè€…ã§ã‚ã‚‹Nathan Weizenbaumã‚„
kutakutatriangle 2014/03/12
compass

sass

æœ¬
ãƒªãƒ³ã‚¯
ã¼ããŒã‹ã‚“ãŒãˆãŸã•ã„ãã‚‡ã†ã®Gruntfileã‚’æ™’ã—ã¦ã¿ã‚‹ - Qiita
é–‹ç™ºä¸ã¨ãƒªãƒªãƒ¼ã‚¹ãƒ“ãƒ«ãƒ‰ã‚’ã‚ã‘ã¦è€ƒãˆã‚‹ã€‚ é–‹ç™ºä¸ã¯ã¨ã«ã‹ãé€Ÿåº¦é‡è¦–ã€‚ãƒ†ã‚¹ãƒˆé‡è¦–ã€‚ ãƒªãƒªãƒ¼ã‚¹ãƒ“ãƒ«ãƒ‰ã®ã»ã†ã«ã€è‡ªå‹•åŒ–ã§ãã‚‹ä¾¿åˆ©ãªã‚¿ã‚¹ã‚¯ã‚’å‡ºæ¥ã‚‹ã ã‘çªã£è¾¼ã‚“ã§ãŠãã€‚ é–‹ç™ºä¸ã«ä½¿ç”¨ã™ã‚‹ã‚½ãƒ¼ã‚¹ãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰ã€ãƒªãƒªãƒ¼ã‚¹ãƒ“ãƒ«ãƒ‰ã«ä½™è¨ˆãªãƒ•ã‚¡ã‚¤ãƒ«ã‚’æ··ãœãªã„ã€‚ ã“ã‚“ãªè€ƒãˆæ–¹ã§Gruntfileã‚’æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã”ã¨ã«æœ€é©åŒ–ã—ãŸGruntfileã‚’ä½œã‚‹ã¨ã„ã†ã“ã¨ã‚‚é…åŠ›çš„ãªæŒ‘æˆ¦ãªã®ã§ã™ãŒã€ç§ã¯é–‹ç™ºè€…ä¸€äººã§çŸç´æœŸãªæ¡ˆä»¶ã‚’ã„ãã¤ã‚‚ã“ãªã•ãªã„ã¨ã„ã‘ãªã„ã®ã§ã€ãã®ãŸã‚ã«å°Žå…¥ã—ãŸã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ã®ã¯ãšãªã®ã«Gruntfileã®é–‹ç™ºã‚„ãƒ¡ãƒ³ãƒ†ã«æ™‚é–“ã‚’å–ã‚‰ã‚Œã‚‹ã®ã¯æœ¬æœ«è»¢å€’ã«ãªã£ã¦ã—ã¾ã†ã®ã§ã€å‡ºæ¥ã‚‹é™ã‚Šæ±Žç”¨çš„ã«ä½¿ãˆã‚‹ã‚ˆã†ã«æ°—ã‚’ã¤ã‘ã¦æ›¸ãã¾ã—ãŸã€‚ ã•ã‚‰ã«ä½•ã‹ç‰¹å®šã®é–‹ç™ºã‚¹ã‚¿ã‚¤ãƒ«ã‚„ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ä¾å˜ã—ãªã„ã‚ˆã†ã«ã€ç‰¹æ®Šãªãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆãªã©ã‚’å¿…è¦ã¨ã—ãªã„ç‚¹ã‚‚æ°—ã‚’ä»˜ã‘ã¾ã—ãŸã€‚ æ™®æ®µã¯é–‹ç™ºã¯ç§ä¸€äººã§ã™ãŒã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚„ã‚³ãƒ¼ãƒ€ãƒ¼ã‚„é–‹ç™ºè€…
kutakutatriangle 2014/02/21
grunt

less

sass

javascript
ãƒªãƒ³ã‚¯
Sassã‚’å®Ÿè¡Œã—ã‚ˆã†ã¨ã—ã¦ã€Œcommand not found: sassã€ã¨ãªã£ã¦ã—ã¾ã£ãŸæ™‚ã®å¯¾å‡¦æ³• - Qiita
Help us understand the probl em. What is going on with this article?
kutakutatriangle 2014/02/18
sass

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