なぜRakuなのか？
Rakuはハイブリッドcssフレームワークであるため、classlessフレームワークとコンポーネントベースのいいとこ取りをしています。シンプルなHTMLタグと少しのクラスやroleで美しいデザインを実現できます。
直感的なデザイン
直感的にスタイルを適用できます。また明瞭なclass名で簡単にスタイルを指定できます。
レスポンシブ
デフォルトでレスポンシブデザインに対応しています。
カスタマイズ可能
簡単にテーマをカスタマイズできます。
はじめ方
Rakuを使い始めるのは簡単です。以下のCSSファイルをHTMLに追加するだけです
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/linkalls/raku@beta-v0.01/raku.min.css">
これだけで、Rakuのスタイルがあなたのウェブサイトに適用されます。
もしコードハイライトが必要な場合はこちらのコードを追加するだけです
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/linkalls/raku/raku.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/styles/atom-one-dark.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
使用例
Rakuを使用したシンプルな例を見てみましょう!
<div class="card">
<h3>カードタイトル</h3>
<p>これはカードの内容です。</p>
<button>詳細を見る</button>
</div>
カードタイトル
これはカードの内容です。
今すぐ始めましょう！
Rakuフレームワークを使って、あなたのウェブサイトを美しくデザインしましょう。