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

見出しなどに使えるフォントを探している。そんなときにおすすめなのが、『Top 20 Free Fonts for Distinctive Headlines and Titles』。見出しやタイトルに使えるフォント集です。商用でも使えるものも含まれていますね。↑はComfortaa。商用利用可Du...

紙の表現を可能にするフリーphotoshopブラシ集「A Collection of Photoshop Paper Brushes for Your Next Design」制作にとても便利な紙の表現。無機質なデザインに質感や暖かみを与えてくれます。便利だけあって、背景素材は多数公開されていて、...

記事単体に別のcssを加えられる ようにする為のメモ。プラグインは 使いたくないよ、という方向けの カスタマイズ方法になります。 functions.phpで投稿画面にcss の追加用boxを作成します。 記事ごとにスタイルを追加出来るように、投稿画面にcss追加用のboxを加える為のカスタマイズ...

商用でも無料で利用できる、クロスブラウザ対応のドロップダウン型ナビゲーションを配付しているサイトを紹介します。Free CSS Drop-Down Menu Framework再紹介となりますが、ナビゲーションの [...]

name:HIROKI tanahashi birth:1968/06/14 job:Research & Consulting mail:gitanez0614@yahoo.co.jp 一言:デザイン思考、ユーザー中心のデザインをベースとした商品／サービス開発、ブランディングのコンサルティングを...

10 Popular Firefox Add-ons for Web Developersというエントリーで、ウェブデベロッパーに人気のFirefoxアドオンが10種類まとめられていました。知っている人には当然のアドオンかもしれませんが、これからウェブデザイナーを目指そうといった人には参考になると...

個人的にミニマリズムなサイトが 好みなので自分用の備忘録です。 情報が多いので若干まとめのまとめ という感じになっていますがご了承 下さい。シンプルなサイトを作る時に 役立ちそうなリソースやギャラリーを。 内容はシンプルなアイコン、インスピレーション向上に必須なギャラリー、相性の良さそうなフォント...

ユーザ行動観察調査を実施すると、全力で訴求しているはずのメリットや強みが、驚くほどユーザに伝わらないケースが多く見られます。 伝わらない理由は様々ですが、今回は具体性が足りないために他社サービスとの違いが伝わらない、という例をご紹介します。 一方で、料金などはユーザにとって非常に具体的で他社と比較...

Category ： CSS3最近は CSS3 ネタばかりですが、今回は CSS3 で使える background 関係のプロパティを紹介、解説です。background-size背景画像のサイズを指定します。横幅 縦幅の順で記述します。対応ブラウザ（2010 3/8 現在）Safari , Go...

CSS2.1, CSS3を使用して、多彩なデザインのスピーチバブルを実装するスタイルシートをNicolas Gallagherから紹介します。Progressive enhancement: pure CSS spe [...]

『 PSDファイルをフリーで落とせるウェブサイトテンプレート集 』

CSSで角丸ってよくやりますよね（IEなんかどうでもいいや！というときｗ）。ただ、左上だけ直角にしたいときだけなどはコードが煩雑になりがちです。そこで活用したいのがCSS Border Radiusです。四隅の角丸度合いを指定するだけで適切なCSSコードを出力してくれます。↑ 説明不要のシンプルさ...

SEO対策に無駄なコストをかけないためにも、無料で使えるツールたちは欠かせない存在です。その中でも使えるヤツに限定してまとめておきます。サイト分析ツールSEOチェキ！ URLからサイトの総合的な分析を行う。SEOチェック、Whois情報、順位チェック、HTTPヘッダ情報、ページランク偽装チェックな...

これ、知っておくと良いかも。Web Resizerを使えば簡単に画像を軽量化できますよ。↑ ここらへんのオプションをいじくると・・・。↑ こんな感じに軽量化できます。さらに指定した部分を切り抜いたり、枠線をつけたりできますね。画像編集ソフトを起動するまでもない、というときに便利ですね。ご利用は以下...

ボックスにシャドウをつけるCSS3に非対応のIE6/7/8でも、同様にシャドウをつけるスタイルシートをCSSplayから紹介します。Shadow Boxing for all except Operaデモ上記の [...]

NEWS（10/02/26　19:55）IPA、新フォント「IPAexフォント」公開、「IPAフォント」もバージョンアップ日本語と英語が混在しても固定幅とプロポーショナルを使い分けずに使える「IPAexフォント」v001.01「IPAexフォント」と「IPAフォント」を比較独立行政法人情報処理推進...

汚れが少しついたようなグランジテクスチャは、デザインの背景などとしてもよく使われるテクスチャのひとつです。継ぎ目のないデザインを完成させたいときに使える、8種類のグランジテクスチャをPhotoshop用パターンセットにまとめた「8 Tileable Grunge Textures & Patter...

似たようなツールは他にもあるが、シンプルで使いやすかったのでご紹介。知っておいても損はないだろう。TestSizeでは、「このスクリーンサイズだとこのサイトはどういう風に見えるかな？」をシミュレートすることができる。いくつかのサイズが用意されているが、矢印キーの上下で切り替えていくことができる点が...

企業用のロゴをデザインする場合、ブランドイメージと合うようにオリジナルフォントをデザインする場合が多いのではないでしょうか。オリジナルに勝るものはありませんが、できるだけ簡単にサクっとロゴをデザインしたいときはフリーフォントを使うこともひとつのポイントです。今回はそんな企業用ロゴデザインにも使える...

半透明のボックス枠やアイコンなどのデザインを使用したウェブサイトが多くなってきています。背景に大きな写真画像などを使う場合などは透けて見えるデザインが、ウェブサイト全体の印象を変えてくれます。今回はそんな半透明デザインを使ったウェブサイトを35個まとめた「Showcase of Transpare...