タグ カラムレイアウト
人気順 10 users 50 users 100 users 500 users 1000 usersNotionでの「カラムレイアウト」作成がスラッシュコマンドで超簡単に出来るようになりました! #notion | DevelopersIO
Notionでの「カラムレイアウト」作成がスラッシュコマンドで超簡単に出来るようになりました! #notion Webページデザインにおいて「マルチカラムレイアウト」は良く利用されるかと思いますが、Notionでも(Notionの仕組みを利用して)この「カラムレイアウト」を実現することが出来ます。 WEBデザインでよく聞く「カラム... 続きを読む
CSSで片方可変、片方固定のカラムレイアウトを実装する方法 | NxWorld
CSSで片方の幅が可変で、もう片方の幅が固定というタイプのカラムレイアウトを実装する方法を全4パターン紹介します。対象ブラウザやOSなど環境によっては使えないものもありますが、全て同じ見た目(レイアウト)を実装することができます。 HTML 以下で紹介する方法はいずれも下記のようなHTMLを使用したものになり、ご覧のようにメイン・サイド・それらを括る親要素の3つのdiv要素で実装していきます。 H... 続きを読む
WordPressテーマ(レスポンシブWebデザイン対応): 小粋空間
レスポンシブWebデザイン対応のWordPressテーマの配布を開始します。 1.レスポンシブWebデザイン対応 今回配布するテーマでは、レスポンシブWebデザイン対応として次の6つのレイアウトを提供します。カッコ内の英文字はカラムレイアウトを切り替える文字列になります。カラムレイアウトの変更方法については6項で解説します。 3カラム固定レイアウト(layout-three-column) 3カラ... 続きを読む
CSSレイアウトテクニック"偽装絶対指定" - A List Apart | エンタープライズ | マイコミジャーナル
A List Apart - Faux Absolute Positioning CSSでポジションを指定する方法は大きくわけてfloatを使う方法と絶対位置で指定する2つの方法がある。多くのサイトではヘッダとフッタを伴うカラムレイアウトを採用していることが多い。絶対位置指定では縦方向にコンテンツが成長するタイプのレイアウトでフッタの位置を指定できないという問題がある。このためfloatレイアウト... 続きを読む
[使える CSS テクニック] CSSで色々なカラムレイアウト(段組)を実現する | バシャログ。
第 2 回目は「色々なカラムレイアウト(段組)を実現する」です。 WEBサイトには色々なカラムレイアウトが使われています。 その中でも今回は最近よく使われている、レイアウトパターンをいくつかご紹介します。 2カラム固定レイアウト 2カラム固定レイアウトは、企業サイトなどでよく使われるレイアウトパターンです。 サンプルページ 2カラム固定レイアウトの解説 XHTMLの構造は以下のように設定します。 ... 続きを読む
小粋空間: CSS JavaScript によるカラムレイアウト切り替え
公開テンプレート(Movable Type/Serene Bach/sb/ FC2ブログ/Seesaaブログ)でカラムレイアウトをリアルタイムに切り替えるカスタマイズです。ここでは公開テンプレートをサンプルに説明していますが、同様の構造であればどのようなテンプレートでも実現可能です。 とりあえず、どのような動作になるかをサンプルでお試しください(中央上部のプルダウンメニューで操作できます)。 以前... 続きを読む