Home > XHTML CSS > [改]mixiをXHTML+CSSで組みなおす

[改]mixiをXHTML+CSSで組みなおす

  • Posted by: wu
  • May 24, 2006 1:42 AM
  • XHTML CSS

mixi

mixiをXHTML+CSSで組みなおすで取り上げた生徒の提出した課題には、記事にも書いたとおり、まだいくつか改善できる点がありました。が、色々修正+αしたようで、再提出してもらいました。

前回提出したものと比べると、XHTMLが部分的に修正され、classの数が減っている。オーイェス。機能ごとにclassを与えて共通するスタイルをまとめることで、管理も編集も楽チンにする事が出来るんだ。

  • レイアウトチェンジ機能

本家Mixi同様、自分の紹介画像の下からレイアウトを2カラム・3カラムに変更できるようだ。

ハナマルちゃん である。

Comments:4

Comment Form
上場 2006年6月10日 23:34

力作ですね。そんな技術があってうらやましいです。

MUSCAT 2006年11月20日 07:23

感動しました。

参考に研究したのですが、小生のは拡大で破壊されました。

どか?んん!

wu 2006年11月23日 04:56

どか~ん!
僕がレイアウトを組む際は、大小に+2ほどの拡大で可読が可能になるというラインで制作しています。 XHTML+CSS vs Tableの議論ではCSSでは「フォントサイズを拡大すると壊れる」という点をよく突かれますが、それを大きく上回るメリットがあることに気づいてほしいところですね。

"ゴクウ vs Mr.サタン"に例えると、サタンは圧倒的戦闘力の差を無視し、ゴクウの唯一の弱点である尻尾の事を大声で周りにお知らせしているようです。 軽くパンチしてサタンは場外です。

MUSCAT 2006年12月 1日 00:06

例えに爆笑!!

しかし、どか?ん!と潰れた時はショックでした。

そこで 取り急ぎ 誤摩化して  本日Updated
XHTML+CSSで 作成してみました。

Trackbacks:0

TrackBack URL for this entry
http://3ping.org/mt/mt-tb.cgi/75
Listed below are links to weblogs that reference
[改]mixiをXHTML+CSSで組みなおす from 3ping.org

Home > XHTML CSS > [改]mixiをXHTML+CSSで組みなおす

Book

実践 Web Standards Design

拙著「実践 Web Standards Design」ではXHTMLやCSSの仕様からマークアップの手法・考え方をはじめ、レイアウトや実践的なWebサイト構築のワークフロー、そしてCSSを利用したさまざまな技術的Tipsを解説しています。

Products
Search
Feeds

Return to page top