IE8以前のブラウザをIE9に近い動作にするJS
2013.05.21
最近はIE6、7に対応させることが減ってきました。
IE8以上を基準に制作し、IE6、7では「できるだけ」再現するといった
対応をすることも多いです。

そういうとき、ie9.jsを良く使っています。

このJSがどういうものかというと、
旧IEでは本来使えない

・position:fixed;
・max-width

などを再現し、IE9の挙動に近づけるというものです。

旧IE対応が前提の案件はもちろん、
手間をかけるほどではないけど、少しでも再現率を・・という場合にも
すぐに実装できて便利です。

■使い方

<head></head>内に以下を読み込むだけ。

----------------------------
<!--[if lt IE 9]>
<script src="//ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
----------------------------

ie9.jsについてはこちらを参考にさせていただきました。

■ie9.jsを使うと出来ること、出来なくなること。 ::: Toro_Unit
http://www.torounit.com/blog/2011/06/07/793/

上で書いたものの他にできるようになることや、
注意点など書かれています。
| コメント(0)
デザインに役立つパーツアーカイブサイト
2013.05.15
WEB制作に役立つデザインアーカイブサイトは数多くありますが、
その中でも見出しやメニューなどの「パーツ」ごとにまとめられているサイトです。

デザインしていると細かいあしらいで悩むことが結構あるので、
1つ1つサイトを見て回らなくてすむのはありがたいですね。


■Webデザインの"ブブン"を集めたブブンデザインアーカイブ

130515_oshi_01.jpg
http://bubundesignarchive.jp/


メインビジュアル、見出しなど部分ごとにアーカイブされています。
かなりの数があります。


■見出しデザイン.com -Webデザインの"見出し"を集めたサイト-

130515_oshi_02.jpg
http://midashi-design.com/


見出しのみを集めたデザインギャラリー。


■フッターデザイン.com -Webデザインの"フッター"を集めたサイト-

130515_oshi_03.jpg
http://footer-design.com/


フッターのみを集めたデザインギャラリー。


■MephoBox

130515_oshi_04.jpg
http://box.mepholio.com/


海外。カレンダーや404ページまであったりします。


■Elements of Design

130515_oshi_05.jpg
http://www.smileycat.com/design_elements/


海外。数が多いです。


以上。

この他にも海外のサイトだと結構ありますが、
かっこよくても日本のサイトに合わなかったりして結局
使えなかったりするんですよね。
| コメント(0)

月別アーカイブ