CSSの画像埋め込みを補助する·CSSEmbed MOONGIFT
CSSEmbedはJava製のオープンソース・ソフトウェア。CSSを使ったWebサイトデザインで、HTML中には画像のパスを出さずCSSで定義するケースがある。これによりCSSで制御できるデザインの範囲が大幅に広がるのだが、さらに一歩進めてCSS中に画像データを埋め込んでしまう手法がある。 元のCSS それはdata URIを使った方法なのだが、うまく使えばアイコンに対するコネクション数を減らしてサーバの負荷を低減させることも期待できる。だがdata URIを作成するためには画像をテキスト（Base64）化する必要がある。手作業ではあまりに面倒なのでCSSEmbedを使ってみよう。 CSSEmbedはCSSファイルに埋め込まれた画像指定の箇所を解析し、data URIを使った埋め込みに変換してくれるソフトウェアだ。CSSEmbedがあるパスをベースにするので、相対パスでも対応している。デフ
GitHub - nzakas/cssembed: A tool for embedding data URIs in CSS files.
CSSEmbed Copyright (c) 2009 Nicholas C. Zakas. All rights reserved. ------------------------------------------------------------------------------- About ------------------------------------------------------------------------------- CSSEmbed is a small program/library to automate embedding of data URIs in CSS files. ------------------------------------------------------------------------------- L
CSSファイルに画像データを埋め込むツール「CSSEmbed」を使ってみた - 強火で進め
ソースファイルを確認したところ、READMEに以下の様に記述してあり、data URIを使ってCSSに画像ファイルを埋め込むという仕組みの様です。 CSSEmbed is a small program/library to automate embedding of data URIs in CSS files. コンパイル済みのファイルはこちらからDLできます。 今回は cssembed-0.3.2.jar を使用しました。 使用方法はこちらのREADMEに記載があります。 Usage: java -jar cssembed-x.y.z.jar [options] [input file] Global Options -h, --help Displays this information. --charset <charset> Character set of the input
スマホ対応の新潮流「レスポンシブWebデザイン」とは？ (1/3)
スマートフォンの普及を背景に、「レスポンシブWebデザイン」（Responsive Web Design）という制作手法が海外で注目を集めている。レスポンシブWebデザインとはどのようなアプローチなのか？ 実例で解説する。 ウィンドウサイズを基準にデザインを調整 レスポンシブWebデザインとは、デバイスごとに複数のデザインを用意するのではなく、ブラウザーのウィンドウサイズに合わせてデザインをフレキシブルに調整する制作手法だ。モバイルサイトの制作では、デバイスやスクリーンサイズごとにページを振り分ける方法が一般的だが、レスポンシブWebデザインではHTMLはそのままに、CSS3のメディアクエリーを利用してスタイルシートだけでデザインを変更する。 レスポンシブWebデザインは、2010年5月、米国のイーサン・マルコッテ氏によって提唱され、海外では企業サイトを含む多くのWebサイトで採用されてい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
