タグ

mediaqueryに関するsadahのブックマーク (2)

  • Simple Media Queries Debugger

    Fork me on GitHub! Get free lemonade! The Content Deutsch Media Queries sind dabei sich zu etablieren, Vor- und Nachteile seien hier kein Thema. Definitiv ist das „Debuggen” nicht immer einfach und die Layouterstellung kann schnell komplex werden. Diese Lösung stellt die Umsetzung einer Idee dar, um den jeweiligen Viewport zu kennen, da im obersten Bereich der Seite dargestellt wird. Durch diese W

  • 興味深いテクニックを多々取り入れているHTML5+CSS3のフレームワーク -Gridless

    当サイトの記事でも取り上げている数々のテクニックを取り入れている、IE6/7にも対応したHTML5+CSS3ベースのフレームワークを紹介します。 Gridless [ad#ad-2] Gridlessの主な特徴 CSSでユーザーのスクリーンサイズに最適なレイアウトを実現します。 参考:Media Queriesをしっかり身につけるチュートリアル クロスブラウザ対応(IE6/7も含む) CSS Resetには、Normalize CSSを使用。 参考:ブラウザのスタイルをリセットするスタイルシート -Normalize CSS 黄金比をベースにしたサイズと縦のリズムを使ったタイポグラフィ。 印刷時のスタイルをプリント時に最適化。 キャッシュの最適化。 HTML5+CSS3の採用。 安全なCSS Hack。 参考:IE9対応、IEの各バージョンごとに異なるスタイルシートを適用する方法のまとめ

  • 1