ITで遊ぶ

簡単なCSSフレームワーク milligram

先日、PHPでシンプルな検索ウェブアプリを書いたんですが、、、

いつも悩むのが飾り付け。

たしかにBootstrapは便利です。
でもね、書いたHTMLのタグだけで味付けしてくれるCSSライブラリーあったっていいんじゃない?
(デザインセンス皆無の俺にはできないけど)

ちょっと探していたら、あった!

それがmilligram (https://milligram.io/)

これ、極端なことをいうと以下のCDNリンクをヘッダー内に定義したら、なにもしなくていい。
そこそこのデザインとレスポンシブ対応が手に入る!

<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic">
<link rel="stylesheet" href="//cdn.rawgit.com/necolas/normalize.css/master/normalize.css">
<link rel="stylesheet" href="//cdn.rawgit.com/milligram/milligram/master/dist/milligram.min.css">

グリッドなどもできるので詳しいことはここで親切な人が解説してくれているので勉強しましょう。

おかげで「スクリーン幅が○○ピクセルになったら」なんて考えずに済んだ。
ありがとう! Milligram

関連記事

  1. python 正規表現で文字列判定

  2. P2Pは大事

  3. PyUSB 私家版日本語訳(3)

  4. Google Map APIでとりあえずマーカーを立てる

  5. PIC16F1705

  6. CodeIgniter 別のViewの書き方

  7. ハッカソンって騒ぐだけ?

  8. 多くのテキストファイルをWordPressの投稿に書き込む