on:2017年6月28日sponsorsCSSの知識は必要なく、そして時間もない時に、簡単にいい感じのデザインになるCSSのフレームワークを紹介します。CSSが苦手な人に、バックエンドで作業する用の即席プロトタイプにも最適です。既存のHTMLに一行、もしくは二行追加するだけで簡単に利用できます。-GitHubsakuraの特徴sakuraのデモsakuraの使い方sakuraの特徴かなり古くさいデザインのページでも、モダンなページでも、わずか数秒で見栄えのよいページにすることができます。外部ファイルを加えるだけで、既存のHTMLでさえも見栄えのよいデザインを適用できます。即席のプロトタイプにも最適。バックエンドで作業する時に、簡単にスタイルを適用できます。友達や叔母さんなど、CSSが難しいという人にも美しいブログが構築できます。他のすべてのCSSフレームワークのように、class名を覚える必要はありません。class名を覚える必要はない、というより使用されていません。基本的なHTMLの要素はすべてサポートされており、HTMLを変更したり、classを加えるなどの面倒な作業は一切不要です。sakuraのデモsakuraがどのようになるかは、デモページで実際に見ることができます。デフォルトsakuraのCSSをはずした状態、スタイルシート無しの状態は、下記のようになります。スタイル無しsakuraではテーマが用意されており、デュオトーンのさまざまなカラースキームを利用できます。デモページの左上「Switch」で変更できます。アースキャプチャしている位置がカラーの変化が少ない箇所なので、実際のデモページでお楽しみください。ダークsakuraの使い方sakuraを利用するのは、簡単です。既存のページですぐに適用できます。外部ファイル当スタイルシートを外部ファイルとして記述します。type="text/css"></head>CSSは、CDNでも利用できます。type="text/css"></head>オプションとして、sakuraを使用する前にnormalize.cssを使用してリセットすることをお勧めします。type="text/css"></head>これで完了です。カラーの設定sakuraではテーマが用意されていますが、自身で作成することもできます。「sakura-earthly.scss」は、下記のようになっています。