2011年総まとめ｜国内外で話題になったクリエイティブな名刺の参考にになりそうな記事 * 男子ハック

2011/11/25 39 users 名刺 男子ハック 国内外 参考 話題

JUNPです。2011年にEvernoteに溜めていったネタを年末に向けて大放出しようということで、今回はクリエイティブな名刺の参考になりそうな記事を総まとめしました。 国内の参考記事 ミニマルやシンプルなデザインの参考になりそうな名刺いろいろ – かちびと. net クリエイティブなかっこいい、デザイン名刺集 | コリス 変わったデザイン名刺を集めてみました | DesignWalker 名刺デ... 続きを読む

無料でダウンロード出来るiPhone4に対応した高画質な壁紙サイトまとめ | DesignWalker

2010/07/26 209 users 壁紙 ディスプレイ 高解像度ディスプレイ 受信感度 ピクセル数

このブログを読んでいただいている方々はiPhone4をお使いの方も多いのではないでしょうか。 受信感度の低下問題などもありますが、3GSに比べてピクセル数が4倍にもなった高解像度ディスプレイは一度使い慣れてしまうと、もう戻れないくらい、ディスプレイに見惚れてしまいます。 せっかくの高解像度ディスプレイ。どうせなら壁紙も自分好みの高画質な壁紙にしたいですよね！ 今回は、640ピクセルx960ピクセル... 続きを読む

ウェブデザインに使えるチャート・グラフツールいろいろ | DesignWalker

2010/07/15 641 users グラフ Flash エクセル 推移 ニーズ

企業サイトでは売上の推移や販売シェアなどグラフやチャートなどを使って分かりやすく表示したいといったニーズは結構あります。 エクセルで作成したグラフを貼り付けたりするのも可能ですが…。 今回は、JavaScriptやFlashなどを使って比較的、簡単にグラフやチャートを生成できるツールをいろいろまとめてみました。 Open Flash Chart Flashをベースにしたオープンソースのチャートです... 続きを読む

HTML5で構築されたテンプレート・フレームワークいろいろ | DesignWalker

2010/06/07 737 users iPhone ウェブデザイン Flash アニメーション 要素

現在、徐々に各ブラウザの対応が進められているHTML5。動画やオーディオ再生、アニメーションなどの要素が実装されていて、iPhoneやiPadがこのままFlashを採用しないままなのであれば、今後、HTML5が普及してしまえば、Flashは必要なくなる！？なんて意見もあるほどです。 ウェブデザインに関わる方々は、今のうちからちょっとした概要だけでも見ておいて損は無いのではないでしょうか。 というわ... 続きを読む

フォームの見栄え・使い勝手を強化するjQueryプラグインいっぱい | DesignWalker

2010/06/02 1363 users 過言 ウェブ 方々 フォーム要素 ユーザー

お問い合わせやユーザー登録、ログインから商品の注文まで、ウェブでとっても重要なフォーム要素。 このフォームの使い勝手や見栄えはそのサイトの売上や登録に大きく影響するといっても過言ではありません。 フォームの入力項目が多すぎたり、わかりづらかったりすると、せっかく購入やユーザー登録する気になってくれているユーザーの方々も逃げてしまいますよね…。 今回は、フォームのデザインや使い勝手を強化してくれるj... 続きを読む

ここまでできる！CSS3を使ったチュートリアルまとめ | DesignWalker

2010/05/17 1175 users ウェブデザイン デザイナー 古いブラウザ たくさん 皆さん

ここ数年でたくさんの情報が揃ってきたCSS3。古いブラウザでは対応されていないため、まだまだ一般に普及するまでは時間がかかってしまうのかもしれませんが…。 CSS3を使えば、ウェブデザインの可能性をさらに広げてくれることは間違いありません。 デザイナーの皆さんは、是非CSS3でどんなことができるの？って事だけでも今のうちから知っておいても損はないと思いますよ。 今回は、そんなCSS3を使えばここま... 続きを読む

グリッドデザインに使えるツールいろいろ | DesignWalker

2010/05/11 520 users グリッドデザイン グリッド DESIGN レイアウト 要素

ウェブサイトをデザインする際、レイアウトはどのようにおこなっていますか？ ガイドにあわせて、要素を配置できるグリッドを使用すると、レイアウトがワンランクアップしますよ！ 今回は、そんなグリッドデザインに使えるツールをいろいろご紹介します。 Grid Style In Modern Web Design: Showcase and Resources 美しいグリッドデザインのサイトがたくさん集められ... 続きを読む

ワイヤーフレームに使える素材いろいろ | DesignWalker

2010/05/05 644 users ワイヤーフレーム ウェブサイト 各要素 素材 デザイン制作

以前、このブログでご紹介した「ウェブサイトの設計図 ワイヤーフレームを活用しよう」 ウェブサイトをデザインする前に、用意すると、とっても便利なワイヤーフレーム。 ページの各要素をレイアウトして、デザイン制作をスムーズに行うことが出来ます。 今回は、そんなワイヤーフレームに使える素材をいろいろとまとめてみました。 Design Stencils – Design Pattern Library – ... 続きを読む

