Sassベースの軽量でモダンなオープンソースCSSデザインシステム・「Spruce」 Spruce SpruceはSassベースの軽量でモダンなオープンソースCSSデザインシステムです。多様なプロジェクトの確かな土台となるミニマルなフレームワークを目指しているそうです。 このフレームワークの開発者としてのミニマル...2022.03.31 | 10時07分48秒
SASSで構築された軽量なフロントエンド開発フレームワーク・「Penguin」 Penguin PenguinはSASSで構築されたフロントエンド開発の為の軽量スターターキットです。OSSとして公開されています。必要最低限のコンポーネントも揃えられており、RequireJS併用でモジュールの管理も可能との事。個人...2015.04.25 | 10時25分07秒
SASS向けのカラーライブラリ・「Color Me SASS」 Color Me SASS Color Me SASSはSASS用のカラーライブラリです。彩度や明度等の指定をする事でカラーコードを書ける、というもの。色の混合も出来るみたい。一部の方には便利かも。ライセンスは・・・ ☺ライセンス、と...2014.11.03 | 12時13分12秒
リアルタイムプレビューが可能なOSSのSass/CSSエディタ・「Takana」 Takana Takanaはリアルタイムプレビューが可能なSass/CSSエディタです。オープンソースとして公開されています。Gruntのプラグインも用意されています。コーディングの効率化に貢献してくれそうです。動画もあるのでチェック...2014.09.24 | 10時56分09秒
SVGによるパターンを背景として使える・「PatternBolt」 PatternBolt PatternBoltはSVGによるパターンを背景に使えるCSSです。画像はdataスキームが使われています。適応したい要素に用意されたパターンのclassを振って:after擬似要素でサイズを指定するだけ。S...2014.07.24 | 16時12分01秒
シンプルなプリローダーを実装するCSS・「(cs)spinner」 (cs)spinner (cs)spinnerはCSSのみで作るシンプルなプリローダーを実装するCSSです。CSSで描かれたエレメントをアニメーション表示させています。非常に軽量なので、少しでも軽くしたいモバイルサイト等に良さそうです...2014.03.21 | 11時48分01秒
フラットなWebサイトを構築する為のフロントエンドフレームワーク・「Furatto」 Furatto FurattoはフラットなWebデザインのサイトを迅速に構築する為のフロントエンドフレームワークです。Sassを使ってるみたい。ボタンやフォーム、テーブルからページネーションやツールチップなどのコンポーネント、カルーセ...2013.07.13 | 10時30分08秒
LessやSass、CoffeescriptなどをコンパイルできるWindows用ソフトウェア・「Prepros」 Prepros PreprosはLessやSass、Coffeescript等のファイルを監視し、変更があった際に自動でコンパイルしてくれるWindows用のソフトウェアです。CodeKitほど高性能では無いにしても、割と似たようなも...2013.05.22 | 10時25分19秒
SassのコードをCSSに即時変換・「SassMeister」 SassMeister SassMeisterはSass記法で書いたコードを即時CSSに変換するツールです。左に書き込めばCSSが右側に表示されます。OSSとしてGithubでも公開されています。Rubyで書かれているようですね。 ...2013.05.03 | 12時42分42秒
CSSフレームワークの機能が一目で分かる一覧表・「CSS Front-end Frameworks with comparison」 CSS Front-end Frameworks with comparison CSS Front-end Frameworks with comparisonは様々なCSSフレームワークの持ち合わせている機能を一目で確認出来る一覧...2013.04.12 | 12時40分32秒
Sass用のカラー調整Webツール・「SassMe」 SassMe SassMeはリアルタイムでSass用のカラー調整を行えるWebツールです。カラー関数のサブセットを視覚化してくれる、というシンプルなもの。使い方はベースカラーを入力してスライダーをマウスで操作するだけ。Githubでも...2013.03.21 | 10時40分58秒
PhotoshopのレイヤースタイルをCSS3に変換する・「CSS3Ps」 CSS3Ps CSS3Psは、PhotoshopのレイヤースタイルをCSS3に変換するプラグインです。Sassにも対応しています。 CSS3Ps2013.02.28 | 12時38分01秒