DQ9ではじめてマルチプレイやりました！ 新しい楽しみ方だと思うなー。 ちなみにやったのは、この人たち。 collamoの中の人。 CSS Sprites作成ツール「Tonttu」を作ったみたいで、試しに使ってみましたがPSとかでチマチマ作るより全然使いやすかったっす。 興味ある方どうぞ。 これからゆっくり考Lの中の人。 ブログの内容はよく分かりませんが、「JavaScript超初心者によるJavaScript入門講座」ってサイトではてブ50目指して頑張ってるみたいです。 音声解説やってるのでお姉さまが優しく語りかけてくれます。 確認せず晒したんで本人に怒られたら困っちゃう。 さてさて、本題の組み方の違いです。 比較的簡単なサンプル二つを例に、同じデザインを再現するにでもCSSの書き方が違うと全然違うんですよねって辺りを書くっす。 以下のサンプルページを別タブとかで開きながら読んで頂けると
ビギナーズ向けに解説された、100%幅のヘッダとフッタを固定幅のコンテンツの天地に固定表示するスタイルシートをNoobcubeから紹介します。 Fixed Header & Footer Layout: A Beginner's Guide demo スタイルシートはIE6をはじめとする主要ブラウザをターゲットにしており、IE6用のスタイルシートファイルやdivの入れ子でIE6に対応しています。 HTML箇所の最小構成は、下記のようになります。 <textarea name="code" class="html" cols="60" rows="5"> <body> <div id="header-wrap"> <div id="header-container"> <div id="header">ヘッダ</div> </div> </div> <div id="ie6pagewrap"
コンテンツ箇所をHTMLの上部（ヘッダ・ナビゲーションより上）に配置するスタイルシートのトリックをSoh Tanakaから紹介します。 Markup Hierarchy - Advantages in SEO demo 上記のようなレイアウトをHTMLで記述した際、上左の順番で配置するのが一般的ですが、「float」と「position: absolute;」を使用して、下記のようにコンテンツ箇所を先頭に配置しています。 <textarea name="code" class="html" cols="60" rows="5"> <div id="main" class="container"> <div id="content">Content</div> <div id="header">Header</div> <div id="sidecol">Side</div> </div>
Column Layout Generator 使用方法は簡単で、左側のスライドバーを操作して、各カラムの幅を好みのサイズに設定するだけです。 設定したカラムは、リアルタイムにプレビューでき、右側のパネルにスタイルシートが生成されます。 Column Layout Generatorでは、1、2、3カラムのレイアウトを作成することができます。 1カラム用 2カラム用 3カラム用
emastic - Google Code 複雑なCSSレイアウトもサクッと実装できるCSSフレームワーク「emastic」。 以下はemasticを使ったサンプルレイアウトです。 例えば、次のように書くと、20 : 20 : 30 の比率で３つのブロックが生成されます。 <div class="dr20"> 20 em </div> <div class="dr20"> 20 em </div> <div class="dr30"> 30 em </div> <div class="clear"> </div> 次のようなレイアウトも簡単に作れます。もちろん、クロスブラウザ。 複雑なレイアウトを素早く作りたい場合に使えそうですね。 関連エントリ Yahoo!が提供するレイアウト用CSSライブラリ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
