TREND SPOTTING: 2007年8月アーカイブ


Webサイトをセンター合わせのデザインにする場合、例えば

<div id="container">コンテンツ</div>

のをセンタリングする場合、スタイルシートは

#container {
    margin-left: auto;
    margin-right: auto;
    width: 760px;
}

などとすれば、IE7、Firefox、Operaなどは問題なくセンターリングされますが、IE6ではブラウザのバグによりセンタリングされません。

twiiter.jpgいつも出遅れ感のある私ですが、SEOへの影響なども確かめたいのでTwitterをはじめてみました。

ようは一言ブログとのことですが、今のところあまり面白みを感じていません。

このサービスがこれ程話題になるのは、どの辺の要素が面白いからなのかも合わせて確認したいと思っています。

忘れないようにメモ

スタイルシートで2段カラムや3段カラムのレイアウトをおこなう際、親ボックスの中の子ボックスをfloatしますが、そうすると親ボックスに指定してあるはずの背景画像が表示されなかったりすることがあります。

散々なやんで色々調べた結果、clearfixハックの存在を知り、この問題を解消することができました。
他の部分でも、floatを使うことがありますが、brや空のdivにclearを指定したりしなくて済むので、それ以降なにかと使うことが多くなりました。大変便利なテクニックですね!

当ブログ一発目のお気に入り紹介です。

もう3ヶ月くらい前ですが、アーロンチェア買いまして

自慢げに書きましたが、中古のランバーサポートモデルです。
Yahoo!オークションで落札しました。

腰をやられる前に、イスだけは良いものをと探していたのですが、なかなか良いものがなく、ちょっといいかなって思うと結局3万円くらいしてしまうので、だったら頑張れば中古のアーロンチェアでもいけるじゃんと思い、購入しました。

先日、はてなスター設置方法について記事投稿しましたが、あまりすっきりとしないため、ぼんやりと考えていたのですが、タグとクラスとパーマリンクがセットになっていればいいのだから、なにもhタグにこだわる必要もなく、livedoorの設置例のように消してしまってもよいなら...

ということで、作業してみました。

mt4star.jpg新しいはてなのサービス、はてなスター。

ちょっと面白そうなので付けてみました。

Movable Type4の場合、トップページやアーカイブの記事タイトルはh2、個別記事がh1タグになっていますので、ここはh1タグに付けるべきなのでしょうが、やはりトップページでもスターを表示させたい。かといって個別ページのタイトルをh2にするのはどうにも納得いかない。

ということで、他にも方法はあるとは思いますが、手っ取り早い方法で両方に対応すべく作業してみました。

Movable Typeを久しぶりにいじったのとver.4を始めて扱ったので慣れるまでに大変でした。

横着してデフォルトをいじってのデザインだったので、スタイルシートでだいぶ苦労しました。人の書いたCSSだとルールを把握するまでに時間がかかるのと、恐らくデフォルトのデザインもベースを改変してのもののようで、スタイルを上書きしているような点が何点もみられた。

全部整理すれば、半分くらいのコードになりそうですが、そこはまた今度ということでなんとか見栄えだけは整えるところで一旦落ち着こうと思っています。

それと、Movable Typeの管理画面、大分扱いやすくなったような気がしますが、テンプレートやCSSを管理画面から編集する際、ソースコードが一部分消失するような場面が何度かありました。

独立してホームページ制作業務を開始しました。

大変お世話になった会社を退社してから約半年。色々な準備や勉強(失敗)をして、ネタがタマってきたので、少し個人的な内容を書けるブログを公開しようとTREND SPOTTINGを立ち上げました。

RSS

楽天おすすめ

Tag Cloud

SEO対策

Sponsor Site

Category

Amazonおすすめ

Copyright © 2008 Trendspotting All rights reserved.