デザイン・アート・芸術系の情報集

テキストをかっこよく魅せるPhotoshopのチュートリアルの紹介です。Make yourself an Amazing Typographic PortraitAn Interesting Graffiti E [...]

ウェブサイトのデザインに、ビジュアルエレメントを追加したり、細部をブラッシュアップしたりしてクオリティをアップするPhotoshopのチュートリアルをPsdtuts+から紹介します。

ナビゲーション・ボタン・スライダー・タブ・パネル・フォーム・ページネーションなど、さまざまなウェブサイトのパーツが揃ったフリーのPSD素材をBest Blog Boxから紹介します。

cssを使った小技テクニックのエントリーが 様々なブログで公開されていますが、 必要な時に探すのが面倒なのでまとめます。 ソースコードを公開している記事に絞っています。CSSで実装するちょっと凝ったパンくずリストcssでパンくずをデザインする方法とサンプルCSSで実装するちょっと凝ったパンくずリス...

アイコンの歴史から、アクセシビリティ、ユーザビリティなどを分かりやすく解説している無料のE-Book「Icons for Interaction」をhicksdesignから紹介します。Icons for Inter [...]

オリジナルのロイヤリティフリーの無料の写真素材がどんどん配信されるサイト「Free Stock Images」を紹介します。Free Stock Images写真素材は全てオリジナルのものとのことで、テクスチャや静物ものが多いです。 Free Stock Imagesは2009年4月に開設されたば...

10 Really Interesting jQuery Plugins | Queness ユニークで使えそうな jQueryプラグイン10個。 プラグインといえば、タブやLightboxといった定番のものから、他にも役立つものが色々とありますが、紹介されているものはどれも便利そうでしたのでいく...

F-site | フリーでAS3ベースのページフリップエンジン：MEGAZINE3 ページめくりのFlashのUIをAS3で実現「MegaZine 3」。 Flashで本をペラペラめくる感じのUIを実装する「Dynamic Page Flip v2」 で同様のものを過去に紹介しましたが、ページ送り...

一枚の画像で作成するCSSスプライトに、スライドやフェードのアニメーションを加えるスクリプト「SpriteMenu」を紹介します。SpriteMenu demoデモでは、イージングを使用したスライドとフェードのアニメーションが紹介されています。使用している画像はどちらも同じで、下記のようになってい...

みなさんGoogle Analyitcsでアクセス解析をされている方が多いのではないでしょうか？無料で使えて、高機能なGoogle Analyticsは、先日APIも正式に公開され、今後様々なツールが公開されていく事だと思います。そのままでも、十分いろいろな解析ができて便利なツールなのですが、今回...

ウェブサイトでよく使用するものが揃った、クリーンでシンプルなデザインのフリーのアイコンをSmashing Magazineから紹介します。Quartz Icon Setダウンロードできるアイコンは90個あり、フォ [...]

高品質なフリーのデザインフォントがダウンロードできる「Font Bros」を紹介します。Font BrosFont Brosでは主に有償のフォントを扱っていますが、無料で使用できるフォントもダウンロードできます。 [...]

既存の印刷用のスタイルシートや新規に作成する場合でも有用な、印刷用のスタイルシートの3つのTipsをLine25から紹介します。Handy Tips for Creating a Print CSS Stylesheet印刷時のテキストをデザインする見出しやパラグラフ、リンクなどのテキスト箇所を印...

自分の思いを伝えたいのに伝わらない。 そんな時は、どうしても人間自分が言いたい事を真っ先に言いすぎる傾向にあります。 しかし、きちんと伝えたい事が、きちんと伝わらないというのはとても悲しい事でもあります。 特にWEB屋やブロガーは、画像、テキストを駆使し、相手に自分の伝えたい事を伝える表現を施すわ...

またしても「本当に使えるものだけご紹介」シリーズ。Smashing Magazineで「40+ Helpful Resources On User Interface Design Patterns」なる記事があったので全部開いてみて本当に使えそうなものだけピックアップしてみましたよ。40個は多い...

ブラウザのタイトルバーや、検索サイトの結果画面などに表示されるtitle要素内の表記規則のパターンをCSS Tricksから紹介します。What's The Best Way To Handle Page Titles?title要素内の表記規則：第一階層の場合[サイトの名前] 例：コリス[サイト...

Smashing Magazineのエントリー「美しいFlashサイト50選」から、特にクリエイティブなFlashのサイトをいくつか紹介します。50 Beautiful Flash WebsitesDrinks SitesMartini Astivitaminwater10Portfoliosv5...

CSSやHTMLを知らなくても複数のカラムやグリッドレイアウト、タブ、角丸などがオンラインで簡単に作成できるLayout Generatorsを紹介します。Layout Generators各ジェネレーターはプレ [...]

6 Free PSD/(X)HTML-Templates | Freebies | Smashing Magazine PSDとXHTMLがセットになったWebデザイン学習キット色々。 １からWEBデザインを作るとなると、Photoshopでベースを作成→HTML化の作業が必要ですが、Photos...

水面に浮かぶ、美しい波紋を描くフリーのPhotoshopのブラシをboyingopawから紹介します。plunge - Ripple Brush Setダウンロードできるブラシは、波紋のパターンが50あります。[...]