HatenaをXHTML+CSSで組みなおす

Comments:24

かずや 2006年5月25日 00:19

http://marble.musasy.com/ie7.gif

IE7 beta2 でも正常に表示されました!
min-widthも効いているのでウィンドウ縮小してもレイアウトはくずれませんでした!
というか…ソース本当に綺麗。勉強になります!!

Bar 2006年5月25日 00:53

>IEではウインドウを縮めると本家とは表示が異なります

これでいいと考えられる感性が独りよがりでオナニー的だと思います。ソースも別に美しくないし。アホか。

wu 2006年5月25日 01:06

(ρ＿；)

Lasty 2006年5月25日 07:27

本家はIE7で崩れるので、アプローチすれば本家に採用してもらえたりして。

YaMaDa 2006年5月25日 18:24

class="section hService"
って、クラス名にスペース使えないだろ。致命的。

css 2006年5月25日 18:53

>って、クラス名にスペース使えないだろ。

ヒント：複数のクラス指定

takeda 2006年5月25日 19:37

>YaMaDa さん
複数クラスを指定できないと思っているあなたのほうが致命的です。

通りすがり 2006年5月25日 19:51

>これでいいと考えられる感性が独りよがりでオナニー

余興と言ったら失礼かもしれませんが、こういった記事に対してBarさんもなかなか無粋なコメントを残しますね。
XHTMLのソースは綺麗だと思いますよ。

あれ？爾来踏んじゃった？

通りすがり 2006年5月25日 19:54

あ、ちなみにCSSのソースも綺麗でした。

別の通りすがり 2006年5月26日 00:17

Barってのははてなブックマークの人気エントリを荒らして回っているみたいだから気にしないのが吉
http://inamode6.tokuhirom.dnsalias.org/show/3302
妬ましいのかな？

葉山 2006年5月26日 10:37

表示を同じにしろと言われたらできるもんだけど、やっぱり上手にカスケードの特性を生かして管理しやすいCSSを書けってなったら難しい。

これぐらいできるようになると楽しいんだろうなぁ。。

supu- 2006年5月26日 13:43

インターネットWatch http://internet.watch.impress.co.jp/static/yajiuma/
で6/25日のニュースにmixiの記事でてましたよー。という私もそこからきたのですが。私はHPのことはわからないえけど、かるーくてよさそうですね。！

wu 2006年5月28日 22:22

既に色々なところで話題になっているようですが、

Slash.japan
【世間はまだまだテーブル・レイアウトが主流?】
http://slashdot.jp/article.pl?sid=06/05/26/016254
の議論が衝撃的でした。
正直、数年前のキャッシュを見てるのかと思ったぐらいです。
"CSS否定派？"の主張も当時と全く変わってないばかりか、"気づいちゃった人(CSS肯定派)"とのやり取りそのものが変わってないみたい。

当時自分が予想していた"3年後"とはたいぶ違うなぁ。

MacUser 2006年5月29日 23:26

Safariで開こうとするとSafariが落ちますね。
Opera, Firefox, Canimo, IEでは表示されました。

wu 2006年5月29日 23:34

MacUserさん、ご報告ありがとうございます。
>Safariで開こうとするとSafariが落ちますね。
あちゃー。特に複雑な指定をしている箇所も無いので安心してました。学校のSafariでは落ちる事は無かったのですが、Versionの違いなのでしょうかね。

C 2006年5月30日 12:17

うーたんがtableでのレイアウトについてどう思っているか、聞いてみたい気もする(￣△￣

wu 2006年5月31日 22:25

>tableでのレイアウトについてどう思っているか、聞いてみたい

記事にしようと思ったけど、言いたい事ありすぎてうまくまとめられなかった…。

話かわるけど、スラッシュドットジャパンの記事さ、ああいう議論って「CSS覚えたく無い人」 vs 「CSS覚えた人」だよね。CSSを覚えたけど、テーブルのほうが便利だって言ってる人なんて一人もいない。ほんと、おかしなやり取りだなー。

KH 2006年6月 1日 09:54

WinXP IE6SP2で、1280*1024の環境で、最大化表示すると、
右メニューの「スタッフ日記」あたりが、ヘッダー(会社概要～お問い合わせ付近)が重なって見えてしまいます。

IEの横幅を適当に調整するときれいに見えるんですが（＾＾；

wu 2006年6月 1日 13:46

KHさん、こんにちは。

>ヘッダー(会社概要～お問い合わせ付近)が重なって...

記事の最後にも書きましたが、IEはmin-widthに対応していませんので、実現するには泥臭い手法を使わなくてはいけません。
少ないXHTMLでもこれぐらい出来るんだよって伝えたいだけだったので、そこまでやる必要ないとおもって無視しました。

KH 2006年6月 1日 14:07

wuさん

お返事ありがとうございました。
なるほど・・・了解致しました。
mixiのXHTML化の記事から拝見してから、自社のHPも本格的なCSS化を始めました(・ω・)ノ

これからも拝読させていただきます。

wu 2006年6月 5日 22:55

いい事ですね！間接的に、そしてゆっくりではありますが、必ず何かしらの利益に繋がると思いますよ。

PaYa 2006年6月11日 22:02

時間かかったけどやっとMAQUE導入完了！
いやぁデザインセンス良すぎて感動っす！
とりあえず、BGを赤黒にしてみた（笑）
その他箇所はちょびっとずつカスタマイズしていきやす：D

wu 2006年7月15日 02:41

おおぉ！PaYa仕様になっている!!
(ごめん、コメントに気づかなくて返信遅れちゃった。 orz)

PaYa 2006年7月15日 22:04

ＮＰ！:D

Trackbacks:1

TrackBack URL for this entry

http://3ping.org/mt/mt-tb.cgi/76

Listed below are links to weblogs that reference

HatenaをXHTML+CSSで組みなおす from 3ping.org

Yahoo!JAPANをXHTML+CSSで組みなおす from Skidbradnir. 2007-03-13 (火) 00:38

少し前のエントリーで､yahoo!JAPANのトップページをXHTML/cssで...