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

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

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

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

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

ユーザーインターフェイスまとめサイトのまとめ「25 UI Inspiration and Design Pattern Resources 」WEBを制作する上でもっとも重要な要素ともいえるユーザーインターフェイス。WEBサイトの趣旨やコンテンツにもよりますが、どんなに格好がいいデザインであっても...

HTMLで図まで描ける！進化した「HTML5」ってどんなもの？HTML言語の最新バージョンとして、現在標準化作業が進められている「HTML5」。はてなブックマークでもこのキーワードを目にする機会が増え、「HTML5って何？」と疑問に思っている人も多いのではないでしょうか。今回は、「HTML5って何...

ウェブサイトやブログの作成・運営で、避けておきたい35個のミスをnetjellyから紹介します。List of Web Design Mistakes You Should Avoid下記は、各リストを意訳したものです。 ※訳者注： 一部過激なものは表現を少し和らげています。はじめにウェブサイトや...

色々とjQueryのサンプルやプラグインが掲載されていて、眺めてるだけで楽しくなるエントリー。 ナビゲーションメニューで悩んだ時に使えそうです。 45 jQuery Navigation Plugins and Tutorials - Noupe さて、いまや多くの人たちから支持を得ているjQue...

CSS3やHTML5などをはじめ、トレンドのフォント、見出しのデザイン、クオリティをアップする背景など2010年に押さえておきたいウェブデザインのトレンドをWeb Designer Wallから紹介します。Design Trends (Predictions) in 2010下記は、各ポイントを意...

ウェブサイト 実はユーザー中心設計やユーザビリティ、インターフェースについてちゃんとまとまったサイトは国内には少数です。 ここに挙げたサイトはどれも大変充実したものだと思います。 ※残念ながら、海外の記事を紹介しているブログでよいものは見つからず。 劣化コピペサイトを紹介するのも気が引けるので割愛...

ありきたりのデザインをしたくない。そんな時に参考になるのが、『Creative and Unusual Layouts and Navigation Designs』。一味違ったレイアウト&ナビゲーションデザイン集です。特に面白いな、と思ったものをご紹介しますね。26000 Vodka メニューが...

cssの情報まとめです。ローカル 環境にストックしていた情報を 開放してみますのでシェアして 頂ければ幸いです。内容は 結構偏っていると思いますので 参考程度になさってください。 全てのcss情報が有るわけではありません。主観でストックしていたリンク集です。ツールとかメニュー関連とかハックとかいろ...

WEBデザインで使えるAdobe AIRアプリ45選「45+ Useful Air Applications for Web Design and Development Freelancers」Adobeが展開しているリッチインターネットアプリケーションAIR。様々なジャンルで、利用されています...

『 デモの見せ方と音楽カッコヨス。これでいいじゃん。結果として、いろんな意味でダメなデザイナーの仕事が意味をなさなくなるのはいいことだと思う。 』

なんとなく目立たせるためにドロップシャドウを適用したり、ちょっとさみしいのでグラデーションを加えたりしていませんか？Web designer Depotからドロップシャドウとグラデーションをウェブデザインで的確に使用するためのチュートリアルを紹介します。Drop-Shadows and Gradi...

これ、なんだかスゴそうですよ。今風のインタフェースを作るためのJavaScriptのライブラリです。EXT.jsの凄い奴、って感じかな。↑ こういう部品群が用意されています。↑ デモとして用意されている『Google Wave』風インターフェース。こんなのもできちゃうってすごすぎじゃね？ちなみにW...

Home > ライフハック > Adobeのブラウザ表示比較ツール、『Adobe BrowserLab』がやっぱり激しく便利な件！Older以前見たときはまだ使えなかったAdobe BrowserLabですが、今見てみるとちゃんと使えるようですね。作ったサイトがそれぞれのブラウザでどう見えるかを教...

これ、個人的に知らなかったのですが、有名な手法なんですかね？CSSだけでタブメニューを作れちゃう、というテクニックです。JavaScriptで表示・非表示を切り替えるというのが定石だと思うのですが、JSが使えない時に便利かもですね。Opera用にちょっとしたHackが必要ですが、覚えておくと便利そ...

Appleのサイトのような、かっこいいインターフェースを実装したい。そんなあなたにおすすめなのが、『15 Incredible Apple Webdesign Style Coding Tutorials』。Appleのようなデザインをするためのコーディングチュートリアル集です。かなりかっこいいの...

2010年に備えて、2009年のウェブデザインに役立つまとめをまとめました。Web Design Trends For 2009邦訳：2009年、押さえておきたいウェブデザインの10のトレンド2009年に流行るで [...]