Resource - Sass

Sassベースの軽量でモダンなオープンソースCSSデザインシステム・「Spruce」

Spruce SpruceはSassベースの軽量でモダンなオープンソースCSSデザインシステムです。多様なプロジェクトの確かな土台となるミニマルなフレームワークを目指しているそうです。 このフレームワークの開発者としてのミニマル...

SASSで構築された軽量なフロントエンド開発フレームワーク・「Penguin」

Penguin PenguinはSASSで構築されたフロントエンド開発の為の軽量スターターキットです。OSSとして公開されています。必要最低限のコンポーネントも揃えられており、RequireJS併用でモジュールの管理も可能との事。個人...

SASS向けのカラーライブラリ・「Color Me SASS」

Color Me SASS Color Me SASSはSASS用のカラーライブラリです。彩度や明度等の指定をする事でカラーコードを書ける、というもの。色の混合も出来るみたい。一部の方には便利かも。ライセンスは・・・ ☺ライセンス、と...

リアルタイムプレビューが可能なOSSのSass/CSSエディタ・「Takana」

Takana Takanaはリアルタイムプレビューが可能なSass/CSSエディタです。オープンソースとして公開されています。Gruntのプラグインも用意されています。コーディングの効率化に貢献してくれそうです。動画もあるのでチェック...

SVGによるパターンを背景として使える・「PatternBolt」

PatternBolt PatternBoltはSVGによるパターンを背景に使えるCSSです。画像はdataスキームが使われています。適応したい要素に用意されたパターンのclassを振って:after擬似要素でサイズを指定するだけ。S...

シンプルなプリローダーを実装するCSS・「(cs)spinner」

(cs)spinner (cs)spinnerはCSSのみで作るシンプルなプリローダーを実装するCSSです。CSSで描かれたエレメントをアニメーション表示させています。非常に軽量なので、少しでも軽くしたいモバイルサイト等に良さそうです...

フラットなWebサイトを構築する為のフロントエンドフレームワーク・「Furatto」

Furatto FurattoはフラットなWebデザインのサイトを迅速に構築する為のフロントエンドフレームワークです。Sassを使ってるみたい。ボタンやフォーム、テーブルからページネーションやツールチップなどのコンポーネント、カルーセ...

LessやSass、CoffeescriptなどをコンパイルできるWindows用ソフトウェア・「Prepros」

Prepros PreprosはLessやSass、Coffeescript等のファイルを監視し、変更があった際に自動でコンパイルしてくれるWindows用のソフトウェアです。CodeKitほど高性能では無いにしても、割と似たようなも...

SassのコードをCSSに即時変換・「SassMeister」

SassMeister SassMeisterはSass記法で書いたコードを即時CSSに変換するツールです。左に書き込めばCSSが右側に表示されます。OSSとしてGithubでも公開されています。Rubyで書かれているようですね。 ...

CSSフレームワークの機能が一目で分かる一覧表・「CSS Front-end Frameworks with comparison」

CSS Front-end Frameworks with comparison CSS Front-end Frameworks with comparisonは様々なCSSフレームワークの持ち合わせている機能を一目で確認出来る一覧...

Sass用のカラー調整Webツール・「SassMe」

SassMe SassMeはリアルタイムでSass用のカラー調整を行えるWebツールです。カラー関数のサブセットを視覚化してくれる、というシンプルなもの。使い方はベースカラーを入力してスライダーをマウスで操作するだけ。Githubでも...

PhotoshopのレイヤースタイルをCSS3に変換する・「CSS3Ps」

CSS3Ps CSS3Psは、PhotoshopのレイヤースタイルをCSS3に変換するプラグインです。Sassにも対応しています。 CSS3Ps
Ads