タグ

CSSとIE8に関するgouei2001のブックマーク (4)

  • AWSのELBで陥ったトラブルについて - スープレックス社長のいろいろ2

    Webサーバを複数台使用していて、それらをELBでロードバランシングしており、プログラムでセッション変数を使いたいのでSticknessの設定を「Enable Load Balancer Generated Cookie Stickiness」に設定。 まず疑うべきはコードだと思ったので、プログラムを念入りにチェックしてみたのですが、どうもおかしそうな箇所がない。確かにプログラムに問題があればIE8だけじゃなくて他のブラウザでも発生するはずと思い、試しにクッキーの状態を見てみると、「AWSELB」という名前のクッキーが大量に存在してることが判明。 ELBはこのクッキーの値を見て、どのWebサーバに接続するか判断しているのですが、これがURL単位で発行されているようで、そのため大量のクッキーが存在した模様。アクセスのたびにHTMLだけでなくCSSJavaScriptなどのファイルにもクッ

  • レスポンシブデザインをコーディングする時の、自分なりのちょっとしたTips

    前にこの記事で、レスポンシブデザインをコーディングの仕方の基的なことを説明をしましたが、今回は自分が製作してる時に気をつけていることや、よく使う方法を書いておこうと思います。 案件や作業フローによって全然違う方法がよい場合もあるかもしれませんので、参考程度にどうぞ。 要素のマークアップ順序 会社や作業フローによるかと思いますが、今のところ、PC用とスマートフォン用のデザイン2枚が出来上がってくる事が自分は多いです。 そのデザインを見ながらHTMLを作っていきますが、この時スマートフォンのデザインを見ながらマークアップしたほうが良いと思いました。 文章の意味付け的にデザインで順序変えるのはどうなのよというのはありますが・・・。 positionを使って再現するデザインの場合はPCは簡単に位置を入れ替えることができますが、スマートフォンのデザインは320px~リキッドデザインにすることが多い

    レスポンシブデザインをコーディングする時の、自分なりのちょっとしたTips
  • HTML5で組んでるならこの魔法のjsも入れておけっていう話

    現在、A!@attripさん発で話題になっている「たった2行でIE5.5~IE8をモダンブラウザの挙動にする魔法のJS」という記事。 Webデザイン界隈では当たり前のものですが、実はもうひとつ追加しておくといいかもしれないjsがあったりします。 Photo:html5 By michael pollak IE8以前のブラウザはどうにもこうにも開発者泣かせなわけですが、ie9.jsとcss3-mediaqueries.jsを突っ込むことで、モダンブラウザと同じ挙動にすることができちゃいます。 もう少し具体的に書くと、ie9.jsを組み込むことで、 position:fixed;に対応 max-width、max-heightに対応 属性セレクタ、擬似クラスに対応 margin:0 auto;でのセンタリングに対応 透過PNGに対応 opacityに対応 といったことが可能になります。要はCS

    HTML5で組んでるならこの魔法のjsも入れておけっていう話
  • IE8/IE9の「ブラウザーモード」と「ドキュメントモード」のまとめ

    先日エントリーした「IE6/IE7/IE8/IE9の共存まとめ」で書いたとおり、IE8/IE9の開発者モードには「ブラウザーモード」と「ドキュメントモード」が用意されています。これを利用すれば、IEの旧バージョンの表示や挙動などを確認できるようです。 ブラウザーモードの選択 ドキュメントモードの選択 が、公式サイトの「ブラウザーモード」と「ドキュメントモード」の説明(7項に掲載)を読んでも、それぞれの使い方が良く分かりません。 ということで、エントリーで「ブラウザーモード」と「ドキュメントモード」を変更することで、なにがどうなるかを調査してまとめました。参考になれば幸いです。 1.サンプル 説明は後回しにして、「ブラウザーモード」と「ドキュメントモード」を変更すると何がどのように変わるか、簡単なサンプルを作ってみました。 サンプルページ このページをIE8またはIE9で表示して「ブラウザ

  • 1