[K] Twitter BootstrapなGW・月まとめ終了・レスポンシブテーマについて・ブログデザインなど | ◯刊(2012/05 第1週)

IMG 0107

どうも@knk_nです。

不定期更新も辞さない覚悟で◯刊を続けていきます。

ちょっとずつ役割ができてきそうなので、もうしばらくは生ぬるい目で見てやってください。

Twitter Bootstrapに半分喰われたGW

今年のゴールデンウィーク。せっかくの休日だったのに自由な時間のおよそ半分をTwitter Bootstrapに費やしてしまいました。

[WordPress] Twitter Bootstrap でモバイルテーマを組んでみたので、いろいろとまとめてみた * ラクイシロク
とてもありがたかったんだけどちょっとフクザツ

Twitter Bootstrapを使ってオリジナルテーマを作ってみたよ

Screenshot 2012 05 06 21 20 48

前回少し触れたTwitter Bootstrap。調子に乗ってPC用のブログテーマもTwitter Bootstrapで作ってみました。

Twitter Bootstrap (v2.0)の基礎 – ドットインストール
動画でお勉強しつつ並行して既存のテーマ修正。

コロコロとデザインが変わるのは良くないので最小限の修正にとどめました。あとヘッダ画像がちょっと場所をとってたので少しサイズダウン。

作ってみた感想「ムダにグラフィカル!

ちなみに、Twitter Boostrap は、簡単に恰好良すぎるデザインにすることが出来ますが、そのデザインが似たり寄ったりになるという弊害もあります(笑)。

via: [WordPress] Twitter Bootstrap でモバイルテーマを組んでみたので、いろいろとまとめてみた * ラクイシロク

この指摘ももっともなことで、私も前回のデザインを崩さない程度の変更にとどめましたが、簡単につくれるぶん「ありきたりな」デザインになる可能性がありますね。

このあたり、かつて使っていたWPtouchに通ずるところがあるのかも。

なんちゃってレスポンシブ

IMG 0389

今回はTwitter Bootstrapのレスポンシブデザインを使って同じテーマでPCでもiPhone見られるようにしてみました。

画面のサイズに合わせてレイアウトを組んであります。大きくしたり、小さくしてみてください。

iPhone用はこの前作ったやっつけTwitter Bootstrapテーマとほとんど一緒です。一部サイドバーに移してしまったので少し見辛くなったかもしれないですね。

レスポンシブデザインはおすすめできない

どちらかといえばレスポンシブなテーマはオススメできません

編集するファイルの数はひとつでもデバイスごとのサイズにうまく合わせてレイアウトなどを組まなければなりませんし、何より使いにくい。

PC用のテーマでもそうなのですが、基本的に使う側はスクロールが少なくて済むようにしたいのです。
なので私はサイドバーにタブを付けたり、フッターには何も置かなかったりしているのですが現在iPhone用テーマではサイドバーが下の方にあってアクセスしにくくなっちゃいました。

下においてたら誰も見てくれないのでもう少し考えたほうがいいかもですね。
今の状態だと完成度は8割くらいかな。

今でもブラウザのタブの一つにはTwitter Bootstrapのページが開いてあってしょっちゅうチェックしてます。

Twitter Bootstrap

サーバ移転の効果が少しはあったかも

三月末にサーバ移転を行ったのですが、効果があったかどうかがずっと気になっていました。
二週前の記事、そして最近のMacアプリ晒しの二記事がいい検証材料になりました。

私が見た感じですが、サーバダウンは一度も起きていないと思います。やや、替えてよかったε-(´∀`*)

みんなもおはよじしようぜ!! | 徹夜人間だった私が二週間毎日早起きして感じた早起きの魅力 | けんけん.com
[K] Mac歴5年目&クリーンインストール三度目の私が選ぶ「ユーザ向けおすすめMacアプリ20選!」 | けんけん.com
当ブログのレンタルサーバをさくらインターネットからsixcoreに移転したので備忘録とかのまとめ | けんけん.com

月まとめをしばらくやめます

今まで毎月行なっていたアクセス解析をしばらくやめることにしました。
けっこうな手間をかけてる割にはPV取れないといったヤラシイ話はさておき、あまり楽しんで書けていないのが原因なんだろうなと思ってます。

アクセス数とか書きだして、人気記事を並べているだけですからね。ほとんど作業みたいなものです。
なので今後は内々でひっそりやることにしました。

もう少し上手い方法を見つけたらまたやろうかな。

ブログデザインについて思うこと

最近デザインに関した話題をTwitterやブログで目にします。
正直、私はデザインについて全くといっていいほど知識がありません。

それでもテーマ自作などにチャレンジできたのはたくさんのブログを見てきたからです。
「このデザインは見やすい」「このデザインは見づらい」くらいは私でもわかりますからね。

こだわりたいこと。まだまだたくさんあります。
でも最初は読みやすい文字の大きさ、行間など基本的なことから見なおしていこうかな。

ブログの読みやすさを改善する10の方法
お気に入り記事です

ちょっと半端だけどここまで。
今週から二年目に突入です。今後ともよろしく。

[K] 本日けんけん.comは1歳になりました。 | けんけん.com
Categories:
Tags:
記事が気に入ったらシェアお願いします!