多分、[2009-02-21-1] 以来。
いやあ、ずっとデザインは直さなくちゃと思ってたんですよ。しかし、まさかこのGWに直すことになるとは。
今まではtdiary のkaeruテーマを使わせて頂いていました。分からないなりに継ぎ足していったところ、スマホ時代に反したデザインになっていると自覚。味があったといえばありましたが。
そこでGWの初めにたつをさんの記事 を見ながらスマホ対応をしたんですが、元がアレなのでサイドバーを引っ込めるくらいしか出来ず。
GWも終盤の昨日の午後、天からイベントが降ってきたので、一気にリニューアルしてしまいました。うん、12時間くらい。
PagerやPaginationは分かりやすくしたつもり。どうでしょう？
テーマは、みんな大好きBootstrapをベースにいい感じのテーマが集まっている https://bootswatch.com/ のYeti を使わせて頂きました。
時間がかかったのは、ある程度形にするまでと、カテゴリページのPaginationをいい感じにするため、chalowのソース に修正を入れたところ。
Perlでは配列をprintすることもままならない。。
— マスタカ (@masutaka) May 5, 2015
chalowのソースをいじるのは今回が初めてではありませんが、Perlは未だに分かりません。。
もう一つは、使うべきcssがよく分からなかったこと。
というのも、初めは各テーマのソースを参考にしていたので、 https://github.com/thomaspark/bootswatch をgit cloneして実装を進めていました。
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/bootswatch/yeti/bootstrap.min.css" media="screen">
<link rel="stylesheet" href="/bootswatch/assets/css/bootswatch.min.css">
いざ調べてみたらこれで良いっぽい。しかしデザインが変わる。。
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="//netdna.bootstrapcdn.com/bootswatch/3.3.4/yeti/bootstrap.min.css" rel="stylesheet">
https://bootswatch.com/ は彼ら自身のデザインをカスタマイズしていたことに、しばらくして気づきました。。
https://t.co/wXz977etZp はCDNで配布しているcssを少しカスタマイズしているのね。なんでcssを2つ読み込んでいるのかと思った。
— マスタカ (@masutaka) May 6, 2015
http://validator.w3.org/ にもお世話になりました。
tdiaryのテーマよ、今までありがとう！