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

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

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

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

カテゴリ画像●●っぽいロゴが作れるジェネレータまとめ - まる ●●っぽいロゴのジェネレータっていうのが、 探してみたら思った以上にたくさんあったのでいくつか紹介してみます。 漫画・アニメ、企業、映画のロゴなどなどー ■漫画・アニメ ▼けいおん！ けいおんサブタイトルジェネレーター http://...

シングルページのWebサイトはあまりコンテンツがない場合・ひとつの物を強調したい場合に効果的です。Javascriptを使っておもしろい動きをつけたシングルページもたくさんあり、1ページの中にたくさんのアイデアがつまっています！ここでは世界中のWebサイトの中から美しく個性的なデザインのサイトを紹...

つい先日「デザイン性が高いプロフェッショナルな企業用ウェブサイト40個まとめ」をご紹介したばかりでした。しかし世界にはまだまだデザインがオシャレで、美しいデザインの企業用ウェブサイトがたくさんありますね。今回ご紹介するのは「50 Beautifully Crafted Corporate Ecom...

この春から一人暮らしで心躍る、新生活楽しみな方沢山いらっしゃいますよね。どんな家具買おうかな、部屋のレイアウトどうしよっかなって想像するだけで楽しい！　あなたの部屋づくりの参考になれば幸いです♪

これはなかなか素敵なのでメモ的にエントリー。メニューによってダイナミックにアイコンが入れ替わるエフェクトですよ。jQueryのプラグインなので記述も簡単です。↑ こうして並んだアイコンが・・・。↑ こんな風にダイナミックに組み変わっていきます。デモを見たほうが早いかもですね。本サイトでいろいろメニ...

少し前の記事になるのですが、とても魅力的なポートフォリオサイトがまとめられていたので、メモ的エントリーです。今回ご紹介するのは、世界中のウェブデザイナーやグラフィックデザイナー、フォトグラファーなどのポートフォリオサイトです。デザインした作品をまとめて見せることで、クライアント、ユーザーに対しても...

ユーザーインターフェイスまとめサイトのまとめ「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下記は、各リストを意訳したものです。 ※訳者注： 一部過激なものは表現を少し和らげています。はじめにウェブサイトや...

海外のサイトだけでなく、国内のサイトでも最近は魅力的で有意義なフッタが増えてきました。 そんなフッタに注目し、多くのサイトのフッタだけをコレクションしているサイトを紹介します。Footerabulous Gallery各フッタはカラー別にカテゴライズされており、配置されている要素ごとにタグが割り当...

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

Instant Image Editor Chromeが高機能画像加工ツールに大変身！ 「Instant Image Editor」はChromeを画像加工ツールに変身させるExtensionsです。 ネットでみつけた画像を加工するとき、毎回ダウンロードするのが面倒ですよね。 「Instant I...

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

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

PSDでダウンロードできる、デザイン性の高いフリー名刺デザイン「20 Free Photoshop business cards」ビジネスには欠かせない名刺、名刺のイメージでセンスや個性が見えたりとデザインはとても重要な要素となっていますが、今回はデザイン性の高いpsdのフリー名刺デザインを集めた...

WEBデザインでつかえる光のエフェクトインスピレーション集「40+ Absolutely Stunning Use of Light Effects in Webdesign」未来的な表現の一つとてして、最近のWEBデザインでもよく見る、光を取り入れたWEBデザイン。今日紹介するのはWEBデザイン...

これは便利かな・・・。SlideFinderではさまざまなデザインのパワーポイントスライドを閲覧することができます。タイトルや言語で検索することもできるのでお好みのスライドがきっと見つかる、かな。↑ 日本語のプレゼンを表示させてみた。↑ スライド一覧もその場で見れます。しかし、これ、どうやってコン...