MOONGIFT: » 必見！CSSを使って複数の画像を一つに「CSS Sprite Generator」:オープンソースを毎日紹介
Googleの表示速度の速さの秘密に、コネクションを極力減らすということがある。それが複数の画像を一つにまとめてしまい、CSSのポジションをずらすことで表示するという手法だ。これを使うと画像のダウンロードは一回で済むのでコネクションが少なくて済む。 実際、検索結果のGoogleロゴを見ると、複数の画像が混ざった結果なのに気づくはずだ。これをやるのは非常に面倒に感じるだろう。だが、小さなアイコンなどはこういう手法をとればサイトの負荷軽減、高速化につながる。それを手軽に実現できるのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはCSS Sprite Generator、CSSによる画像分割補助ソフトウェアだ。 CSS Sprite Generatorは複数の画像をZipで固めてアップロードすると、その画像を連結し、さらに表示するためのCSSを生成してくれる。これを使えばまさに
「ドリームラインジェネレーター」で誰でも簡単に目を引くクールな画像を作る方法:phpspot開発日誌
「ドリームラインジェネレーター」で誰でも簡単に目を引くクールな画像を作る方法。 以前紹介した、「ドリームラインジェネレーター」によって目を引くクールな画像を軽く作成してみます。 完成イメージは次のような感じ。 要した時間はたったの５分ですが、パンフレットとかに使われそうなクールなイメージが出来てます。 作り方は次の流れでかなり簡単に行えます。 1. 「ドリームラインジェネレーター」にアクセスし、フォームに適当な文字列を入れましょう。 2. 文字列を入れるとランダムに画像が生成されるため、クールな感じの画像が生成されるまでタイミングを待って、うまいところでスクリーンキャプチャ。 ここで取る画像がセンスを問われる部分ですが、なんとなく適当にとってもなかなかカッコいい画像ができるため、難しくはないはず。 3. PhotoShop等の画像編集ツールにて、この画像の上に文字を書き、ドロップシャドウ効
flowers - zefrank.com
To view this page ensure that Adobe Flash Player version 10.0.0 or greater is installed.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