ウェブデザイナーにおすすめ Google Chromeエクステンションいろいろ | DesignWalker

2010/04/18 788 users エクステンション デベロッパー ウェブデザイナー おなじみ

最近では、Google Chromeを標準のブラウザとして利用されている方々も多いのではないでしょうか。 表示もサクサクで自分好みに拡張できるエクステンションもだんだんと充実してきました。 今回は、ウェブデザイナーやデベロッパーの方々におすすめのGoogle Chromeのエクステンションをまとめてみました。 Web Developer FirefoxでもおなじみのWeb DeveloperのCh... 続きを読む

無料で使えるWordPressテーマ 2009年 厳選100+ | DesignWalker

2009/12/14 678 users コーディング 年々 WordPress アイデア テーマ

え！？こんなにレベルの高いテーマが無料で使えるの！？と思ってしまうほど、年々レベルが上がっていく無料で使えるWordPressテーマ。 2009年、総まとめシリーズです。今回は無料で使えるWordPressのテーマを100種類とおもったら、少し多めに集めてしまいました。 ダウンロードしてそのまま使用するだけでなく、デザインのアイデアやコーディングの参考などにも使えそうですね。 Imaginatio... 続きを読む

ビジネスサイトに使えるレイアウトのチュートリアルいっぱい | DesignWalker

2009/12/01 627 users ウェブデザイン チュートリアル ウェブサイト レイアウト 方々

最近では、ウェブサイトのデザインもどんどん複雑になっていて、初心者の方々がデザインを真似しようと思ってもなかなか難しい物が多くなってきましたね。 これから、ウェブデザインを勉強しようと思っている方々などは、基本的なビジネス系のウェブサイトの真似からはじめてみてはいかがでしょうか？ 今回は、そんなウェブデザイン初心者の方でも、つかえそうなビジネスサイトのレイアウト系のチュートリアルをいっぱい集めてみ... 続きを読む

ダウンロードして使えるボタン素材いろいろ | DesignWalker

2009/11/23 506 users

ウェブサイトでもっとも重要なデザイン要素といっても過言ではないボタン。 このボタンのデザインが良くないと、ユーザーにクリックしてもらえなくなっています。 今回は、Photoshopファイルなどで、ダウンロードして使えるボタン素材をいろいろと集めてみました。 WEB UI Treasure Chest v 1.0 ボタンやバッジ、ラベルなどの詰め合わせセット。どれもとってもきれいに作られていますよ！... 続きを読む

デザイナーのためのHTML5リソースまとめ | DesignWalker

2009/11/09 859 users デザイナー

2010年には、正式な勧告としてリリースされる予定のHTML5。 徐々にブラウザの対応も進んでいて、すでに、多くのデザイナーたちは、この次世代HTMLを使って、様々な活動を始めています。 だんだんとHTML5のリソースも増えてきたので、今回はHTML5についてまとめてみました。 まずは、HTML5を使ってどういう事ができるのか？実際に見る事ができるサイトをいくつかご紹介。 HTML5 Galler... 続きを読む

Wordpressを最適化してスピードアップ! プラグインや.htaccess設定いろいろ | DesignWalker

2009/10/20 354 users WordPress WP Super Cache 最新 自分

Wordpressのバージョンを最新にアップグレードするとか、必要の無いプラグインは削除する、 最新のバージョンにアップグレードするなどは、基本的なメンテナンス事項としてよくあげられていますね。 バージョンアップは、結構面倒だったりするのですが、こまめに行っておく必要がありそうですね。(っと自分に言い聞かせてみる・・・。) WP Super Cache こちらは有名なプラグインですよね。スタティッ... 続きを読む

無料でダウンロードできるiPhoneの壁紙サイトいろいろ | DesignWalker

2009/09/28 323 users iPhone iPhone用 壁紙 壁紙サイト 画面

本日は、iPhoneの壁紙サイトのまとめです。 毎日、見る画面なのでやっぱり、おしゃれなもの、自分の気に入った壁紙を設定したいですよね。 なるべくおしゃれな壁紙を無料で配布されているサイトをまとめてみました。 +KN | Kitsune Noir » The Desktop Wallpaper Project iPhone用だけでなく、とってもおしゃれなイラスト系のデスクトップ用の壁紙などを中心に... 続きを読む

テーブルに実装できるjQueryプラグインいろいろ | DesignWalker

2009/09/15 620 users ページング jQuery リサイズ ソート テーブル

スペックやデータ、料金表などを表示するためには、テーブルコーディングは欠かせませんね。 テーブルにjQueryのプラグインを実装すると、ソートやページングなどなど、様々な機能を追加する事ができます。 今回は、テーブルに実装できるjQueryプラグインいろいろとまとめてみました。 Flexigrid – Web 2.0 Javscript Grid for jQuery カラムのリサイズやソート、ペ... 続きを読む

