ITエンジニア/デザイナ向けにオープンソースを毎日紹介

Webは自由度の高いプラットフォームです。WebブラウザはHTMLとCSSを使ってデザインするのが前提で、デザインしない時の表示は酷いものです。しかし、こったデザインをするのは時間がかかります。

そこで使ってみたいのがWater.cssです。CSSファイルを読み込むだけで、ちょっと良い感じのデザインにしてくれます。

Water.cssの使い方

フォームです。標準タグの状態からこのような見栄えになります。

コードタグ。

画像。

テーブル。

タイポグラフィ。

アドレス、メールアドレスタグ。ヘッダーも。

テーマは白と黒が用意されています。

Water.cssを読み込むだけで適当なHTMLがここまで見栄え良くなるのが魅力的です。ちゃんとしたWebサイトとしては物足りないかも知れませんが、ちょっとした文章を公開したいというニーズであれば十分ではないでしょうか。

Water.cssはCSS製のオープンソース・ソフトウェア(MIT License)です。

Water.css

kognise/water.css: A just-add-css collection of styles to make simple websites just a little nicer

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2