実践Sass 後編HTML5 Conference 2012 ã§ä½¿ç”¨ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚ å‰ç·¨ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã¯ã“ã¡ã‚‰ã§ã™ã€‚ http://www.slideshare.net/azusatomita3/sass-14212266Read less
ブラウザã§JSX, CoffeeScript, SCSS, LESSã‚’ã™ãã«è©¦ã›ã‚‹é”法ã®1è¡Œ
ブラウザã ã‘ã§javascript, HTML, CSSを書ã„ã¦å®Ÿè¡Œã§ãるサービス「jsdo.itã€ãŒã€ã¡ã‚‡ã£ã¨ãƒ‘ワーアップã—ã¾ã—ãŸï¼ ã“ã‚Œã¾ã§ã®è¨€èªžã«åŠ ãˆã€JSX, CoffeeScript, SCSS, LESSを実行ã§ãるよã†ã«ãªã‚Šã¾ã—ãŸãƒ¼ï¼ï¼ 「ã¡ã‚‡ã£ã¨è©¦ã—ãŸã„ã‘ã©ç’°å¢ƒã‚’作るãŒé¢å€’...ã€ã€ŒSCSSã®mixinをシェアã—ãŸã„ã€ãªã©ãªã©ãƒ–ラウザã ã‘ã§è§£æ±ºã§ãã¡ã‚ƒã„ã¾ã™ã‚ˆâ™ª 使ã„æ–¹ コードã®1行目ã«ç‰¹å®šã®ã‚³ãƒ¡ãƒ³ãƒˆã‚’記述ã™ã‚‹ã ã‘ã§ã™ï¼ JavaScript → JSX JavaScriptã®1行目ã«ä»¥ä¸‹ã®ã‚³ãƒ¡ãƒ³ãƒˆã‚’記述ã—ã¦ãã ã•ã„。 // #! jsx JavaScript → CoffeeScript JavaScriptã®1行目ã«ä»¥ä¸‹ã®ã‚³ãƒ¡ãƒ³ãƒˆã‚’記述ã—ã¦ãã ã•ã„。 #! coffeescript CSS → SCSS CSSã®1行目ã«ä»¥ä¸‹ã®ã‚³ãƒ¡ãƒ³ãƒˆã‚’記述ã—ã¦ãã ã•ã„。 /* #! s
ã„ã¾ã©ãã® SCSS é‹ç”¨æ–¹æ³• - tokuhirom's blog
最近㯠scss ã‚’ã¤ã‹ã£ã¦ã„ã¾ã™ã€‚SCSS ã®é‹ç”¨ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ãŠã“ã†ã¨ãŠã‚‚ã£ãŸã®ã§ã€ã¾ã¨ã‚ã¾ã™ã€‚ scss --watch を手元ã§ã†ã”ã‹ã™é‹ç”¨ãªã©ã‚’ã™ã‚‹ã¨ã€scss 㨠css ã®ä¸¡æ–¹ã‚’ git レãƒã‚¸ãƒˆãƒªã«ã‚³ãƒŸãƒƒãƒˆã™ã‚‹ã“ã¨ã«ãªã£ã¦æ®‹å¿µã§ã™ã—ã€ç”Ÿæˆã•ã‚ŒãŸ css を直接ã„ã˜ã‚‹äººãŒã‚らã‚ã‚Œã¦ã¾ãã‚‚ã©ã£ãŸã‚Šã™ã‚‹ã®ã§ãã†ã„ã£ãŸé‹ç”¨ã¯é¿ã‘ã¦ã„ã¾ã™ã€‚ 開発環境ã«ã¤ã„ã¦Plack::Middleware::Scss::Lite ( https://github.com/tokuhirom/Plack-Middleware-Scss-Lite ) ã¨ã„ã†ãƒŸãƒ‰ãƒ«ã‚¦ã‚§ã‚¢ã‚’é…ç½®ã—ã¦åˆ©ç”¨ã—ã¦ã„ã¾ã™ã€‚ã“ã‚Œã¯ãƒªã‚¯ã‚¨ã‚¹ãƒˆãŒã‚ã£ãŸã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§ scss コマンドãŒã¯ã—ã‚Šã¾ã™ã€‚ 実行ã™ã‚‹éš›ã€scss コマンドã¯ã€ã‚¨ãƒ©ãƒ¼ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚‚ stdout ã«å‡ºåŠ›ã™ã‚‹ã®ã§ã€stdout ã‚’ capture ã™ã‚‹ã“ã¨ãŒè‚è¦ã§ã™
Vimã§ã®SCSSã®æ§‹æ–‡å¼·èª¿ã‚’最新版ã®Sassã«å¯¾å¿œã•ã›ã‚‹ - Weblog - hail2u.net
Sassã®SCSSを書ã„ã¦ã„ã¦@functionã‚„@eachãŒæ§‹æ–‡å¼·èª¿ã•ã‚Œãªã„ã“ã¨ã«ã‚¤ãƒ©ãƒƒã¨ã™ã‚‹ã“ã¨ãŒå¢—ãˆã¦ããŸã®ã§ã‚µã‚¯ãƒƒã¨æ›¸ã„ãŸã€‚確èªã—ãŸç¯„囲ã§ã¯å¤§ä½“ã†ã¾ãã„ã£ã¦ã„るよã†ãªæ°—ãŒã™ã‚‹ã€‚æ°—ãŒå‘ã„ãŸã‚‰ãƒªãƒã‚¸ãƒˆãƒªä½œã‚‹ã€‚ Download: ~/.vim/after/syntax/scss.vim ç½®ãå ´æ‰€ã¯å¿…ãš~/.vim/after/syntax/scss.vimã§ã€‚vim-css3-syntaxを使ã£ã¦ãªã„人ã¯æœ€åˆã®æ–¹ã®runtime!ã§å§‹ã¾ã‚‹è¡Œã‚’å…¨ã¦å‰Šé™¤ã™ã‚‹ã‹ã‚³ãƒ¡ãƒ³ãƒˆãƒ»ã‚¢ã‚¦ãƒˆã—ãªã„ã¨ã‚¨ãƒ©ã‚‹ã€‚after/syntax以下ã®ã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ãƒ»ãƒ—ラグインも二é‡ãƒãƒ¼ãƒ‰ã®ãƒã‚§ãƒƒã‚¯å¿…è¦ã ã£ãŸã‹ã©ã†ã‹æ€ã„出ã›ãªã„ã®ã§ã€å¿…è¦ãã†ã ã£ãŸã‚‰å¾Œã§è¿½åŠ ã™ã‚‹ã€‚ フルスクラッãƒã§æ›¸ã„ãŸã‚ã‘ã§ã¯ãªãã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ãƒ©ãƒ³ã‚¿ã‚¤ãƒ ã«å…¥ã£ã¦ã„ã‚‹syntax/sass.vimã¨syntax/scss.vimã‚’è¸è¥²ã—ã¦æ›¸ã„ãŸæ„Ÿã˜ã€‚ãªã®ã§
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Sass(Scss) Memo: å‡ºåŠ›å½¢å¼ compressed | Culture27
Rails3.1ã§scssã§ã¯ãªãsassを使ㆠ- Hello, world! - s21g
kuroigamen.com
{{#tags}}- {{label}}
{{/tags}}