［ウェブサービスレビュー］シンプルなダミー画像を生成できる「DummyImage.com」
内容：「DummyImage.com」は、ダミー画像を生成してくれるジェネレータだ。ウェブサイトやワイヤフレームの制作においてダミー画像が必要な時、数値を入力するだけで必要なサイズの画像を手軽に得ることができる。 「DummyImage.com」は、ダミー画像を生成してくれるジェネレータだ。ウェブサイトやワイヤフレームの制作においてダミー画像が必要な時、数値を入力するだけで必要なサイズの画像を手軽に得ることができる。 使い方は、サイトのトップページにある入力欄に、横×縦のサイズ、背景色、文字色および画像フォーマット（png、gif、jpg）を入力するだけ。出力された画像はローカルに保存することも可能だが、「dummyimage.com/600×400/000/fff」といった具合にURLにパラメータをつけて呼び出すこともできるので、オンラインで利用するのであればそのままImgタグで読み込ん
ウェブデザイナー必見！ダミー画像を超簡単に作れるサービス「Placehold.it」 | ライフハッカー・ジャパン
モバイルバッテリーとは呼べない。「ほぼポタ電」なコレ1台で有事の時もアウトドアも大活躍!【AmazonスマイルSALE】
JPEG、GIF、PNG画像選択の指針まとめ | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers Jennifer Farley氏がSitePointにおいてGIF, PNG, JPG. Which One To Use?のタイトルのもと、Webサイトを作成するにあたってどの画像フォーマットを採用すべきかという指針を簡単にまとめている。まず氏はそれぞれの画像フォーマットの特徴を簡単に説明。 GIF - 256色のインデックス画像。写真には向かないが、ロゴであったりフラットブロックな画像には向いている。透過データを保持できるという特徴がある JPEG - クオリティによって圧縮率が変わる非可逆圧縮の画像フォーマット。透過は表現できないが、写真データの用途に向いている PNG - GIFに似ているが、GIFのようなぎざぎざを出さずに背景透過を実現
PNG画像をより美しく、より軽量に最適化するテクニック | コリス
先日、紹介した「JPEG画像の最適化テクニック」に続いてSmashingMagazineから、PNG画像をより美しく、より軽量に最適化するテクニックを紹介します。 追記：2009/07/27 本エントリには続きがあります。 続：PNG画像をより美しく、より軽量に最適化するテクニック Clever PNG Optimization Techniques 下記、各ポイントをピックアップして紹介します。 最後のはCS3向けで不明だったので、途中省略しています。 はじめに PNG画像フォーマットの概要 1. ポスタリゼーション 2. 手のはいってない透過 3. 透過による分離 4. マスクを活用 はじめに ウェブデザイナーとしてあなたは既にPNGのフォーマットに精通しているかもしれません。PNGは劣化のないフォーマットとして、GIFの非常に良い代わりとなります。 Photoshop（あるいは他の画
JPEG画像をより美しく、より軽量に最適化するテクニック
JPEG画像をより美しく、より軽量に最適化するテクニックをSmashingMagazineから紹介します。 Clever JPEG Optimization Techniques 1. 「8ピクセル」のグリッド 2. カラーの最適化 3. JPEG最適化の一般的なTips 1. 「8ピクセル」のグリッド JPEG画像は、あなたが既に知っているように8x8のピクセルのブロックから成り立っています。画質を低くするとよく分かります。 この8x8ピクセルを利用して、JPEG画像を最適化します。 画質10で作成したサンプル 二つの正方形は同じ大きさ（8x8ピクセル）です。左上のはきれいに見え、右下のは汚く見えると思います。 これらは、それぞれ8x8のグリッドに並べたもので、左上はグリッドに揃えたもの、右下はグリッドに揃っていないものです。 保存する際に画像は、8x8ピクセルのブロックに分けられるため
大きな画像のままダウンロードできるフリーテクスチャ１００
多いｗ そして画像がでかい！ 無料で使えるテクスチャまとめサイトのご紹介。 個人向けプロジェクトなので商用不可っぽいです。 カテゴリ別に色々ある サイトは以下から。色々あります。なんこかカテゴリをご紹介。 ZenTextures 紙 木目 本カバー ピンボケ ストーン 塗料 煙とかその他 その他テクスチャサイト メタルカーボンテクスチャ ライセンスはCC3.0。 色々な紙テクスチャー ライセンスはそれぞれの画像先を確認。 紋様テクスチャー色々 紋様。いろんなのがありますね。 テクスチャの使い方がうますぎるサイトまとめ 使いどころに悩んだら参考にしてみるといいかもしれないまとめ。 紙素材にマッチするアイコン よく考えたものですねぇ。 紙写真テクスチャ。テクスチャ？ Yamadaって書いてみた。 色々あるもんですねぇ。 時にはweb制作やブログ作成のお供にお1ついかがでしょうか。 それでは。ま
継ぎ目のないパターン200選 – creamu
デザインに使えるパターンを探している。 そんなときにおすすめなのが、『200+ Beautiful Seamless Patterns Perfect for Web Design』。継ぎ目のないパターン200選だ。 以下にいくつかご紹介。 ↑のキャプチャはSoftly Plaidly- Peachy Keen (11パターン)。 Pattern 2 (14パターン) Textured Stripes (6パターン) Patterns .27 (50パターン) GypsyGarden (1パターン) その他のリストは以下から。 » 200+ Beautiful Seamless Patterns Perfect for Web Design 継ぎ目のないパターン、チェックして使ってみてはいかがだろうか。 ちょっと用があって外苑前へ。外苑前ってすごく気持ちいいね。
プログレスバー 無料サービス「Preloaders.net」 - GIGAZINE
AJAXなどを使ってデータをバックグラウンドで読み込んでいる間、ユーザーが待っている時間のストレスをできるだけ少なくするためにできたのがこのプリローダーというもの。Flashなどではおなじみのアレです。このプリローダーを無料かつ簡単に作成できるオンラインサービス、それが「Preloaders.net」です。形・色・サイズ・アニメーションする速度を選べば即座に完成するというお手軽さ。だからといってできあがるアニメーションはしょぼくないというのがポイントです。 実際のサンプルや作り方などは以下から。 Preloaders.net | Free AJAX animated loading gif's | 3 dimensional (3D) http://www.preloaders.net/ 種類は「3次元（3 dimensional）」「四角形（Rectangular）」「円（Circula
汎用性の高いフリーのミニサイズのアイコン集 | コリス
アロー、ビュレット、サーチ、ショッピングカートなど、20,000個以上のウェブサイトで汎用性の高いミニサイズのアイコンを紹介します。 ダウンロードはフリーで、ライセンスは各アイコンで異なります。
デザイナーが知っておくべき背景画像のリソースサイト集:phpspot開発日誌
36 Must Have Backgrounds and Patterns Resources for all Designers : Speckyboy - Web Design, Web Development and Graphic Design Resources デザイナーが知っておくべき背景画像のリソースサイト集。 背景画像のダウンロードやWEB上で動作するジェネレーターがまとまっていました。 背景画像リソース集 Huge Magazine - Desktop Patterns and Tiles 綺麗orおしゃれな背景画像パターン多数 Barracuda Backgrounds 地味だけど汎用に使えそうな背景画像 HYBRID GENESIS カラフルだけどこちらも汎用性がありそうな背景集 DinPattern ちょっと個性的なパターン集 ジェネレーター Tiled Back
PhotoshopのPSDファイルを無料でゲットできるサイトいろいろ - GIGAZINE
PSDファイルとは、Photoshopのデフォルトのファイル形式であり、レイヤー構造や画質などがかなりそのまんまなので、いろいろとこのPSDファイルを元にしてサイトのデザインや素材作成などに利用されています。Photoshopを持っていなくても、例えばフリーソフトの「Paint.NET」とPSDファイルの読み込み・編集ができるようになる「Photoshop file plug in」を組み合わせれば、完全無料で利用可能になります。また、PhotoshopのPSDファイルをXHTML＆CSSに一発変換できる「psd2css」というような無料サービスもあります。 というわけで、いろいろな局面で役に立つPhotoshopのPSDファイルを無料でダウンロードできるサイトいろいろは以下から。 60 Most Wanted Photoshop Tutorials, Brushes, .PSDs and
[CSS]画像に枠線やウォーターマーク、キャプションをつけるスタイルシート
TORRANCE WEB DESIGNのエントリーから、画像に枠線やウォーターマーク、キャプションをつけるスタイルシートを紹介します。
自サイトの画像の保存をプロテクションする仕組み:phpspot開発日誌
MooTools 1.2 Image Protector: dwProtector Image protection is a hot topic on the net these days, and why shouldn't it be? 自サイトの画像の保存をプロテクションする仕組み サイトの画像は、次の方法で保存できますが、それを全部禁止する方法です。 ・右クリック→名前をつけて保存 ・デスクトップにドラッグ＆ドロップで保存 ・右クリックで名前をつけて背景を保存 ・背景画像を表示 dwProtect.js をダウンロードして、JavaScriptで以下のように書くだけです。 window.addEvent('domready', function() { var protector = new dwProtector({ image: '/blank.gif', elements:
画像写真素材 足成
「写真素材 足成」は、全国のアマチュアカメラマンが撮影した写真を、写真素材として無料で提供しています。個人、商用を問わず全て無料でお使い頂け、その上、煩わしいクレジットやリンクの表記、ユーザー登録は一切不要。Web、紙、動画他、あらゆる媒体で写真素材としてのご利用が可能です。更新も365日毎日行っております！
CSSでイメージをオシャレに修飾するサンプル集「CSS Decorative Gallery」:phpspot開発日誌
CSS Decorative Gallery I’m using the same trick to show you how to decorate your images and photo galleries without editing the source images.CSSでイメージをオシャレに修飾するサンプル集「CSS Decorative Gallery」。 イメージにＣＳＳをあてることで、次のように、セロハンテープで貼り付けたり、画鋲でとめたりといった効果を出すことができます。 デモページはこちらでＩＥ６でも問題なく動作。 沢山種類があって、色んな場面で使えそうです。 これは久しぶりに感動しました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
%26utm_content%3DGoogle%2520Reader)
css-lecture.com
http://www.designwalker.com/2009/01/grunge-design.html
スクロールすると変化しながらついてくる画像 | SIMPLE*SIMPLE
ダウンロードし放題 商用利用可能な写真素材サイトいっぱい | DesignWalker
IDEA * IDEA
