GitHub - davidkpiano/sassdash: The Sass implementation of lodash.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
Compass Sourcemaps - Web Design Weekly
Today is a proud day for all Compass users because not only does Compass support sourcemaps, but both work across the board with many popular build tools we have available. In light of the amazing work from everyone who helped bring this feature to fruition, I think its important to see where we’ve come from briefly. Back in 2012, Chris Epstein opened the issue “Sourcemap support” and if you were
StyleStats - MOL
スタイルシートの統計情報を出力するNode Packageを作った。 t32k/stylestats Node.js 0.10以上が必要で、CLIだとこんな感じの情報を出力してくれる。 $ npm install -g stylestats $ stylestats path/to/stylesheet.css StyleStats! ┌────────────────────────┬──────────┐ │Size │ 498.0B │ ├────────────────────────┼──────────┤ │Rules │ 7 │ ├────────────────────────┼──────────┤ │Selectors │ 11 │ ├────────────────────────┼──────────┤ │Simplicity │ 63.64% │ ├───────
10 SCSS utilities I can’t live without – Hacking UI
Every front-end developer needs a battle-tested SCSS arsenal for starting new projects. Here are 10 of the best SCSS utilties I find myself using most often. You can download the entire file to use in your projects from the UtilityBelt Repository on Github. Download “UtilityBelt.scss” Triangle Sagi likes to call this the chupchick (don’t ask me why). It’s great for adding a point to tooltips or s
Scut
Scut is a collection of Sass utilities to ease and improve our implementations of common style-code patterns. About You can think of the word Scut as an acronym for Sass-CSS Utitilies. Or think of it this way: Scut will help you, the frontend laborer, do your scut work. (But do be careful how you use the word in polite company. It's meanings are ... many.) Visit the Github repository Experiment wi
イージング関数チートシート
イージング関数は、時間の経過に伴うパラメーターの変化率を指定します。 現実の物体は、即座に動いたり停止したりすることはなく、一定の速度で動くこともほとんどありません。引き出しを開けるとき、私たちは最初に引き出しをすばやく引き出し、それが外に出てくるにつれてゆっくりと動かします。床に向けてなにかを（例えばペンのような）放すと、最初に重力によって下に向かって加速し、床に当たった後上に跳ね返ります。 あなたの必要なイージングを選択して、あなたのプロジェクトの中で使用してみてください。
Fun with Sass & font icons - Jayden Seric
Fun with Sass & font icons ⚠️ This article is outdated: CSS in JS is far superior to Sass, and font icons are no longer a good idea. Use inline SVG React components and in certain situations plain old .svg files in img tags. Icon fonts have been been best-practice for a while now. They allow us to use tons of fully styleable cross-browser vector icons with one lightweight HTTP request. Folk typica
Create Striped Backgrounds With Gradients (and A Sass Mixin) | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! The following is a guest post by Kitty Giraudel. Hugo has written several times for CSS-Tricks including an article about a rather clever Pie Timer and several entries for the Almanac. I’m glad to have him back, this time explaining some pretty hardcore Sass stuff with a really practical app
Making Sass Talk To JavaScript With JSON | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! The following is a guest post by Les James. Like many of us, Les has been gunning for a solution to responsive images that works for him. In this article he shares a technique he found where he can pass “named” media queries from CSS over to the JavaScript, which uses those names to swap out
フリーのSass,LessコンパイラKoala【Win,Mac】
KoalaはWin,Mac,Linuxなどマルチプラットフォーム動くGUIのコンパイラです。 対応言語はSass(Compass),Less, CoffeeScriptです。 インストールはこちらからご使用のOSを。 現時点のバージョンはv1.0.0v1.3.0です。リリースしたてですね。 動作には予めRubyのインストールが必要です。 ※v1.3.0になったので少し修正しました（2013.6.2） koala使いかた ややフラットUIてきなインターフェイス。 プロジェクト登録 「＋」ボタンでフォルダを選択するか、 作業フォルダをドラッグすればプロジェクトが登録されます。 基本これだけでSass,Less,Coffeeのコンパイルをしてくれます。 書き出し設定 scssの緑のファイルアイコンをクリックすると画面右にオプションメニューが現れます。 「dynamic compilation」を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
css2scss - from css to scss
https://mnmlkit.co.uk/crumpet
GitHub - LinkedInAttic/archetype: Archetype is a Compass/Sass based framework for authoring configurable, composable UI components and patterns.
GitHub - luqmaan/sass_to_scss: Convert Sass to SCSS
GitHub - thoughtbot/bitters: Add a dash of pre-defined style to your Bourbon.
14islands
A couple of Sass functions | Hugo “Kitty” Giraudel
http://blog.choilabo.com/20130308/253
GitHub - drublic/Sass-Mixins: Sass mixins for general use
GitHub - heygrady/scss-blend-modes: Using standard color blending functions in SASS.
