簡単作業でスピードアップ！パフォーマンスアップまとめ - EC studio デザインブログ
以前にWeb Directions East 「パフォーマンスアップのウェブ技術 WDE-Express」で パフォーマンスアップについて記事を書きました。 今回はその記事や色々参照した本・セミナーを元に実際に改善をおこなって、 どれだけ高速化したかデータ上で確認し、まとめてみました。 できるだけ手間をかけずに簡単にできる改善方法をおこなってみたので、 しばらくリニューアルの予定はないが、サイトの表示を早くさせたいという方は ぜひ試してみてください。簡単作業でパフォーマンスアップできます。 CSSのコードを短縮して書こう え？こんなこと？と思うかもしれないですが、 どんどんコードを書いていくうちに肥大していくものです。 もう一度見直してコードを軽くしていきましょう。 今回コードの見直しのために使用したサイトはclean CSSです。 clean CSSを参考にカラーコードの短縮、 不必要な
「iepngfix.js」を応用してPNG画像をIE6に完全対応させる方法
IE7がPNG画像に対応しましたが、まだまだIE6ユーザーも多いため、実際のところまだしばらくPNG画像は使えないのが現状です。 色々なところでPNGをIE6に対応させるスクリプトが配布されていますが、ブロックレベルに内包されているaタグのリンクが機能しなくなる、img直置きに対応していないなど、弱点がいくつかあるのが現状です。 何とかできないものかと、先日会社のプログラマーの方と試行錯誤してみたところ、意外とあっさり完全に対応させることに成功いたしました。 これでデザインの幅が大幅に広がった今日この頃です。 手順1 まず、以下のサイトよりiepngfix.jsをダウンロードしてください。 透過PNGとIEとIE7 ソースの<head>～</head> に以下のソースを記述し、スクリプトを読み込みます <script src="xxx/iepngfix.js" type="“text/Ja
IE6でpngファイルをキレイに表示させる - フリー素材・商用利用可能・加工OKの超シンプル素材集
ここでは、ちょっと役立つJavascriptをメモ程度に置いていきます。 ご自由にお使いいただけますが、設置後の動作を保障するものではありませんのでご注意ください。 006 IE6でpngファイルをキレイに表示させる 最近のブラウザでは普通に対応している透過pngファイルの表示ですが、InternetExplorer6では対応していません。でも、最近のデザインではpngも使いたいし・・・という方にオススメのjsがあります。 >> Unit PNG Fix こちらのサイトでダウンロードできるファイルに「unitpngfix.js」というjsがありますので、外部読み込みで各ページにリンクさせればOKです。また、「clear.gif」という画像ファイルも必要ですのでアップしましょう。 ::::: HTML表記 ::::: ◎ヘッダー内に記入します。パスを間違えないように。 <script
JavaScriptを使わないでIE6で透過PNGを使う方法 | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers YSlow, Stoyan Stefanov氏によればWebページに採用する画像の種類は写真データにはJPEGを採用し、それ以外にはPNG8にするのが妥当だとされている。しかしPNG8に透過データを含める場合には注意が必要だ。Net Applicationsの報告によれば2008年11月現在でIE6のシェアは22%弱はある。純減を続けているとはいえ、それでもなお第2シェアのFirefoxの合計シェア21%弱よりも多い。このIE6はPNG8の透過情報をうまく扱えない。 IE6で透過データを含んだPNG8を表示すると、GIFと同じように透過かそうでないかまで透過表現が低下してしまう。このため透過情報を含んだPNG8をIE6で表示する場合には何らかの追
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
caramel*vanilla
