m_shige1979のときどきITブログ

プログラムの勉強をしながら学習したことや経験したことをぼそぼそと書いていきます

Github(変なおっさんの顔でるので気をつけてね)

https://github.com/mshige1979

マテリアルデザインとかの「Materialize」に触ってみる

数年前まではTwitter Bootstrap系のデザインが主だった

当初からスマホアプリなどが出てきていろいろCSSのパワーも上がってきたのでいろいろなことができるようになったと思います。
そのうちCSS4も動かせたり…

マテリアルデザイン

意味合いはよくわかっていないけど
フラットになめらかなアニメーションが付いたとか考えている。違うと思うけどまあ
最近の主流のものと思っておけばいいと思います。
CSSとはでいけているデザインは組めない私としてはこういうのは助かるので

CSSフレームワークがそこそこできている

creator.aainc.co.jp
↑ですでに5種類のものが確認されているようです。

とりあえず「Materialize」を使ってみる

https://gentle-castle-6599.herokuapp.com/

f:id:m_shige1979:20150630230333p:plain

最初なんでテンプレートを入れただけ

内部を簡単に見るとJQueryを使っているので相性はそんなに悪くない…

所感

ちょっといれただけなのでまだ、実感わかない。
フォームとか画像とか日本語を入れてみていい感じに使えそうか少し検証してみる。
IE11でも一応見れたのでその辺は安心。
他のjavascriptとの相性もあるので少しは注意しておかないと…