spectre.css

css-framework responsive layout

Spectre.cssは軽量でレスポンシブかつ現代的なデザインを目指すCSSフレームワークです。このフレームワークは、基本的なHTML要素のスタイリング、有用なコンポーネント、効率的なレイアウトオプションを提供し、ウェブ開発者がより迅速かつ容易にウェブページをデザインできるように支援します。

Latest Ver 0.5.9

Homepage

Github

11,342

📢 Spectre.cssは現代的で軽量なCSSフレームワークです。

CDNダウンロード

License: MIT

Asset Type :

すべてのバージョンを見る

https://cdnjs.cloudflare.com/ajax/libs/spectre.css/0.5.9/spectre-exp.css

https://cdnjs.cloudflare.com/ajax/libs/spectre.css/0.5.9/spectre-exp.min.css

https://cdnjs.cloudflare.com/ajax/libs/spectre.css/0.5.9/spectre-icons.css

https://cdnjs.cloudflare.com/ajax/libs/spectre.css/0.5.9/spectre-icons.min.css

https://cdnjs.cloudflare.com/ajax/libs/spectre.css/0.5.9/spectre.css

https://cdnjs.cloudflare.com/ajax/libs/spectre.css/0.5.9/spectre.min.css

Sample Code

⚠️ import 文を含む一部のコードは、jsFiddleで正しく実行されない場合があります。エラーが発生した場合は、コードをコピーしてご自身の環境でお試しください。

⚙️ JavaScript
{"HTML": "<div class='container'><h1 class='label'>Hello World</h1></div>", "CSS": "@import url('https://cdnjs.cloudflare.com/ajax/libs/spectre.css/0.5.9/spectre.min.css');"}

⚡ Top Tools for Developers

テキスト比較

2つのテキストの違いを一目で確認できます。

Faviconジェネレーター

簡単かつ迅速にファビコンを生成します。

Lorem Ipsumジェネレーター

デザイン用のダミーテキストを生成します。

文字数カウント

文字数と単語数をリアルタイムで確認できます。

SRT ↔ SMI変換ツール

字幕形式を簡単に変換できます。

画像テキスト抽出

画像内のテキストを自動で抽出します。