タグ別アーカイブ: Bootstrap

【年末年始の自由研究】スマートフォン向けブログテーマをBootstrapで作りかえてみた


blogtheme_bootstrap

先日Android版Firefox向けに調整したばかりの当ブログモバイルテーマですが、一から作り替えてみました。

従来のモバイルテーマはjQuery Mobileベースだったのですが、jQuery Mobile自体が少々重装備なのと、テーマファイルのベースが自分で作ったものではないためメンテナンスしづらいという問題がありました。そこで今回WordPressテーマや流行ライブラリの勉強を兼ねて、Bootstrapを用いてスクラッチで作ってみました。とにかく形にすることを優先して、画面デザインの多くはBootstrapのデフォルトそのままです。デフォルトのままでもそこそこきれいに見えるのがBootstrapの魅力ですね。

ブログ記事が読めるというレベルの基本的なところは問題ないはずです。ところどころ表示がおかしいところもあるかもしれませんが、それはおいおい直すということで。

【読書】UIまで手の回らないプログラマのためのBootstrap 3実用ガイド


UIまで手の回らないプログラマのためのBootstrap 3実用ガイド

BootstrapはHTMLのUIをカッコよくしてくれるフレームワークという程度の理解しかなかったので情報補充のために購入。一通り読んで、開発中にちょっとWeb UIを整えたいときに便利そうだなという感想。

まさしく「UIまで手の回らないプログラマ」になることがしばしばあるため、BootstrapとかjQuery Mobileとかお手軽にそれなりのHTML画面を作れる仕組みは開発ツールとして手元に置いておきたいなと思っています。