CSSやJavaScriptファイルを連結、圧縮·Minify MOONGIFT
jQueryやPrototypejs、YUIなど様々なJavaScrptライブラリが登場している。また、CSSもフレームワークが出てきており、便利な反面、表示されるまでのコネクション数やダウンロードサイズが肥大化している。 CSSやJavaScriptを連結＆圧縮 それを解決する手段として、サイズの縮小や複数のファイルをまとめてしまうという方法がある。それを自動化してくれるのがMinifyだ。 今回紹介するオープンソース・ソフトウェアはMinify、JavaScript/CSSの連結、圧縮ソフトウェアだ。 MinifyはPHPで作られており、Webベースで動作する。Minifyにファイルのパスを渡すことで余計な改行や空白を圧縮してサイズを小さくしてくれる。そして複数のファイルを渡すことで連結してくれる機能もある。 生成されたファイル 作成するのは同一ドメイン内のファイルに限られる。また、グ
どのブラウザでどのCSSハックが使えるか·CSS Selector Shell MOONGIFT
純粋なCSSだけで各ブラウザ間の表示互換性が保てればベストだが、実際の現場ではそのようなことがないのはよく知られている。そのため、各ブラウザ向けにCSSハックが登場しており、表示の互換性を保つために使われている。 どのハックが有効かチェック だがFirefoxの各バージョン、Google Chromeなど様々なブラウザに対してそれが有効であるか無効であるか知っている人は少ないはずだ。そんなときには使えるハックなのかどうか、CSS Selector Shellを使ってチェックしよう。 今回紹介するオープンソース・ソフトウェアはCSS Selector Shell、CSSテスターだ。 CSS Selector Shellでは二つのテキストエリアが表示されている。左側のテキストエリアには幾つかのCSSが記述されている。Geckoエンジン向けのハックや、IE7用、IE6以前用、WebKit用などの
CSS Sprite Generator, Editor, and Code
What are CSS Sprites CSS sprites are a way to reduce the number of HTTP requests made for image resources referenced by your site. Images are combined into one larger image at defined X and Y coorindates. Having assigned this generated image to relevant page elements the background-position CSS property can then be used to shift the visible area to the required component image. This technique can
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
