読者です 読者をやめる 読者になる 読者になる

カラクリサイクル

『輝かしい青春』なんて無かった人の雑記

Diary Design WebSites


概要: Tumblrのデザインを絶妙に変えました。


えーっと、僕のTumblrの一つでる、

という雑記で、

  1. また進捗中です - 無限雑音
  2. 本日の進捗 - 無限雑音

という記事を書いていて、

  • 進捗中です とか
  • 進捗ダメです

とか言ってたんですが、本日、本日無事作業が終わり、僕の五つのTumblrのデザインが、 絶妙に 変わりましたコトを報告したいと思います。


で、今回の作業のポイントとしては、

  1. ソーシャル系ボタンや、配置ウィジェットの見直したコト
    • ソーシャル系のボタンはすべて静的リンクにした
    • Zenbackは外した
    • あとで読む系Webサービスへの投稿リンクを記事ヘッダにつけた
  2. Assets filesをdata URI化して、テンプレート等に埋め込んだ
    • なので、HTMLとかCSSファイルが割ととんでもなないコトになってる
    • あと、HTML自体の読み込みが遅くなってるので、その辺り微妙
    • ただまあ、HTTP Requestが飛ぶ数は減らせたと思う
  3. あとは見た目の細かい調整
    • ソースコードとか引用文のスタイルの変更
    • Gistへの対応。具体的にはGistの見た目を自分のブログになじませた
    • 背景画像の色合いの微調整。白色の色を若干暗めに

という辺りです。

まあ、ソーシャル系ボタンは全部リンクにしちゃったんで、まあちょっと使い勝手が下がってるかもですが、その辺りは割り切って変更しました。

で、data URIによる Assets Resourcesの埋め込みは、かなりやり過ぎた感があり、なんかHTMLファイルの中身がとんでもないコトになってますが、まあ気にせんといてください。

んで、最後のヤツは、Gistを貼付けたけどデザインとマッチしてなくてビミョーとか、あるいは、フォローボタンの類いの取ってつけた感がビミョーとか、そういう点を直しました。

まあ全体としては、かなりすっきりというか、おお、今時でかなりカッコいいじゃん! と感じているので、自分ではかなり気に入っております。

ただまあ、結構作るのに時間かかりましたけどね(>_<;)。


という事で、本日のお知らせは以上です。

まあ、まだちょっと微調整した方が良いかな? という部分も無い訳ではなさそうな感じなので、その辺りまあ今後微調整していけば良いかなーと思っております。

で、あと、このブログのデザインは、

  • Google Chrome on OSX Mavericks

でしか確認しておりません。が、まあ基本的には、HTML5 + CSS3辺りで構成されているので、その辺りにきちんと対応したブラウザであれば大体は意図した通りに表示されるかと思います。あとWindowsとかIEとかはしりませんしりません。ウチコン。すみすみ。


という事で本日は以上です。終わります。まる。