レスポンシブWebデザインで3カラムと2カラムを切り替えるためのCSS
レスポンシブWebデザインで、Media Queriesを使って3カラムと2カラムを切り替えるためのCSSの設定について紹介します。 １．やりたいこと まず、次のような3カラムレイアウトがあるとします。一番左がメインコンテンツで、その右側にサイドバーが2列並んだものです。 あるいは、左右にサイドバーがあるオーソドックスな3カラムレイアウト。 これらの3カラムレイアウトをデバイス幅によって2カラムレイアウトになったときに、サイドバーを縦1列に並べるというものです。 また、メインコンテンツの高さが、サイドバー（上）の高さより低い場合でも、サイドバー（下）がメインコンテンツ側に回り込まないようにします。 さらに、各レイアウトは固定・リキッドのいずれも実現し、レイアウト全体はセンタリングさせます。 上記のレスポンシブWebデザインのサンプルを作るにあたってウェブを検索したのですが、同様のサンプルが
制作でDreamweaverを使うときに便利な、ワークスペースごとの基本機能のまとめ | Mnemoniqs Web Designer Blog
制作でDreamweaverを使うときに、知っておきたい基本機能をワークスペースの各要素ごとにまとめてみました。ほんと基本的なことばっかりですが、意外と知らないまま使ってたっていう同僚もいたので。あんまり活用してないところがあれば、確認しておくのもいいかと思います。 目次 ワークスペースのレイアウト ファイルパネル ドキュメントウィンドウ コーディングツールバー ステータスバー 挿入パネル 検索および置換 プロパティインスペクター ワークスペースのレイアウト 僕のDreamweaverCS3はこんなワークスペースのレイアウトとなっております。結果パネルだけポップアップ。 (クリックで拡大) [スタイルレタリングツールバー]と[標準ツールバー]はほとんど使わないので非表示にしています。[挿入パネル]は必要なときだけオープン。 レイアウトは人ぞれぞれなので一番使いやすいかたちで。 ファイルパ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
