ウェブサイトの横幅
ウェブサイトの横幅ついては過去に「固定派」「リキッド派」により幾度となく繰り返され、おそらく未だ「どちらが適当か」という結論には至っていない。ちなみに俺は元リキッド派で現在は丁度その中間とも言える「max-width派」なんだが固定派の言い分もよくわかる。例えば次の「固定派」の意見。 現実問題として、「多くの閲覧者が特に設定などをしないで見たときに、サイト公開側の意図に沿ったウェブデザインで見せたい」という要請は多いし、またその要請をかなえてこそウェブデザイナーと言えると思う。見せる側の意図を完全に排除し、閲覧者の自由度のみを主張するのは極めて偏った見方だと思うし、また現実問題として、ウェブブラウザーの操作において文字サイズ等を自在に設定できるユーザーは案外少ないものである（こんなページを見ている人なら当然できるような操作でも、ネットやパソコンになじんでいない一般の人たちには極めて高度な作
[CSS]横スクロール時にヘッダやフッタが切れてしまう時の解決方法
ヘッダやフッタがブラウザの横幅より広い際に、横スクロールするとヘッダとフッタが切れてしまうのを解決する方法を紹介します。 これはIE6などの旧式のブラウザだけでなく、Firefox3.6やChromeでも起きる現象です。 How to Resolve a Fluid Header/Footer Problem When the Window is Resized デモページ（不具合版） ※キャプチャはFirefox3.6（不具合の確認は横幅を小さくして） この現象が起きる条件は下記のようになります。 ヘッダとフッタのサイズは指定されていない。 →横いっぱいに広がる。 コンテンツエリアのサイズは指定されており、「margin:auto;」で中央に配置。 ブラウザのサイズはコンテンツエリアのサイズより小さい。 →ブラウザに横スクロールバーがでる。 期待される表示は、下記のようにコンテンツが中央
cssとHTMLのみで擬似的な3D表示を実現するCSS 3D Meninas - かちびと.net
これ凄いです。僕が知らなかった だけかも知れませんが、この動き でjs等も使用していないのは驚き でした。cssとHTMLのみでマウス オーバーした際の画像に3D効果 を出しています。 動作はIE8、Firefox3、Opera9、Safari 3、Chrome4などで動作するそうです。 マウスオーバーし、左右に動かすと画像も動きます。 複数の透過レイヤーを重ねてhoverで動きを出しているみたい。何枚かの画像と下記のような画像を使ったｃｓｓスプライトを使って実現しているようです。 この効果はmootoolsやjQueryのプラグイン(mParallaxやjParallax)を使えば同じ表現を実現出来ます。 実用性は期待できませんが、cssとHTMLだけっていうのが凄い。ソースは以下でご確認下さい。 Pure CSS 3d Meninas (説明ページ：CSS 3D Meninas)
CSS YEAR OF THE CAT
このウェブサイトは販売用です！ desperadoes.biz は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、desperadoes.bizが全てとなります。あなたがお探しの内容が見つかることを願っています！
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTMLタグボード - HTMLタグ一覧、CSSリファレンスなど