�� (2014-03-16)

読了まで:約2分



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


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

と​いう​雑記で、

  1. [[また​進捗中です - 無限雑音 http://junk.nyarla.net/post/79354883507]]
  2. [[本日の​進捗 - 無限雑音 http://junk.nyarla.net/post/79545267525]]

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

進捗中です とか

進捗ダメです

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


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

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

と​いう​辺りです。

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

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

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

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

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


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

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

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

  • Google Chrome on OSX Mavericks

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


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

#FIXME

アバターアイコン兼ロゴ

にゃるら(カラクリスタ)

『輝かしい青春』なんて失かった人。次に備えて待機中。

今は趣味でプログラミングをして生活しています。