CSS レイアウト切り替えスイッチ | WWW WATCH

Web サイトのレイアウトに関しては、横幅を固定した固定レイアウト、ブラウザのウィンドウサイズと連動するリキッドレイアウト、文字サイズと連動するエラスティックレ... Web サイトのレイアウトに関しては、横幅を固定した固定レイアウト、ブラウザのウィンドウサイズと連動するリキッドレイアウト、文字サイズと連動するエラスティックレイアウトの 3種類がよく使われますが、どのレイアウトが一番文章が読みやすかったり、利便性が高いのかって考えたときに、当然好みは人それぞれ。 じゃあ、その人の好みで、3つのレイアウトを切り替えられるようにしたらいいじゃんということで、そんな CSS 切り替えスイッチを作ってみました。 サンプルはこちらで確認できます 全ファイルのダウンロードはこちら （zip ファイル / 10KB） デフォルトでは横幅固定のレイアウトになっています。スイッチを押すたびにレイアウトが選択

[renesis13b]

リキッドレイアウト、エラスティックレイアウト、フィックスレイアウトをボタンで切り替えられるjs

[webmarksjp]

レイアウト

[qland]

「固定レイアウト、リキッドレイアウト、エラスティックレイアウト」を選択できるスイッチ

[fuki1234]

こういうのいいよねぇ。さくっとCSS切り替えって素敵。

[fullfillonesfullfunction]

CSS

[shinobine]

いつも付けようかどうしようか迷うんだよね

[capsicum39]

CSS

[gav]

横幅を固定した固定レイアウト、ブラウザのウィンドウサイズと連動するリキッドレイアウト、文字サイズと連動するエラスティックレイアウトの 3種類がよく使われますが、どのレイアウトが一番文章が読みやすかったり

[You-2u]

CSS レイアウト切り替えスイッチ

[mura24]

これはステキげ！

[yugui]

10年遅れで再びやってきたス切りボ

[shinsaku]

CSS切り替え

[minelayer]

面白いし便利だけど実装するのは面倒という。

[ikebe1999]

ボタンで固定レイアウト、リキッドレイアウトなどを切り替える方法のソース

[webbingstudio]

エラスティックレイアウトはなかなか見かけないけど楽しいよねえ

[sorano_k]

いろいろ探していたので、参考にします。

[adsty]

スイッチを押すたびにレイアウト切り替えが可能。

[thakuro]

こういうの便利ですよね

[soratomo]

見た目の切り替えを補助する機能を

[urajima]

レイアウトの切り替えはサーバーサイドにしようかクライアントサイドにしようか迷いつつ未だ付けてない、クライアント側のが妥当かなと思いつつも好みはサーバ側なんだよなぁ。というメモ。

[kiyokichi]

　「styleswitcher.js」 を使用して2カラム⇒3カラム変更するなど

[Naoki1]

css切り替えスイッチ

[wims_Tea]

css切り替えスイッチ

[vv_boow_vv]

設定はCookie によって保存されますので、Cookie をクリアしない限り、次にアクセスしたときも最後に選択したレイアウトが維持されます。

[sst]

スイッチを押すたびにレイアウトが選択したものに切り替わり、その設定はCookie によって保存されますので、Cookie をクリアしない限り、次にアクセスしたときも最後に選択したレイアウトが維持されます

[stellarnight]

横幅を固定/リキッド/文字サイズ連動のどれかに切り替えるCSS&Javascript。使ってみたいけど固定でもリキッドでも大丈夫なデザインを練るのに時間がかかりそう。

[mmnnrr]

JavaScriptによるCSSの切り替えでレイアウトを選べるようにする

[kurobuchi]

文字サイズのようにCSSでレイアウトを変更するサンプル．

[wacky]

固定レイアウト、リキッドレイアウト（ウインドウサイズ追従）、エラスティックレイアウト（文字サイズ追従）の3つのスタイルを動的に切り替えるJavaScript。

[wakatakahawks]

レイアウト切り替え