Zimit Frameworkを使ってみた
6月にASIA LUNARウェブサイトをいろいろいじったのですがだんだん嫌になってきて途中で放置してしまいました。そこから例の物欲が。で、再開しようにもちょっとやり過ぎた感があって自分のことなのにどうしよう(´・ω・`)と戸惑っている僕。こういうときはいっそイチから組み直そうかと思うわけで、最近のフレームワークはどうなんだろうと思ったわけです。
Zimit Framework - 要チェックなHTML5デザインフレームワーク MOONGIFT
audioタグでmp3埋め込みに標準対応してるしソースがスッキリするのでBootstrap2から乗り換え検討中 / “Zimit Framework: The consistent HTML5 framework” http://t.co/Z8597Rewiw
— 萌尽狼(日本空中戦車道連盟) (@asialunar) July 18, 2014
Zimit FrameworkはBootstrapに比べてソースがすっきりするのがいいなと思ったのです。
audioタグは、まだ試してないけど、1ページ内に複数のプレーヤーを表示させた時どうなるか、ちょっと不安なコーディングに見えます。あと、audioのコーディングはちょっと野暮ったいです。
Zimit FrameworkがGoogle Web Fontsから読み込んでいるOpen Sansが、同じ最新版のGoogle Chromeなのに別のPCでは表示されない問題が起きていて悩んでます。 #CSS #HTML5 #Webデザイン
— 萌尽狼(日本空中戦車道連盟) (@asialunar) July 19, 2014
Zimit Framework、単にOpen Sansが表示されないだけならいいんだけど、レイアウトが狂うんだよね…
— 萌尽狼(日本空中戦車道連盟) (@asialunar) July 19, 2014
Open Sansの件、サーバーにアップロードしたら表示されました。Zimit Framework、ローカルだと表示が遅いこともあるし、逐一サーバーにアップロードして表示チェックすれば問題ないかな?
— 萌尽狼(日本空中戦車道連盟) (@asialunar) July 19, 2014
このへんは自己解決してしまったのでなんとも。とはいえ環境によってローカルで表示結果が確認できないのは痛いです。なんでなんだろう…この件でちょっとやる気が削がれました。
960pxグリッドシステムのフレームワークといってもBootstrapとZimitではだいぶコーディングが異なるなぁという印象。やれることはほぼ同じなのに、Bootstrapはかっちりしていて、Zimitはゆるいです。これはどちらをとるべきか悩みますねぇ。 #Webデザイン
— 萌尽狼(日本空中戦車道連盟) (@asialunar) July 20, 2014
Zimit Frameworkで作ってみたトップページ案。結構かわいいと思うんだけど、右側の余白がどうにも。 pic.twitter.com/OM6bEf3dx0
— 萌尽狼(日本空中戦車道連盟) (@asialunar) July 20, 2014
改行などでサムネイルの大きさがまちまちになってもきれいに整列するのがいいなと思ったのですが、グリッド幅に合わせてデザインされているわけではないようなので(´・ω・`)
この独特のゆるさに戸惑っている僕。
もちろん組み直すとなればそれなりに時間もかかるので、そこまでモチベーションが維持できそうにない感じがしてきたので、これはまたここで放置かなぁ(´・ω・`)
ウェブサイトはいじってると楽しいので、いつもちゃらんぽらんですみません。