あと一歩のところでうまくいかないCSSグリッドシステム
しばらく前からわたしはCSSグリッドシステムに取り憑かれたようになっている。このせいで成仏できないので取り憑く側といったほうが正しいのかもしれないが。 わたしが夢想しているグリッドシステムは以下の要件のもの。 HTMLとCSSだけで動く。JavaScriptに依存しない リキッドレイアウトである 行ごとに要素で囲む必要がない グリッドの内容は、％指定でフレキシブルにすることもできるし、固定サイズにしておき領域幅をオーバーしたら改行するようにもできる 使用があやういハックは使いたくない IE8以上に対応する この要件を満たしているサンプルはこちら。ブラウザの画面幅を加減すると、リキッドレイアウトのほうは自動的に幅が伸縮するし、固定幅レイアウトのほうは適宜改行されるようになると思う。 上記サンプルの動作環境はIE8+。うまくいっていない「あと一歩」はどこなのかというと、グリッドの基底要素（サン
簡単なレスポンシブデザインのHTMLとCSSを組んでみよう｜ cocope [コードスニペット ココペ]
初心者向けのWeb制作ヒント集ということで立ち上げたのですが、いきなりレスポンシブWebデザインネタです。 でもWebデザイナーを目指している方もいつかはぶち当たるかもしれないので、今は不明であってもいつか役に立ったら幸いです。 では話を戻して、レスポンシブデザインについてまとめていきます。 レスポンシブデザインについて まずはレスポンシブデザインというのから学んでいきましょう。 最近ではPCよりもスマートフォンやタブレット端末でのサイト閲覧をする方が増えてきております。 PCやスマートフォンでも同じファイル（HTML）で画面サイズを基準にしてサイトを切り替える方法のResponsive Web Design（レスポンシブWebデザイン/RWD）が誕生しました。2010年に誕生したまだ若い技術です。 レスポンシブデザインは単一の技術ではなくメディアクエリ、フルードグリッド、フルードイメージ
![簡単なレスポンシブデザインのHTMLとCSSを組んでみよう｜ cocope [コードスニペット ココペ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/5f3e877cfd15adb053ee0587516c7bdfc807ada6/height=288;version=1;width=512/http%3A%2F%2Freference.cocole.jp%2Fwp-content%2Fuploads%2F2014%2F10%2Frwd.jpg)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
