コーディングをさっと済ませるための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で１つの要素に複数の背景画像がおけるようになったとき、このパズル感が失われてしまうと思うと残念でならない。(半分ホンキ) で、帰ってきて手直
初めてのXHTML講座/Web for Senior
HTML中級者の方のための Webページ作成を支援するページです。当講座では、2001年5月 W3Cより勧告された XHTML1.1 に基づいています。 XHTMLは HTMLを継承しつつ 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 に基づいています。 XHTMLは HTMLを継承しつつ 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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
