shoelace-css

css-framework layout utility

shoelace-cssは基本に忠実なCSSスターターキットです。シンプルで使いやすいCSSルールを提供し、ウェブ開発者が迅速にスタイリングを開始できるようにサポートします。

Latest Ver
Homepage
Github
0
13,396
洗練をまとう、ウェブの新たな始まり
上品なデザインとユーザーフレンドリーな機能で、あなたのウェブサイトを変えてみませんか。
シンプルでアクセスしやすいCSSルールを提供するスターターキット
License: MIT

Sample Code

⚠️ import 文を含む一部のコードは、jsFiddleで正しく実行されない場合があります。エラーが発生した場合は、コードをコピーしてご自身の環境でお試しください。
⚙️ JavaScript
{"html": "<div class='container'>\n  <h1 class='title'>Hello, Shoelace!</h1>\n</div>", "css": "@import url('https://cdnjs.cloudflare.com/ajax/libs/shoelace-css/1.0.0-beta24/shoelace.css');\n.container {\n  max-width: 800px;\n  margin: 0 auto;\n}\n.title {\n  color: #333;\n  text-align: center;\n}"}
⚡ Top Tools for Developers
Text Compare

テキスト比較

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

Favicon Generator

Faviconジェネレーター

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

Lorem Ipsum Generator

Lorem Ipsumジェネレーター

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

Character Counter

文字数カウント

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

SRT ↔ SMI

SRT ↔ SMI変換ツール

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

Text Extract(OCR)

画像テキスト抽出

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