ヴィンテージ感がいい感じのテクスチャ色々:phpspot開発日誌A Compilation of Vintage Textures for Designers ヴィンテージ感がいい感じのテクスチャが色々まとまったエントリのご紹介です。 次のようなヴィンテージ感あふれるテクスチャが満載で、サイトデザインに深みを与えたい場合なんかに応用できそうです。 なんともいい感じですね。 関連エントリ フリーテクスチャを色々探せるサイト「Texture Lovers」 カラフルでフリーな美麗テクスチャ集 種類が様々な紙のテクスチャ色々４０種類
[CSS]画像やコンテンツや動画を表示するCSS3で実装したLightbox
動画を表示 対応ブラウザはFirefox, Chrome, Safari, Operaの最新のバージョンで、IE6/7ではJavaScriptを使用することで動作させています。 スタイルシートのオフ時には、各リンクはページ内アンカーとして動作し、下記のように表示されます。
| test
mameshibankさん 豆柴日和 amecustomさん アメブロを魅せるブログデザインに変身。ブログ作成方法、カスタマイズ、裏技スキンカスタムCSS編集方法公開！ jade-taさん 脚本家によろしく。 nisishowさん リフォームで地域社会に貢献 ringo417-maさん ★ 月に負け犬 ★ cairさん 広報＆IR担当のオフィシャルブログ shikamaさん 千葉の東京寄りでホームページ制作＆企画・運用中！ saijoさん 経営に終わりはない nina-yuanbeauteさん 芳村仁奈オフィシャルブログ「Nina's Diary」Powered by Ameba frontier-ceo-bossさん フロンティア社長 オフィシャルブログ Powered by Ameba ohtias-ceoさん ソーエネ×オーチアス社長 alfortさん 念ずれば花ひらく「会社経営」
すっきり綺麗なWEBに使えそうなアイコンセット「Shine」:phpspot開発日誌
Shine - Icon Eden すっきり綺麗なWEBに使えそうなアイコンセット「Shine」。 次のようなアイコンセットが公開されています。 ウェブ用というわけではないですが、ウェブサイトに使えそうな多くのアイコンが収録されています。 あまり他では見たことの無いようなものを使いたいという場合によいかも。 次のような形式で配布されており扱いも容易です。
背景などに使えそうなフリーの和風テクスチャ素材いろいろ - かちびと.net
知人に頼まれて和柄の テクスチャを探していましたが その過程でいくつか見つけた素材 をメモしておきます。フリーの 日本風なテクスチャ素材です。 背景に使えそうなものが中心です。 何に使ってもその方の自由ですけどｗ 多少はメモしていますが、著作権はご自身でお確かめ下さい。 Japanese Textures 15種類の和壁、和紙や漢字が書かれた紙のテクスチャ。商用利用可。 Japanese Paper Textures 14 High-Res Japanese Paper Textures 和風の高品質なテクスチャ14種類が個人商用ともに利用可能。 14 High-Res Japanese Paper Textures Fireworksの和風・伝統紋様テクスチャ 商用OKの和風パターンテクスチャ。 Fireworksの和風・伝統紋様テクスチャ Paper Texture Pack 02 か
最近見つけた水彩・壁等の各種素材に関するテクスチャ集まとめ:phpspot開発日誌
最近見つけた水彩・壁等の各種素材に関するテクスチャ集をまとめてみました。 数が多いので気に入ったものだけ覚えておくとよいかもしれません。 20 Free Original Hi-Res Ink Stained Paper Textures | Design Shard 水彩絵の具をたらしたようなHi-Resテクスチャ集 Hi-Res Fully Stained Paper Textures | Design Shard しみのついた紙のHi-Resテクスチャ Free and High-Quality Cloud Textures 雲のテクスチャを色々 Texture Thursday: Glass ? PSDFan glassテクスチャいろいろ 75 High-Quality Free Wood Textures 75の木目テクスチャまとめ Very Handy Cool Wood Te
[CSS]大きい画像をブラウザのサイズに合わせて背景に表示するスタイルシート
CSS-Tricksから、大きい画像を余白を作らずにブラウザのサイズに合わせて、背景に表示するスタイルシートを紹介します。 Perfect Full Page Background Image 下記、それを実装する要件とテクニックを二つ、それぞれポイントをピックアップして紹介します。 実装の要件 前提として、画像のサイズを調整する必要があるため、background-imageプロパティでの配置は不適格とします。 それを踏まえ、以下の条件をクリアさせます。 ページは画像でいっぱいに、余白は無しで 画像の大きさは自動調整 画像の比率は維持 画像はページ中央に 画像はスクロールさせない クロスブラウザ対応 一つ目のテクニックは余分なマークアップが必要で、IE6用にJavaScriptを使用したものを紹介しています。 二つ目のテクニックは、余分なマークアップを無くし、JavaScriptも必要と
インスピレーションを刺激するデジタルアート等まとめ集:phpspot開発日誌
インスピレーションを刺激するデジタルアート等まとめエントリを色々と集めてみました。 今回も、沢山あって見ていて楽しく、デザインインスピレーションに役立てられます。 ちょっと多いという場合は見たいものだけでもどうぞ。 デジタルアートワーク 23 Inspiring And Colorful Examples Of Digital Art And Manipulations @ SmashingApps ド迫力のデジタルアート集２３ 100 Artworks from the Top 20 Digital Artists in South America - Psdtuts+ ものすごく美しいアートワーク集 26 Super Sleek Car Photo-Manipulations 加工された美しい車の画像集 20 Great Designs using Black & White | Ab
ボタン作成のPhotoshopチュートリアル集:phpspot開発日誌
ボタン作成のPhotoshopチュートリアル集が公開されています。 次のようなボタンを作成するためのチュートリアルになっています。 どんなボタンも、このエントリを参考にすれば、比較的容易に作れてしまえそうですね。 リンク先は以下のエントリを参照してください。 30 Useful Photoshop Buttons and Badges Tutorials : Speckyboy Design Magazine 関連エントリ PhotoShopで美しいボタンを作るチュートリアル39個 WindowsVista風のガラス風ボタンを作成するPhotoShopチュートリアル 立体的でつい押したくなるボタン画像を作成するPhotoShopチュートリアル
【Fireworks】GIFで支給されたロゴを簡単に白抜きに加工する方法 | バシャログ。
例えば Web サイトのリニューアル案件では「ロゴのデータはありません。現サイトで使っている gif 画像を使ってください」というケースがよくあります。 「ロゴを白抜きにしたデザインパターンを作りたいんだけど…」という場合には、ロゴをトレース→パス化して使い勝手の良い素材を用意するのがベストな方法ではありますが、トレースする時間が取れない時は以下の方法がお手軽でオススメです。 使用した画像加工ソフトは Fireworks です。 ↑支給された（というか Web サイトからコピーした）ロゴの例。透明化もされていないし、切り抜くのも面倒。 STEP 1 ロゴ画像をグレースケールで保存します。 STEP 2 グレースケール化したロゴ画像を背景の上に配置。 STEP 3 ロゴ画像を選択して「フィルタ」→「カラー調整」→「カラーの塗り」を設定。 カラーは何色でも良いですが、ブレンドモードは「反転」に
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ピクセルのブロックに分けられるため
デザインに彩りを与えるCSS・jQueryソリューション21 – creamu
SmashingAppsで、デザインに彩りを与えるCSS・jQueryソリューションが紹介されています。 ざっといくつかご紹介。 » Fancy Thumbnail Hover Effect w/ jQuery 画像にマウスオーバーするとスムーズに拡大してくれるjQuery » Create a jQuery Graph Plugin 棒グラフを生成できる » Animated Menus Using jQuery マウスオーバーすると、ふわーっとアニメーションするメニュー » Improve form usability with auto messages フォームにフォーカスすると、メッセージがフェードイン&アウトする » Control.Tabs サムネイルにマウスオーバーすると、ささっと画像を切り替えてくれる すごくいい感じのが揃っていますね。 その他のリストは以下からどうぞ。
商用無料で使える写真素材サイトまとめ2009年度初版*ホームページを作る人のネタ帳
とりあえず自分がこんなまとめがあると後でつかうだろうなぁというものをかき集めてみました。 ページ自体を少しでも軽量化したかったので画像は、そのサイトをイメージできるだけのサイズにカットしています。テキストリンクだけだとあとでわからなくなる事が多いので、必要最低限のシンボルとして表示しています。 商用可能な写真素材サイト 5000 Free Stock Photos ノーアカウントで5000の写真と8000のクリップアートがダウンロードし放題。 Free Photo - Cepolina Photos 画像数8000超え。お勧め。 Free Photos, Free Stock Photos, Photography BurningWell Image * After 現在21000点以上の素材がダウンロードし放題。 FreeDigitalPhotos.net 600pxくらいまでの画像は無
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
IDEA * IDEA
シームレスな背景パターンを得られるサイト２７:phpspot開発日誌
http://www.designwalker.com/2009/07/photoshop-blend-mode.html
80種類以上の水滴や露などWaterdropの高解像度のPSD素材