このページでの記事一覧

タグ:ブログデザイン (全2ページ)
数日前からだがちょこっとブログのデザインをリファインしましたよ。新年も迎えたことだし心機一転ってことで。今回は「favicon」、「配色」、「フォント」、「上へ戻るボタン」などをやった。

blog_001.jpg

[ 続きを読む ]
  • web拍手 by FC2
  • このエントリーをはてなブックマークに追加

大分自分がやりたかった事が出来だした。暫くブログはこのスタイルでいきますかね~。テンプレートはこの先改良していって見た目をfixしていく予定。

画像は640x360サイズだけど重くはないよね?ほんとはjQueryとfancyboxでやりたかったんだけどどうも上手く出来ないので今回はパス。

あと今まで形骸化していたタグを全部見直して付け直した。多分検索性は少しは上がった筈。

過去ログは最近の記事以外全部捨ててもいいかなぁとは思うんだけどね。一応ログのバックアップは取ってあるし訪問者にとっても特に重要じゃないだろうし。アニメカテの記事とかどう考えてもいらんだろうw

あと何やっていこうかな~。

  • web拍手 by FC2
  • このエントリーをはてなブックマークに追加

え~ブログカスタマイズで悩んで試行錯誤してる段階。

今更気付いたけどfc2のサムネ縮小って結構画質劣化してしまうのね。IrfanViewで400pxに縮小したのと見比べたらはっきり画質に差があってガックシ。一度これに気付いてしまうともう同じように画像アップ出来なくなってしまう。これなら最初からこっちで縮小してアップした方がいいんじゃないかな。HDサイズでは無理だからハーフサイズの640x360ならいけなくもないか。

暫く色々弄ってゲームもままならない状況へ。

  • web拍手 by FC2
  • このエントリーをはてなブックマークに追加

カテゴリページと月別ページをタイトル表示のみに変えました。

記事表示だと閲覧性が悪い感じがしてて以前から何とかしたいと悩んでたんだけど最近Templ8@FC2blogさまの記事を見てやっと方法が分かったので弄ってみました。っていうか今更?w実は当たり前のカスタマイズだったりするのかなw。

表示件数は50件ぐらいにしたかったんだけどFC2ブログは最大30件に制限してるみたいだ。自分的には以前よりは遥かに見やすさが向上したなと思ってるけどどうだろう。不具合があったらお知らせください。

  • web拍手 by FC2
  • このエントリーをはてなブックマークに追加

W3C CSS 検証サービスでは一応合格点。細かい警告はでるけど外部から呼び出してる他のCSSの事なのでキニシナーイ。同じW3CのHTML検証サービスは見なかった方向で。レンタルブログである以上仕方ない。

正当なCSSです!

スタイルシートはかなり乱雑で見難い事この上ないんだよね。あとでちゃんと整理し直さないとなぁ。

しかしレンダリングが遅い気がする。一呼吸あって全部表示される感じ。背景に重い画像は使ってないしコーディングも適切だと思うし何でだろう。単にFC2が重いだけだったり。

今回数年ぶりにHTMLやCSS弄ったけど感覚は忘れてないものだな。自分の技術の行き止まりも忘れてなかったけど。近い内にIEで意図しない表示になる問題も何とか解決したい。バージョンは9だけしかチェック出来ないけど・・・。もうみんな9だよね!

とか言ってるうちに何とか解決した昨日の晩。最初からYUI Fonts CSSというリセットCSS使えばよかった。ただ確認出来てるのはバージョン9のみなので7や8がどうなってるかは分からない。6なんか凄い事になってるかもしれないが流石にもう6はどうでもいいか。

あ、そういえばOperaやSafariもあったな~と遠い目。ブラウザ戦争でWeb製作者は恩恵を受けるけど割ももっと食うよなぁ。将来的に統一されればいいんだけどね。

あとは細々とした調整やら過去の記事の修正やらかな。

  • web拍手 by FC2
  • このエントリーをはてなブックマークに追加

今までは既存のテンプレートを使ってたんだけどやっぱり自分の手が行き届いてない事に我慢がならなくなったのでカスタマイズしてみた。といってもあれやこれや弄ってるうちに原型は殆ど留めてないけどね。もしかしてイチからやったほうがすっきり出来たかもしれない。ま、自分のWebデザイン技術は数年前で止まってたんでリハビリには調度良かった。

以前から3カラムデザインはやりたかったので今回やっと実現出来て結構満足。見やすさや使い勝手はどうなんだろうね。自分では悪く無いと思うけど・・・。

因みにブラウザでの表示確認はそれぞれ最新版のChromeとFirefoxでしかまともにやってないです。IEだとどうしても文字サイズや画像の位置とかで面倒な差異が生じてしまうんだよね。修正ですり寄せるのもう面倒だからいいや~と投げやり。

↓こうゆう風に見えてるのが理想。

妄想シンフォニー (クリックで原寸大)

とはいえ大幅に崩れていたら流石にマズいのでお気付きの点があったらご報告して頂けたらありがたいです。

(追記)YUI Fonts CSS使う事で何とかIEでも崩れず見れるようになった。ただしVer9限定だけど。7、8で見てる人はどうなんだろうか少しもやもや。6は流石にもう居ないよね?

  1. テスト
  2. テスト
  3. テスト
  • web拍手 by FC2
  • このエントリーをはてなブックマークに追加