Site Under MaintenanceWe'll be back soon! Our site is currently undergoing maintenance. Please check back later.
Googleのウェブマスターツールがgzip圧縮をオススメするのでやってみた。 - 雨ときどき晴れ
最近、EC-CUBEをカスタマイズして通販サイトをオープンしてみました。 それでGoogle Analyticsやウェブマスターツールを設定して様子を見ていたのですが、 10日ほど経ってから、いろいろ情報が表示されるようになりました。 その一つがサイトの読み込み時間を短縮するために「gzip 圧縮を有効にする」です。 ウェブマスターツール これは、ウェブマスターツールの「Labs」→「サイトのパフォーマンス」のページにある 「Page Speed が提案する読み込み時間の短縮方法」のところに書いてありました。 他にもリクエスト数削減のために「外部 JavaScript ファイルをまとめる」や 「外部 CSS ファイルをまとめる」といった方法が書いてあるのですが、 今後もいじっていくことを考えると面倒そうなので今は放置しておきます。 ということで、今回は、cssやjsなファイルたちをできるだ
Adapt.js - Adaptive CSS
What is this? Adapt.js is a lightweight (820 bytes minified) JavaScript file that determines which CSS file to load before the browser renders a page. If the browser tilts or resizes, Adapt.js simply checks its width, and serves only the CSS that is needed, when it is needed. A potential drawback of Adapt.js is the possibility of a brief flash of unstyled content as a new stylesheet is being fetch
もうCSSハックは必要なし!? ブラウザ毎にCSSを切り替える「cssuseragent」 | Web活メモ帳
CSSでページをデザインする際に、ブラウザ毎のレイアウトの違いって本当に嫌ですよね。 CSSハックで対応する方も多いかと思いますが、本日紹介する「cssuseragent」を使うとclassの作り方を少し工夫するだけでより柔軟に対応できるようになります。 詳しくは以下 設定方法はJavaScriptを一つ読み込むだけになります。 <script src="cssua.min.js" type="text/javascript"></script> このライブラリを使うと、ページのhtml属性に動的にclass属性を追加するようになります。 例えばですが、IE6でアクセスした場合には ua-ie-6というclass名が追加されるようになります。 <html class="ua-ie-6"> <head>…</head> <body>…</body> </html> iPhoneの場合はua-
Code Snippets | CSS-Tricks
A collection of code snippets for web developers, including code for HTML, CSS, JavaScript, PHP, WordPress, jQuery, HTAccess, and more!
IE6〜IE8でもCSS3の機能を使う·CSS3 PIE MOONGIFT
CSS3 PIEはCSS/JavaScript製のオープンソース・ソフトウェア。技術は日々進化しており、新しい機能が追加されている。だが、過去の資産から対応しなければならない場合そうした新しい試みは取り入れることができない。CSS3を使いたくともIE6から対応となれば利用できないだろう。 IEでもCSS3の恩恵を そんな辛い思いを解決してくれるライブラリがCSS3 PIEだ。CSS3自体には多数の機能があるが、一部の処理においてIE6〜IE8でも利用できるようにしてくれる。先進的な取り組みを行っていきたいならば試してみよう。 CSS3 PIEはHTCファイルであり、CSSファイルながらにJScriptを実行できる機能を使っている。対応しているCSS3プロパティはborder-radius、box-shadow、border-image、-pie-background、-pie-watch-
jQuery＆HTML5＆CSSでリッチな動画プレイヤー実装jQueryプラグイン「osm player」:phpspot開発日誌
jQuery＆HTML5＆CSSでリッチな動画プレイヤー実装jQueryプラグイン「osm player」 2010年07月06日- Plugins | jQuery Plugins jQuery＆HTML5＆CSSでリッチな動画プレイヤー実装jQueryプラグイン「osm player」。 次のようなリッチな動画プレイヤーがノンFlashで実装できるプレイヤーです。HTML5非対応ブラウザ用にFlashでフォールバックも可能。 Youtube、vimeoの埋め込みもOKです。 jQuery UI Theme-Roller を使ってテーマの変更も容易だそうです。 HTML5の動画プレイヤーは色々出てますが選択肢のひとつとして覚えておいてもよさそうですね。 関連エントリ CSSでスキン作成が可能なHTML5動画プレイヤー実装JSライブラリ「Video JS」 HTML5で動画や音声再生を可能
opacity が利用可能かを判定する - latest log
コメント欄も見てね。 uupaa.js コードリード用のエントリです。興味がない方は読み飛ばしてください。 IE9(IE9pp2) が CSS3::opacity をサポートしました。これで filter:alpha はレガシーコードになります。 考えた opacity のサポート状況を判定するコードを考えてみました。 ポイントは、4つ IE以外の opacity は String型 IE8までの opacity は 型が不定(代入された値を保持してるだけの入れ物) style.opacity = 0.25; なら Number型になり、style.opacity = "0.25"; なら String型になる IE9pp2 の opacity は Number型 "opacity:.25" で、IE8以下 と IE9pp2 を振り分けている cssText = "opacity:0.25
[JS]IE6/7/8でもCSS3が使えるようになるスクリプト -IE-CSS3
<textarea name="code" class="css" cols="60" rows="5"> .box { -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Safari and Chrome */ border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ -moz-box-shadow: 10px 10px 20px #000; /* Firefox */ -webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */ box-shadow: 10px 10px 20
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SlideFinder -Web開発者向け日本語スライドまとめ-
圧縮・高速化、ダウンロード, online tool
Minify JavaScript files online
Bedrich’s Log | YUIcompress: A Plugin for Panic's Coda
.cssファイル、.jsファイルをgzip圧縮してみる
http://modernizr.github.com/Modernizr/2.0-beta
Coming Soon
CssUserAgent (cssua.js)
jQT
http://www.designwalker.com/2010/05/css3.html
nehan - Project Hosting on Google Code