ショッピングサイトをデザインする際に使えるサイトまとめ | DesignWalker

2009/09/03 515 users インターフェース マーケティング 要素 たくさん カード

ショッピングサイトは扱っている商品やマーケティングはもちろんですが、デザインやインターフェースの使い勝手なども、売り上げにつながる大きな要素なのでは無いでしょうか？ カートの使いやすさ、商品の見やすさなど、デザイン部分で改善できる部分もたくさんありそうです。 今回は、ショッピングサイトをデザインする際に参考にできそうな使えるサイトをいろいろとまとめてみました。 35 Inspirational S... 続きを読む

ウェブデザインのユーザーインターフェースに使えるサイトまとめ | DesignWalker

2009/08/24 1019 users ユーザーインターフェイス ユーザーインターフェース 要素

誰にでも簡単に使いやすいユーザーインターフェイスをデザインする事はウェブデザインにおいてとても重要な要素となります。 とは言っても、誰もが直感的に使いこなせるユーザーインターフェイスをデザインする事はなかなか簡単なことではありません…。 今回は、優れたウェブデザインのユーザーインターフェイスを作り出すために、参考になりそうなサンプルサイトをいろいろとまとめてみました。 User Interface... 続きを読む

すぐに使えるWebユーザビリティの簡単チェックリストとツールいろいろ | DesignWalker

2009/08/17 387 users ツールいろいろ チェックリスト

かっこいいWebサイトなんだけれど、なんだか使いづらい。何をクリックしてよいのかわからない。 といったサイトを見かける事は無いでしょうか？ 意外と素人の人にサイトを見てもらって、感想を聞くと、結構、参考になる意見をもらえる事もよくあります。結果、簡単にウェブサイトの使いづらさを解消できたり、ユーザーに伝えたいメッセージを明確にすることができるようになるかもしれません。 今回は、Webユーザービリテ... 続きを読む

マウスオーバーをデザインする | DesignWalker

2009/08/10 730 users ウェブデザイン マウス 工夫 テキスト マウスオーバー

ウェブデザインには欠かせないリンク要素。 メニューやボタン、画像、テキストのリンクなどちょっとした工夫で、ユーザーがリンクをマウスオーバーしたときに小さな驚きと楽しみを与えられるのではないでしょうか？ 今回は、そんなマウスオーバーをデザインするアイデアをいくつかまとめてみました。 Realistic Hover Effect With jQuery — Adrian Pelletier マウスオー... 続きを読む

jQueryでワンランクアップするWordpressのプラグイン・チュートリアルいろいろ | DesignWalker

2009/08/04 450 users jQuery WordPress アーカイブページ クール

jQueryを使えば、Wordpressがブログとは思えないほどに見違えます。 特に海外のブログなどを見ていると、jQueryなどを上手く使いこなして、クールに仕上がっているブログがたくさんありますね。 今回は、jQueryを使ってワンランク上のブログに仕上げるプラグインとチュートリアルをいくつかまとめてみました。 Snazzy Archives アーカイブページをクールにカスタマイズ。カレンダー... 続きを読む

Photoshop ブレンドモードを使いこなしてワンランク上の画像合成 | DesignWalker

2009/07/28 457 users Photoshop ブレンドモード 方々 画像合成 上図

Photoshopを使って複数の画像を合成する際に利用するブレンドモード。 Photoshop初心者の方々は、あまり使われない機能かもしれませんが･･･。 ブレンドモードは、上図のように、Photoshopにあるレイヤーウインドウにある設定の部分の事です。 このブレンドモードを効果的に使いこなすことでワンランクアップした画像合成が出来るようになるのではないでしょうか。 今回は、Photoshopの... 続きを読む

photoshopでゼロから作るウェブデザイン チュートリアル30選 | DesignWalker

2009/07/14 546 users チュートリアル 中級 Photoshop ウェブサイト 方々

かっこいいウェブサイトをデザインしたいけど、そもそもどうやってデザインしているのかわからないという初心者の方々もたくさんいらっしゃるのではないでしょうか？ 今回はそんな方々にとっても便利なゼロからきれいなウェブサイトを作るPhotoshopのチュートリアルをまとめてみました。 中級、上級者の方々でもデザインの幅を広げる意味でもとっても参考になりそうなチュートリアルばかりです。 Create a M... 続きを読む

2009年 上半期デザイントレンドまとめのまとめ | DesignWalker

2009/07/02 326 users ウェブサ まとめ ウェブサイト 半分 デザイントレンド

早いもので2009年も既に半分が終わってしまいましたね。 今回は、2009年上半期のデザイントレンドをまとめた記事やウェブサイトをまとめてみました。 74 Fresh Examples Of Beautiful Single Page Website Designs 2009年を代表するシングルデザインのウェブサイトまとめです。 25 Flourish Designs 花がとってもきれいなウェブサ... 続きを読む

Google Analyitcsをもっと便利に | DesignWalker

2009/06/18 686 users

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