
CSS/HTML


テキスト中心のコンテンツ向けに作られた超軽量スタイルシート・「SPCSS」

多数のコンポーネントも用意されたFlexboxベースのモダンなCSSフレームワーク・「OrbitCSS」

コンポーネントとユーティリティ重視のCSSフレームワーク・「Cirrus.CSS」

必要最低限だけを揃えた、使いやすいミニマルなCSSフレームワーク・「Screen」

細かい設定も可能な、画像にさまざまなカラーフィルターをかけられるCSSライブラリ・「filters.css」

CSS box-shadowで出来る様々なスタイルを収集、コードもコピーできる・「Beautiful CSS box-shadow examples」

Bootstrapライクに使えるフロントエンドフレームワーク・「Halfmoon」

CSSの用語を視覚的に学べる・「CSS Vocabulary」

シンプルなものからユニークなものまで様々なCSS製のスピナーやローダーをまとめた・「CSS3 Loader & Spinners」

CSSやHTML、JavaScript等で、似たような挙動をするタグや方法で何が違うのかを解説する・「this vs that」

応答性、読みやすさ、モジュール性を重視して設計されたミニマルなCSSフレームワーク・「mono/color」

モジュール形式のCSSボタンシステム・「knopf.css」

FlexboxやCSS Gridでよく用いられるレイアウトのコードを提供する・「1-Line Layouts*」

テキストや背景のグラデーションカラーを手軽に設定できるCSSライブラリ・「grxdients.css」

HTML/CSS/JavaScriptで作られた汎用的なCC0のコンポーネントを動作確認したりコードをコピーしたり選んでまとめてダウンロードできる・「html.systems」

ユーティリティも用意された超軽量なCSSレイアウトライブラリ・「lyt」

class不要で基本的なスタイルを提供するCSSフレームワーク・「Basic.css」

Tailwind CSSで使えるコンポーネントを確認しながらコードをコピーできる・「tailblocks」

Windows XPライクなUIを提供するCSS・「XP.css」

シンプルで見やすいレイアウトをclass不要で作れるclasslessなCSSフレームワーク・「new.css」
