見るだけでも一見の価値あり！絵画のような美しいサイトデザイン集:phpspot開発日誌
Most beautiful websites of 2008 | CrazyLeaf Design Blog 見るだけでも一見の価値あり！絵画のような美しいサイトデザイン集ということで美しいサイトが多数紹介されていました。 単にサイトというには惜しい芸術作品ばかりで見るだけでも楽しめます。 Saizen Media Nem Studio Efingo Project Vino Kavoon Belvedere Inc Quality XHTML Avalon Star Level 2D mediaBOOM Sensi Soft Five Cent Stand Blogsolid Dana’s Garden OLDesign Trickeries FortySeven Media A.viary Kulturbanause Noe Design Studio 20CM Records 全部
使えるillustratorのチュートリアル集 – creamu
illustratorの腕を上げたい。 そんなあなたにおすすめなのが、『Adobe Illustrator Tutorials』。使えるillustratorのチュートリアル集だ。 以下にいくつかご紹介。 ↑のキャプチャはGreen Type Treatment。 Wood Grain Vector RSS Icon Film Slate Icon Envelope Icon Vector Safari Compass その他のリストは以下から。 » Adobe Illustrator Tutorials 使えるillustratorのチュートリアル集、チェックしてぜひ参考にしていただきたい。 早起き生活継続中っと。早く起きるためにはやっぱり気合いではなく、早く寝ることでした☆ もろもろサイトを制作中ですね。
プロレベルのバックグラウンド画像作成Photoshopチュートリアル集:phpspot開発日誌
40 Cool Abstract and Background Photoshop Tutorials | Photoshop Tutorial プロレベルのバックグラウンド画像作成Photoshopチュートリアル集 次のような超クールな背景画像の作成の流れが分かります。こんな大量の教材があれば、もう他に教材は要らないというぐらいの充実ぶり。 Abstract Signature Windows Vista Aurora Effect Abstract Walkthrough Luminescent Lines Space Lighting effects Calculations And Colorization Abstract Light Rays Signature tutorial Movement Light Rays Abstract art wallpaper Signat
インパクトのあるポスター画像を作るPhotoshopチュートリアル集:phpspot開発日誌
35 Photoshop Tutorials for Designing Your Own Posters | Vandelay Website Design Creating posters with Photoshop can be a lot of fun and there are unlimited opportunities. インパクトのあるポスター画像を作るPhotoshopチュートリアル集。 次のようなプロっぽいポスター画像を作るチュートリアルがいろいろ。 Creating an Old Collage Effect Poster Gig Poster Design Stencil Poster Effects Create a 60’s Psychedelic Style Concert Poster B Movie Post Art Photoshop Indiana
ウェブデザインの7つのトレンドとそのチュートリアル | コリス
Deziner Folioのエントリーから、ウェブサイトのデザインに使用されている、最近の7つのトレンドとそのチュートリアルを紹介します。 Design Trendz ※チュートリアルのいくつかは当方で追加しています。 Lights n Shadows ライトを当てているように、シャドウ効果を持たせます。
フリーで使えるCDとDVDのケーステンプレートPSDファイルセット
DVDとケースのテンプレート （フリーライセンス） DVDの部分と、説明書の部分がいじれたりする。 かなりおしゃれなものが作れる気がする。私のセンスだと気のせいかもしれないけど。 DVDパッケージテンプレート （フリーライセンス） DVDのパッケージテンプレート。 しかもクリアケース。素敵なDVDケースを作ってみては！？ CDケース （CCライセンス） 以下の部分の表示を消せばCDだけにもなる。 これらのファイルは以下ブログで紹介されております。 Web Resources | WebAppers ライセンスについて表記されていなかったので備考。 DVDテンプレートは2つともフリーライセンスでした。 CDテンプレートをダウンロードしたときに規約が書いてありましたが私がその規約を保証するものではありませんので自己責任でご確認を。 内容としては、 リンクを貼ってください、とのこと。 商業、個人
自サイトの画像の保存をプロテクションする仕組み: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:
ユーザーの視線を惹きつける、訴求効果の高い画像の使い方
Smashing Magazineのエントリーから、画像を使ってユーザーの視線を惹きつけて、印象に残るメッセージを伝えるウェブサイトを紹介します。 Vivid Imagery In Modern Web Design 上記サイトでは、他にも例を掲載しています。 各サイトの解説は、簡単な超意訳です。 Komodomedia ウェブデザインで大切なものの一つに、視覚的に魅力的であることがあげられます。 カラースキーム・タイポグラフィ・ホワイトスペースが絶妙なバランスで使用され、さらに画像が大きな相乗効果を生み出しています。 Mark Jardine ユーザーの注意を惹きつける画像を使用する場合、画像の数を少なくするのは非常に効果的です。このサイトでは１つのイラスト画像しか使用していませんが、ギターの少年はギターがとてもうまく見えて、そのイラストは印象に残ります。
無料で使える素晴らしい紙の背景&テクスチャ30選『30 Great Free Paper Backgrounds and Textures』 – creamu
Design 無料で使える素晴らしい紙の背景&テクスチャ30選『30 Great Free Paper Backgrounds and Textures』 紙のテクスチャ探している。 そんなあなたにおすすめなのが、『30 Great Free Paper Backgrounds and Textures』。無料で使える素晴らしい紙の背景&テクスチャ30選だ。 以下にいくつかご紹介。 その他のリストは以下から。 » 30 Great Free Paper Backgrounds and Textures All of these textures should be free for commercial use, but to be absolutely sure, check each web site usage terms and license before downloading
ロゴデザインのリソースサイト集「105 Logo Design Tuts And Resources」 | DesignDevelop
皆さんはロゴデザインを考える時にどんな物を参考にしているでしょうか？今ある企業のロゴデザイン、昔のマーク、または全く関係のない物からと、作るロゴのテイストや使われる物の種類でも違ってくるとは思いますが、今回紹介するのはロゴデザインに役立つロゴで残を取り扱っているサイトをまとめた「105+ Logo Design Tuts And Resources」と言うエントリーを紹介したいと思います。 ロゴのリソースとなるようなサイトが集められています。かなりの数が紹介されていますが、その中からいくつか下記に紹介したいと思います。 詳しくは以下 ■Logo Design Trends – 2008 2008年のロゴのトレンドがまとめられているサイトこれは以前にも紹介しましたね。 ■LogoSauce ロゴ共有サイト。様々なロゴデザインがアップロードされています。 ■The Logos Of Web 2
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」。 イメージにＣＳＳをあてることで、次のように、セロハンテープで貼り付けたり、画鋲でとめたりといった効果を出すことができます。 デモページはこちらでＩＥ６でも問題なく動作。 沢山種類があって、色んな場面で使えそうです。 これは久しぶりに感動しました。
独学で極める “Webデザイン”の技と心：第10回 CSS Spritesでサイトを高速化｜gihyo.jp … 技術評論社
今日は、CSSを使ってサイトを高速化するテクニック「CSS Sprites（CSSスプライト）」についてのお話をさせていただきます。 サイトの高速化というと、プログラムの最適化を行ったり、サーバのチューニングを行ったりというイメージがあるかと思います。実はCSSを上手に使うことによっても、サイトの高速化を行うことができます。しかも、かなりの効果が期待できるのです。 CSS Spritesとは？ 通常、ウェブページを制作する場合、デザインファイル（psdやpngなどの画像）をスライスし、HTMLのimg要素として埋め込んだり、CSSの背景画像として指定していることと思います。 それらの画像を一つにまとめ、１度の読み込みでのリクエスト数を減らすテクニックのことを「CSS Sprites」と呼びます。 このテクニックは、以前からマウスオーバーメニューを実現する際にも使われていたものでもありま
CSSで背景画像をリサイズするテクニック:phpspot開発日誌
How To: Resizeable Background Image - CSS-Tricks Is there a way to make a background image resizeable? CSSで背景画像をリサイズするテクニック デモサイトを見ると、驚くべきことに、背景画像のサイズがビローンと伸びて表示されます。 記事中では３種類の手法について書かれていますが、JavaScriptなしで、CSSだけで実現する３つ目の方法がスマートです。 background-image ではなく、画像に次のようなCSSを宛てることで実現しているみたい。 #img.source-image { width: 100%; position: absolute; top: 0; left: 0; } body { overflow: hidden; } 背景が伸びるというと、ちょっと珍しいので
人体の多様なポーズをいろいろな角度から見られる -Posemaniacs
Posemaniacs 人体のポーズのスケッチは、Flashで作成されており、マウスの操作で角度を変更することができます。 ランニングでは、モーションを表示することもできます。
Web2.0風なサイトを作る過程のPhotoShopチュートリアル:phpspot開発日誌
Web 2.0 Layout Photoshop Tutorial Web2.0風なサイトを作る過程のPhotoShopチュートリアル。 １からWeb2.0なサイトを作る過程が紹介されていて、PSDのダウンロードも出来ます。 なかなか綺麗なデザインなので、サイト作成の際に参考にしてみては。
1個の画像でシンプルに角丸を実装するCSSサンプル:phpspot開発日誌
Simple Round Corners in CSS (revisited) We are going to use a single image (20px x 20px) to provide our rounded corners and to save on using different images we will use one image only and simply place each corner into place using the background-position property. 1個の画像でシンプルに角丸を実装するCSSサンプル。 使うのは次の1枚の300バイトの画像。 なるほど、これでポジションをずらしてあげれば、画像は1枚でシンプルに実装できるわけですね。 HTMLマークアップとCSSの紹介と解説がされてます。 関連エントリ CSSで角丸テ
凄くクールな名刺を作成するPhotoShopチュートリアル:phpspot開発日誌
Luxa - Photoshop Tutorials, Videos, Brushes, Tips & Tricks There are many different ways to attack a business card design. 凄くクールな名刺を作成するPhotoShopチュートリアル 次のようなカッコいいデザインの名刺をPhotoShopで作っていきます。 こんな名刺を渡されたら、つい取っておきたくなる、あるいは自慢したくなるかもしれません。 名刺をデザインするような際には是非覚えておきたいチュートリアルですね。 関連エントリ WindowsVista風のガラス風ボタンを作成するPhotoShopチュートリアル テキストに迫力ある隕石風エフェクトをかけるPhotoShopチュートリアル Photoshopで幻想的なファイナルファンタジー風のロゴ作成チュートリアル
2007年に最もインスピレーションを与えたグラフィックデザイン集
完全なオリジナルを生み出すためにはまず模倣からはいるというのは基本中の基本。また、さまざまなデザインを見ることで新たなインスピレーションを得ることも可能です。というわけで、2007年度の最もインスピレーションを与えたデザインがいろいろとまとめられているので見てみましょう。どれもこれも強烈な個性を感じます。 詳細は以下から。 NOPATTERN / Chuck Anderson 2008 http://nopattern.com/nopattern/ :::Beauty Is In The Eyes Of The Surreal::: http://time.ultravibral.com/ Still on the run http://www.stillontherun.new.fr/ Shinybinary v2.1 - Art and designs of Nik Ainley ht
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ねたミシュラン ★マクドナルド原価一覧表
IDEA * IDEA
