![PNGとGIFとJPEG…Web用画像の書き出し、どんな風に使い分けていますか?[2011年7月現在] – VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ-](https://cdn-ak-scissors.b.st-hatena.com/image/square/f1141343b5c8ebb3b8e47c0ab86152bbb7d359d1/height=288;version=1;width=512/http%3A%2F%2Fblog.v-colors.com%2Fwp-content%2Fuploads%2F0012.png)
とりあえず自分がこんなまとめがあると後でつかうだろうなぁというものをかき集めてみました。 ページ自体を少しでも軽量化したかったので画像は、そのサイトをイメージできるだけのサイズにカットしています。テキストリンクだけだとあとでわからなくなる事が多いので、必要最低限のシンボルとして表示しています。 商用可能な写真素材サイト 5000 Free Stock Photos ノーアカウントで5000の写真と8000のクリップアートがダウンロードし放題。 Free Photo - Cepolina Photos 画像数8000超え。お勧め。 Free Photos, Free Stock Photos, Photography BurningWell Image * After 現在21000点以上の素材がダウンロードし放題。 FreeDigitalPhotos.net 600pxくらいまでの画像は無
Cats Who Codeのエントリー「50のフリー写真素材サイト集」から、商用サイトでも、リンクやクレジット表記の制限無しで利用できる無料の写真素材サイトをピックアップして紹介します。 50 sites to find free stock images 上記サイトでは、他にも個人サイトのみやリンク・クレジット表記のフリーサイトが紹介されています。 [ad#ad-2]
簡単に使える画像ギャラリーを探している。 そんなときにおすすめなのが、『20 Free & Open Source Image Galleries for Web Designers』。Webデザイナーのためのフリーイメージギャラリー20選だ。 以下にいくつかご紹介。 » Auto Slider かっこよくてコンパクトなギャラリー » Flash Gallery クールで見た目の修正も可能なギャラリー » Flickr Show Flickrセットからギャラリーにセットできる » Gallerific スタイルとレイアウトが簡単にいじれる。↑のキャプチャはこちら » Highslide lightbox効果でグレーアウト。スタイルのオプションもついている その他のリストは以下から。 » 20 Free & Open Source Image Galleries for Web Design
商用サイトでもフリーで利用ができる、細部まで丁寧に描かれたアイコンをmidtone designから紹介します。
画像をマウスオーバで拡大して見られる機能をつけたい。 そんなときにおすすめなのが、『jQZoom Evolution』。画像にマウスオーバでルーペ効果を与えてくれるスクリプトだ。 『jQZoom Evolution』は、モダンブラウザに対応したjQueryプラグイン。画像からマウスアウトしたときにフェードアウトするなど、ディテールまで気が利いているのがいい。 ↓こんな感じでズームしてくれる。 This software is licensed under GPL. Remember: Develop,mantain,and longtime support in never easy and without efforts. So if you like this plugin and you would like future support for jQZoom,donate some
2008年12月10日 ここに無ければもう無い!2008年無料アイコンベストサイト集まとめ 2008年に話題となったアイコンサイトをまとめたサイトを紹介します。サイトは50個ありますので、デスクトップに、サイトのアクセントに、使えるのでは。 ◆1. OldSchool Icon Set ◆2. Free Hand Drawn Doodle Icon Set for Bloggers ◆3. Milky icon set ◆4. Archigraphs Porcelain Icons ◆5. I-KID ICONS FOR IPHONE ◆6. Socialize Icons ◆7. Distortion Icons ◆8. Merry Christmas Icons ◆9. Coquette Icons ◆10. Turqua 3d Isometric Vector Icon Pack
以前紹介した画像の一部を拡大表示するスクリプト「jQZoom」の機能がバージョンアップしたjQZoom Evolutionがリリースしました。 jQZoom Evolution demo 主なバージョンアップは、ズームウインドウのカスタマイズ、タイトル表示、エフェクトなどです。 オプションでは、ズーム時のタイプ、ズームウインドウのサイズと位置、タイトルの有無、フェードの有無とスピードなどが変更できます。 jQZoom EvolutionはjQueryのプラグインのため、実装にはjquery.jsが必要です。
TORRANCE WEB DESIGNのエントリーから、画像に枠線やウォーターマーク、キャプションをつけるスタイルシートを紹介します。
ava7 patternsは、400以上のパターンをオンラインで楽しめ、そのパターン画像をダウンロードできるサイトです。 ava7 patterns free seamless background patterns 各パターン画像の「PREVIEW」をクリックすると、サイトの背景がそのパターンに変更されます。 パターンの柄は多彩で、配色のセンスもかなり素敵です。 ダウンロードできるパターン画像は、PNG形式になっています。
Optimizing images for web 現在、ウェブに使用されている画像のフォーマットは、GIF、JPEG、PNG(PNG-8, PNG-24)が主なものとなっており、上記ページでは実例と容量の比較一覧が掲載されています。
今日は、CSSを使ってサイトを高速化するテクニック「CSS Sprites(CSSスプライト)」についてのお話をさせていただきます。 サイトの高速化というと、プログラムの最適化を行ったり、サーバのチューニングを行ったりというイメージがあるかと思います。実はCSSを上手に使うことによっても、サイトの高速化を行うことができます。しかも、かなりの効果が期待できるのです。 CSS Spritesとは? 通常、ウェブページを制作する場合、デザインファイル(psdやpngなどの画像)をスライスし、HTMLのimg要素として埋め込んだり、CSSの背景画像として指定していることと思います。 それらの画像を一つにまとめ、1度の読み込みでのリクエスト数を減らすテクニックのことを「CSS Sprites」と呼びます。 このテクニックは、以前からマウスオーバーメニューを実現する際にも使われていたものでもありま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く