GitHub - nDmitry/grunt-autoprefixer: Parse CSS and add vendor-prefixed CSS properties using the Can I Use database. Based on Autoprefixer.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
Gruntã§å§‹ã‚ã‚‹Web制作ã®è‡ªå‹•åŒ–
Gruntã§å§‹ã‚ã‚‹Web制作ã®è‡ªå‹•åŒ– Grunt.jsã¨ã¯Web制作ã®æ§˜ã€…ãªã‚¿ã‚¹ã‚¯ã‚’自動化ã—ã¦ãれるツールã§ã™ã€‚ node.jsã§é–‹ç™ºã•ã‚Œã¦ãŠã‚Šã€Sass/Compassã‚„Lessãªã©ã®CSSプリプãƒã‚»ãƒƒã‚µãƒ¼ã®ã‚³ãƒ³ãƒ‘イルやCSS/JSã®çµåˆåœ§ç¸®ã€JSHintã«ã‚ˆã‚‹ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãªã©æ§˜ã€…ãªã‚¿ã‚¹ã‚¯ã‚’自動ã§è¡Œã£ã¦ãã‚Œã¾ã™ã€‚ インストール ã¾ãšã¯node.jsをインストールã—ã¾ã™ã€‚å…¬å¼ã‚µã‚¤ãƒˆã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ©ãƒ¼ãŒé…布ã•ã‚Œã¦ã„ã¾ã™ã®ã§ç°¡å˜ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãŒå¯èƒ½ã§ã™ã€‚ 次ã«Macã§ã¯ã‚¿ãƒ¼ãƒŸãƒŠãƒ«ã‚’é–‹ã„ã¦grunt-cliをインストールã—ã¾ã—ょã†ã€‚cliã¨ã¯Common Language Infrastructureã®ç•¥ã§ã‚³ãƒžãƒ³ãƒ‰ãƒ©ã‚¤ãƒ³ã‹ã‚‰Gruntを利用ã™ã‚‹ãŸã‚ã®ãƒ„ールã§ã™ã€‚ sudo npm install -g grunt-cli パスワードãŒèžã‹ã‚Œã‚‹ã®ã§å…¥åŠ›ã—ã¦ãã ã•ã„。æˆåŠŸã™ã‚Œã°grunt-cliã®ã‚¤
[Compass] 超訳 Configuration Reference
CSSã®ãƒ¡ã‚¿è¨€èªžã€Sassベースã§ä½œã‚‰ã‚ŒãŸä¾¿åˆ©ãªãƒ•ãƒ¬ãƒ¼ãƒ ワークã€ãã‚ŒãŒCompass。 Compassã®è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã¯Rubyファイルã§ã™ã€‚ ã“ã‚Œã¯Rubyを知ã£ã¦ã„ã‚Œã°è‰²ã€…ãªã“ã¨ãŒå‡ºæ¥ã‚‹ã¨ã„ã†ã“ã¨ãªã‚“ã§ã™ãŒã€é€†ã«Rubyを知らãªã„ã¨å–ã£ã¤ãã«ãã•ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ãã‚Œã§æã‚’ã—ã¦ã—ã¾ã†ã®ã¯ã‚ã¾ã‚Šã«å‹¿ä½“ç„¡ã„ã®ã§ã€ã‚ªãƒ¬ã‚ªãƒ¬ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’書ã„ã¦ã¿ã¾ã—ãŸï¼ ※ã“ã®è¨˜äº‹ã¯å®Œå…¨ãªå’Œè¨³ã§ã¯ã‚ã‚Šã¾ã›ã‚“。 基本的ãªæ›¸ãæ–¹ コメント Windowsユーザーå‘ã‘ã®æ³¨æ„ è¨å®šé …ç›® 動作ã«å½±éŸ¿ã™ã‚‹ã‚‚ã® URL関連 Spriteç”»åƒã®è‡ªå‹•ç”Ÿæˆç”¨ コマンドラインã§ã®ã‚ªãƒ¼ãƒãƒ¼ãƒ©ã‚¤ãƒ‰ コマンドライン経由ã§æ¸¡ã•ã‚Œã‚‹è¨å®šã®æ¤œæŸ» Compass 用プラグインã®èªã¿è¾¼ã¿ コンフィグ関数 add_import_path asset_host asset_cache_buster watch コールãƒãƒƒã‚¯ on_sprite_sav
![[Compass] 超訳 Configuration Reference](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
Sass 3.2 ã‹ã‚‰ã¯ placeholder selector を使ãŠã† - nodot
Sass 3.2 ã‹ã‚‰ã¯ placeholder selector を使ãŠã† ã“ã® article 㯠CSS Preprocessor Advent Calendar 2012 ã®25日目ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã¨ã—ã¦æ›¸ã‹ã‚Œã¦ã„ã¾ã™(ã‚れれ?!)。 ã”挨拶 2012年も皆様ã®é¡˜ã„空ã—ãクリスマスã¯ä¸æ¢ã•ã‚Œãšã€ãã‚Œã©ã“ã‚ã‹ä»Šå¹´ã‚‚元気㫠Santa Tracker ãŒã‚µãƒ³ã‚¿ã‚¯ãƒãƒ¼ã‚¹ã‚’追ã„ã‹ã‘回ã—ã¦ã„ãŸã‚ã‘ã§ã™ãŒã€CSS メタ言語 lover ã®çš†æ§˜ã«ãŠã‹ã‚Œã¾ã—ã¦ã¯ã„ã‹ãŒãŠéŽã”ã—ã§ã—ょã†ã‹ã€‚僕個人ã¯ä»Šå¹´ã®å¸«èµ°ã¯ä»Šã¾ã§ã«ãªã„師走ã£ã·ã‚Šã§ã€ä¸€ç•ªãƒ¤ãƒã„時ã¯æŸ b 社ã«ã„ãŸ20代ã®é ƒã‚’æ€ã„出ã™æ„Ÿã˜ã§ã—ãŸã€‚ã„ã¤ã‚‚ã ã„ãŸã„å¿™ã—ã„ピークã¯å¤ã«æ¥ã‚‹ã‚“ã§ã™ãŒä»Šå¹´ã¯é•ã„ã¾ã—ãŸã。ã§ã‚‚ã²ã¨ã¾ãšä½•ã¨ã‹ä¹—り切れã¾ã—ãŸã€‚ãã†ã€ã‚‚ã¡ã‚ã‚“ Sass ãŒã‚ã£ãŸã‹ã‚‰ã§ã™ã€‚ã“ã‚ŒãŒãªã‹ã£ãŸã‚‰ã¨æ€ã†ã¨æã‚ã—ã„ã§ã™ã。2012 å¹´ã®å†¬ã€åƒ•ã‚’æ•‘ã£ã¦ã
CSSã®ã¿ã¨Sass/SCSSã€Lessã«å¯¾å¿œã—ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆç³»CSSフレームワークã«ã¤ã„ã¦èª¿ã¹ã¦è¡¨ã«ã—ã¦ã¿ãŸ | DevelopersIO
ã¿ãªã•ã¾ã“ã‚“ã«ã¡ã‚。 Webサイト高速化やSCSSã®é€£è¼‰ã‚’書ã„ã¦ã„る野ä¸ã§ã™ã€‚ ãã†ã„ãˆã°Google ReaderãŒçµ‚了ã™ã‚‹ã¨ã®ã“ã¨ã§ã¨ã¦ã‚‚残念ã§ã™ã。 èªè€…ã®ã¿ãªã•ã¾ã‚‚次ã®å¼•ã£è¶Šã—先ツール探ã—ã§å¿™ã—ã„ã¨ã“ã‚ã ã¨æ€ã„ã¾ã™ã€‚ ãã“ã§ã€ã‚¯ãƒ©ã‚¹ãƒ¡ã‚½ãƒƒãƒ‰é–‹ç™ºãƒ–ãƒã‚°ã®RSSも忘れãšã«ç™»éŒ²ã‚’ãŠé¡˜ã„ã—ã¾ã™ã€‚ ã¨ã¦ã‚‚æ›´æ–°é »åº¦ã®é«˜ã„ブãƒã‚°ã¨ã„ã†ã“ã¨ã‚‚ã‚ã‚Šã€ã„ã‚ã„ã‚ãªåˆ‡ã‚Šå£ã®RSSを用æ„ã—ã¦ã„ã¾ã™ã€‚ 本題 ãã‚Œã§ã¯æœ¬é¡Œã§ã™ãŒã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆç³»ã®CSSフレームワークã£ã¦è‰²ã€…ã‚ã‚Šã¾ã™ã‚ˆã。 個人的ã«ã¯HTML上ã®ã‚¯ãƒ©ã‚¹ã«ã‚ã¾ã‚Šæ„味ã®ãªã„æ–‡å—列ã¯å…¥ã‚ŒãŸããªã„ã®ã§ä½¿ã£ã¦ã„ã¾ã›ã‚“ã§ã—ãŸã€‚HTMLも編集ã—ãªã‘ã‚Œã°ãªã‚‰ãªã„ã®ã§ã€‚ ãµã¨Sass/SCSSã§Extendã—ãŸã‚ŠMixinsã§åˆ¶å¾¡ã§ãã‚‹ã‚‚ã®ã§ã‚ã‚Œã°ç„¡é§„ãªã‚¯ãƒ©ã‚¹æŒ‡å®šã‚’減らã—ã¦å¯å¤‰ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªã‚°ãƒªãƒƒãƒ‰åˆ¶å¾¡ãŒã§ãã‚‹ã‚“ã˜ã‚ƒãªã„ã‹æ€ã£ã¦æŽ¢ã—ã¦ã¿ãŸã‚‰è‰²ã€…ã¨ã‚ã‚Šã¾ã—ãŸã€‚ 最åˆ
パフォーマンスã‹ã‚‰ã¿ã‚‹Sass/Compass 第2回：Compassã«ã‚ˆã‚‹CSS Sprite - MOL
Sassã€Lessã€Stylusãªã©CSS Preprocessorã«é–¢ã™ã‚‹Advent Calendarã§ã™ã€‚― CSS Preprocessor Advent Calendar 2012 - Adventar パフォーマンスã®å‹‰å¼·ãŒã§ãã¦ãªãŠã‹ã¤Sass/Compassã®ãŠå‹‰å¼·ã«ã‚‚ãªã‚‹ãŠå¾—ãªã‚·ãƒªãƒ¼ã‚ºã¾ã•ã‹ã®2回目。Adventã«ã¶ã¤ã‘ã¦ããŸï¼ã‚„ã‚„ã‚‚ã™ã‚‹ã¨ã‚·ãƒªãƒ¼ã‚ºã‚‚ã®ã®2作目ã¨ã„ã†ã®ã¯é§„作ã«ãªã‚ŠãŒã¡ã ãŒã€ãã‚“ãªãƒ—レッシャーã¯ãã®ã‘ã¦ä¹±åå°„ï¼ã‚„ã£ã¦ã„ãYO! ã“ã‚Œã¾ã§ã®ï¼š パフォーマンスã‹ã‚‰ã¿ã‚‹Sass/Compass 第1回：Nestingã¨@import - MOL パフォーマンスã‹ã‚‰ã¿ã‚‹Sass/Compass 番外編：MSã¯é’ã‹ã£ãŸ - MOL CSS Spriteã®åˆ©ç‚¹ãƒ»æ¬ 点 『ãƒã‚¤ãƒ‘フォーマンスWebサイトã€ã®æ›¸ç±ã«ã¯ã€Œé«˜é€Ÿã‚µã‚¤ãƒˆã‚’実ç¾ã™ã‚‹14ã®ãƒ«ãƒ¼ãƒ«ã€ã¨ã„ã†ã‚‚ã®ãŒã‚る。ãã®ä¸
ã€ã‚ºãƒœãƒ³ã‚’脱ã”ã†ã€‘Sassã®SASS記法ã®é…力ã€ã‚«ãƒƒã‚³ã‚¤ã‚¤ã€‘ - ç´è±†ã«ã¯åµã‚’入れる派ã§ã™ã€‚
ã©ã†ã‚‚。 CSS Preprocessor Advent Calendar 2012 2012å¹´12月20日（木）を担当ã•ã›ã¦ã„ãŸã ãã¾ã™@ken_c_loã§ã™ã€‚ ãã†ãã†ãŸã‚‹é¢ã€…ã®ä¸ã€ã¿ãªã•ã‚“ãƒã‚¤ãƒ¬ãƒ™ãƒ«ãªå†…容ã§å¤§å¤‰æ縮ã—ã¦ã„ã‚‹ã®ã§ã™ãŒã€ãã‚“ãªä¸ãƒ¢ã‚¸ãƒ¢ã‚¸ã—ãªãŒã‚‰ã—ã‹ã—空気をèªã¾ãšã«ã€ãšã£ã¨æ›¸ããŸã‹ã£ãŸã‚¦ã‚¶ã„æ„Ÿã˜ã®ã‚¨ãƒ³ãƒˆãƒªã‚’投下ã—よã†ã¨æ€ã„ã¾ã™ã€‚ ズボンを履ã‹ãªã„「SASS記法ã€ã¨ã¯ï¼Ÿ 発端ã¯ã“ã®ãƒ„イートã‹ã‚‰ã§ã—ãŸã€‚ …ã¨ã€ãã‚“ãªæµã‚Œã§ã€ã€Œã‚ºãƒœãƒ³ã‚’å±¥ã‹ãªã„ã€SASS記法ã¨ã¯ãªã‚“ãžã‚„。ãã®é…力ã€ã‚«ãƒƒã‚³ã‚ˆã•ã«ã¤ã„ã¦åŠ›èª¬ã—よã†ã¨æ€ã„ã¾ã™ã€‚ã‚ã‚よãã°SASS記法仲間を増やã—ãŸã„ï¼ãã—ã¦ã€ãŠè“åãªã©ã‚’食ã¹ãªãŒã‚‰SASS記法ã®é…力ã«ã¤ã„ã¦èªžã‚Šåˆã„ã€ä»²é–“ã®å°‘ãªã•ã«ã¤ã„ã¦å˜†ãåˆã†.sassã®ä¼šã‚’月一ãらã„ã§é–‹å‚¬ã§ãã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ ヾ(*’ω’*)ﾉﾞ ｽﾞﾎﾞｰï¾â€¼ Sassã«ã¯SCSS記法ã¨SASS記法
Sass vs. LESS vs. Stylus: Preprocessor Shootout | Envato Tuts+
Wielding the true power of a CSS preprocessor is an adventure. There are countless languages, syntaxes, and features, all ready for use right now. In this article, we will be covering the various features and benefits of using three different preprocessors—Sass, LESS, and Stylus. Introduction Preprocessors produce CSS that works in all browsers. CSS3 preprocessors are languages written for the sol
CodeKit - THE Mac App for Web Developers
All the Cool Kids Compile Sass, Less, Stylus, CSS, CoffeeScript, Pug, Slim, Haml, TypeScript, JavaScript, ES6, Markdown, JSON, SVG, PNG, GIF and JPEG right out of the box. Dead-Simple Configuration Want compressed CSS? Just check a box. Need to transpile JavaScript? Check a box. Every tool's options are available in a beautiful, clean UI. No more hacking build scripts. Bleeding-Edge Tools Autopref
Scout-App - Site has moved
Scout-App, the easiest way to use Sass!
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - geckotang/cssnite-lp32
{{#tags}}- {{label}}
{{/tags}}