タグ

2_xhtmlに関するtknsnのブックマーク (5)

  • コーディングをさっと済ませるためのCSSテンプレート集 | CREAMU

    コーディングはさっと済ませたい。 そんなあなたにおすすめなのが、『Blank Themes, Frameworks and Templates: Resources to Speed Up Your Development Time』。コーディングをさっと済ませるためのCSSテンプレート集だ。 以下にいくつかご紹介。 ↑のキャプチャはDynamic Drive。2カラムや3カラム、固定幅、リキッドレイアウトなど、たくさんのCSSレイアウトを配布 » Code Sucks 90のフリーCSSレイアウト » Layout Gala 40のCSSレイアウト » CSS Creator 幅や背景色などを指定してXHTMLソースが生成できる » Whiteboard フリーのワードプレステーマフレームワーク » Yet Another Multi-Column Layout モダンで拡張性のあるレイ

  • mixiをXHTML+CSSで組みなおす - 3ping.org

    授業内で、既存サイトをXHTML+CSSで組み直す練習をするのですが、生徒が提出したのが「mixi」を書き直したもので、とてもよく出来てました。 mixiはテーブルレイアウトで組まれていて、基は3カラムだけど、もとがテーブルなだけあって、ヘッダーのメニューが少し複雑だったり、セクションごとのビジュアル的なデザインや、細かい文字の余白のとり方が難しい。 現在のCSSは「どんな見栄えも出来てしまう」とは言えない。当は言いたいのだけど、実際にはブラウザーのバグを回避するためにバッドノウハウを駆使したり、CSSの限界から、見栄えとは切り離すべきXHTML部分を調整しなくては再現できない見栄えがある。 けど、生徒の提出したものは、見栄えのためだけのdivも無ければ、ヴァリデーターだけを100点で通過するような機械騙しのXHTMLでもない。(一部、リストとしてマークアップできるところはある) もち

  • HatenaをXHTML+CSSで組みなおす

    授業中、生徒は課題制作で忙しく僕は用無し。ってことで、○○○をXHTML+CSSで組みなおすシリーズ(?)第二段を勝手にこっそり作ってた。 なるべく皆が知ってるサイトで、コーディングが楽しそうなサイトを探してたのだけど、なかなか決まらず、結局、生徒のリクエストでhatenaのトップページを組みなおす事にしました。 hatenaは一部レイアウトにテーブルを使っているものの、基CSSでの段組がされているので、mixiを組みなおすような大きな軽量化は出来そうにない。なので、楽しみ方としては、いかに無駄なマークアップを減らしてシンプルなXHTMLで同じ見栄えを再現するかだ。 これがまた、パズルで遊んでいるときの感覚に似ていてとっても楽しい。近い将来、CSSで1つの要素に複数の背景画像がおけるようになったとき、このパズル感が失われてしまうと思うと残念でならない。(半分ホンキ) で、帰ってきて手直

  • 初めてのXHTML講座/Web for Senior

    HTML中級者の方のための Webページ作成を支援するページです。当講座では、2001年5月 W3Cより勧告された XHTML1.1 に基づいています。 XHTMLHTMLを継承しつつ XMLへ導く新しいマークアップ言語です。 初めての XHTML講座 ■ XHTML1.1 Reference   ■ XHTML1.1モジュール ■ XHTML HTML要素属性対比表 ■ 基礎講座 XHTML概要 / XHTML / XHTML DTD / HTMLとXHTML / XML概要 ■ 関連ドキュメント XHTML用語集 / XHTML対応ブラウザ / XHTML Basic ■ XML関連 XMLとは / XMLの歴史 / XML基構成 / 整形式XML / 検証済みXML DTD / XSL / 名前空間 / XLink / XPointer / DOM ■ 初心者向け HTML

  • 初めてのXHTML講座/Web for Senior

    HTML中級者の方のための Webページ作成を支援するページです。当講座では、2001年5月 W3Cより勧告された XHTML1.1 に基づいています。 XHTMLHTMLを継承しつつ XMLへ導く新しいマークアップ言語です。 初めての XHTML講座 ■ XHTML1.1 Reference   ■ XHTML1.1モジュール ■ XHTML HTML要素属性対比表 ■ 基礎講座 XHTML概要 / XHTML / XHTML DTD / HTMLとXHTML / XML概要 ■ 関連ドキュメント XHTML用語集 / XHTML対応ブラウザ / XHTML Basic ■ XML関連 XMLとは / XMLの歴史 / XML基構成 / 整形式XML / 検証済みXML DTD / XSL / 名前空間 / XLink / XPointer / DOM ■ 初心者向け HTML

  • 1