サイトを構築するのは当たり前ですが、ブラウザのスクリーンサイズにも気を使いたいところです。イベントを使うこともできますが、はてなダイアリーでは許可されていないし、何より面倒。Queriesを使って(というか、こっち正攻法のはず)サイドバーの箱の位置を切り替えるようにしてみた。スクリーンショットこんなの見せなくても、PCからアクセスしてる人は実際にブラウザの大きさ変えると見れます。Webkit、Firefox、Operaで動作確認しました。IEは環境が無くて確認していないので正しく表示されるか分からない。画面サイズが大きいと、本文以外の箱がサイドバーに来くるし小さいと下記のように、折りたたまれて本文の下に収まるようにしてみました。Queriesについてはこことか参考になる。僕の場合こんな感じの記述がある。}}当然、実際のCSSは人それぞれですけど、画面サイズに依存しない部分と依存する部分を分けて書くだけなのでそんなに難しくなかったです。これでまた一歩、01の世界からデザインの世界まで分かるエンジニアに近づいた、ような気がする。自分の手で書いてみるのって大切ですね。Queriesを使ってはてダで異なる大きさのブラウザに対応するTweet関連記事2012-03-04LESSでBootstrapを改造する以下のようにディレクトリ構成がなっているとする。style.less...2012-03-04LESSとSassの比較した結果LESSを採用することにしたCSSを拡張するメタ言語としてLESSとSassが有名。はてなブログPro髙橋侑久。アイコンは自作のハニワ。Qiitaを作っています。形式にしてコピーするArchiveスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。