テーマごとにセットとなったアイコンがウェブ上で無料で使えるのが「Icon Fonts」。TwitterやFacebookなどウェブ上のブランドアイコンやピクトグラムを集めたものなどがあり、ファイルをダウンロードしなくても自由にアイコンを使うことが可能です。 We Love Icon Fonts http://weloveiconfonts.com/ ウェブ上で使えるアイコンフォント5種類は以下から。 ◆01:Brandico FacebookやTwitter、Vimeoなど、オンライン上のブランドのアイコン。 ◆02:entypo 250個以上のピクトグラムを集めたアイコンセット。 ◆03:Font Awesome Twitter Bootstrapとマッチするように作られたアイコンセット。 ◆04:Typicons こちらは電話マークやクエスチョンマーク、メールマークなどスタンダードなア

フォルダアイコンやAppleアイコンなどスタンダードなものから、NARUTO、スーパーマリオシリーズ、サウスパークまで、あらゆる種類のアイコン2万個以上の中から好みのPNGアイコンを選択してダウンロードできるのが「PNG Factory」。アイコンセットの種類や作者・カラーなど、検索条件も変えることができ、商用利用可能なアイコンだけを探しだすことも可能です。 PNG Factory - You want cool icons ? We have some ! http://www.pngfactory.net/ アクセスした時はフランス語で表示されているので、トップペー左上の「en」から英語表示に変えます。 トップページの下部には「BROWSE」「SEARCH」「SHERE」という3つのボタンが表示されています。まずはBROWSEをクリック。 すると、アップロードされた順にアイコンがずらっ

Webページなどの背景テクスチャをいろいろ試したい場合に、約300種類あるテクスチャを選択してダウンロードできるサイトが「Subtle Patterns」です。このテクスチャは商用利用もOKとのこと。テクスチャの確認とダウンロード方法は以下から。 Subtle Patterns | Free textures for your next web project http://subtlepatterns.com/ 約300種類ある背景テクスチャは以下の通りです。番号はサムネイル表示にしたときのページになっています。 ◆01 ◆02 ◆03 ◆04 ◆05 ◆06 ◆07 ◆08 ◆09 ◆10 ◆11 ◆12 ◆ダウンロード方法 公式サイトにアクセスすると、リスト表示でテクスチャが表示されています。 気に入ったテクスチャをダウンロードする場合は…… テクスチャの左下にある「Download

「Download button」「CSS button」「Music Player」など、テキストボックスに欲しいユーザーインターフェースパーツを記入するだけで、総合計2万個以上のパーツの中から欲しいものを検索してきてくれるのが「UICloud」です。 UICloud | User Interface Design Search Engine, UI Elements, GUI Design, Free Downloads http://ui-cloud.com/ トップページのテキストボックスに探したいパーツの名称を記入して「Search」ボタンを押します。今回は「Download button」で探してみました。 すると検索結果一覧が表示されます。色んなダウンロードボタンがずらり。 気になったものをクリックします。 すると、大きめサイズのイメージが表示されます。 画面右端には詳細情報

By DoKe... 物を作ったり企画を練るときにいい考えが浮かばず、いいアイデアなんてものはこの世のどこにも存在しないような気がしてきますが、そんな時に参考になるのがアイデアがどこからやって来るのかを20項目にまとめた「Where do ideas come from?」です。 Seth's Blog: Where do ideas come from? http://sethgodin.typepad.com/seths_blog/2010/11/where-do-ideas-come-from.html ◆01．アイデアはテレビを見ていてもやってこない。 By cloudzilla ◆02．アイデアは講演を聞くことによって浮かぶこともある。 By WorldIslandInfo.com ◆03．アイデアは読書中によく浮かぶ。 By Βethan ◆04．いいアイデアは悪いアイデアから

By tarop Facebookやmixiなどのソーシャル・ネットワーキング・サービス(SNS)を通じて、インターネット上に日記を投稿するブログは身近なものとなりました。ソフトウェア開発者でありIBMの技術エバンジェリストであるAntonio Cangiano氏は、「プロフェッショナル(専門家)はインターネット上のブログを通じて知識を共有するべきだ」と主張し、その10の理由を紹介しています。 Why Every Professional Should Consider Blogging http://technicalblogging.com/why-every-professional-should-consider-blogging/ ◆1．ブログはあなたのコミュニケーション能力を高める コミュニケーション能力と文章能力は、プログラミングの技術がそうであるように、膨大な時間の練習によ

WordPressを少し格好良く使いたいという人、特にビジネスで使いたいと考えているならデザインとテーマには凝らなければいけません。有料であればよいデザインが多いのは当然のことですが、無料でもプロフェッショナルなテーマが配布されています。 1：Journic Wordpress Theme トップは絵の具を塗ったように色がついていますが下の方はシンプルな2カラム型。右カラムには最初から125×125のバナー用のスペースが用意されています。 2：Biforate 3カラム式で、サンプルではメニューや見出しの背景に鮮やかな青色を配置しています。 3：ProPhone Free Wordpress Theme | ThemePix ばちっと1記事を見せたいという時に使えそうなデザイン 4：Danko Free Charity WordPress Theme チャリティ向けテーマなので、少し下にス

ドラッグ＆ドロップで画像やムービーや各種ファイルをぽいぽいと放り込み、画像をドラッグすれば自動的に文字が回り込んで自在にレイアウト可能、選択式の問題を作って埋め込んだり、3DCGのモデルを埋め込んでぐるぐる回転させたり、フルスクリーンでムービーを再生したり、挙げ句の果てにiPadですぐに確認可能で縦・横の向き変更にも自動で対応できるというすさまじいほどに優秀な無料アプリ「iBooks Author」、実際に各種機能を使っているApple公式のまとめムービーを見れば、その威力と実力がはっきりと理解できます。 Apple - iBooks Author http://www.apple.com/ibooks-author/#hero-video 無料電子書籍作成アプリ「iBooks Author」で何ができるかまとめムービー - YouTube 起動したらまずはあらかじめ用意されたテンプレート

「どんな人が成功するのでしょうか？頭が良い人でしょうか。それとも、運が良い人でしょうか。実は、どちらでもないのです。アナリスト　リチャードは何年にも及んだインタビューを、成功の秘密と題した見事な3分間スライドに仕上げています」ということで、「成功者だけが知る、８つの秘密！」 と題されたプレゼンテーションが実に秀逸で分かりやすく出来ており、既に200万回以上再生されています。 リチャード・セント・ジョン「成功者だけが知る、８つの秘密！」 | Video on TED.com http://www.ted.com/talks/lang/ja/richard_st_john_s_8_secrets_of_success.html 学生にした2時間のプレゼンをここでは3分間で話します。TEDに来る時の飛行機でのこと、7年前でした｡ 隣は高校生、10代だったかな。彼女は貧乏な家の生まれで ｢何かで成

By Ѕolo 自分にとって当たり前のことなのに、人に言うと驚かれる。こういった経験は誰にでもあるのではないでしょうか。独立したミュージシャンたちのためのオンライン音楽ショップ「CD Baby」の創業者デレク・シヴァーズが、このことについて語っています。 Obvious to you. Amazing to others. | Derek Sivers どんなクリエイターでも、こんな感覚を知っている。 誰かが革新的なものを作る。とても美しく、優れていて、はっと思わせるようなもの。思わず茫然としてしまう。 その考え方は思いも寄らないもので、非常に驚くべきもの、しかし、完璧だ。 思うはずだ、「それは考えもしなかった。どうやって思いついたんだろう。素晴らしい！」 しばらくして、こう思う。「自分の考えはありふれている。あれだけの創造力がないんだ。」 私もよくこの気持ちにとらわれる。素晴らしい本、音

何かを買うときにまず最初に目に付くのはそのパッケージ。購入後もパッケージがちょっと普通と違って良い感じだと開けるときのワクワク感も高まります。パッケージデザインが凝っていればそれだけでなんだかお得な買い物をした気分になれることもあるほど。 そんなわけで、パッケージデザインがかなりカッコイイものいろいろです。 デザイン一覧は以下から。 22 Cool Packaging Design 1．Porto Novo（スティックコーヒーのパッケージ） 2．Experimental Milk Carton（牛乳パック） 3．Dymov Ultra（ソーセージ） 4．Mulher（女性用の時計） 5．Jooze（架空のフルーツジュース） 6．Lightbulb Box（IKEAの電球のパッケージをリデザインしてみた例） 7．Salt and Pepper Cell（塩とコショウ） 8．Coffee Cu

ニューヨークタイムズのブログ「NY Times Blogs」やSCEA公式のプレイステーションブログ「PlayStation.Blog」でも採用されているオープンソースで無料利用可能なブログ/CMSソフト「WordPress」の魅力として、豊富なデザインが揃った各種テーマの存在と、それらを簡単に切り替えることでブログの雰囲気をガラッと変えることができるという点がありますが、あまりにも数が多すぎてどれを使えばいいのか選ぶだけでも一苦労。 そこで参考になるのが、スパムコメントやトラックバックを止めるプラグイン「Akismet」で有名なAutomatticが運営しているブログサービス「WordPress.com」公式ブログで紹介されている各種テーマです。 百聞は一見にしかず、実際にどういう秀逸なデザインのテーマがあるのか、実際に選んでみた一覧は以下から。 Blog - WordPress.com

目の前でマウスカーソルを動かして説明すると理解してもらえるという場合に使えるのがこのjQueryのプラグインとして動作する「Embedded Help System」です。どのようなサイトにでも埋め込んで使うことが可能となっており、最大の特徴は実際のフォームやチェックボックスなどを操作する様子を目の前で見せてくれるという点。 一体何を言っているのかわからないと思いますが、これは実際に目の前でデモを見てもらうのが一番わかりやすいです。 デモは以下から。 Embedded Help System http://embedded-help.net/ デモを見るにはこの「Usage」ページにまずはアクセスします。 次に「Search database」をクリックするとこのようにしてクリックして使う順番の数字がふわっと浮かび上がります。これだけでも割とわかりやすいのですが、ここからが真価を発揮すると

WordPress 3.0との互換性ありで、各種タッチスクリーンデバイスでもテスト済み、なおかつ無料で利用できるクールなテーマがこの「iPhonsta」で、ほかにもjQueryを駆使したオンラインマガジンやポートフォリオ向けの「Imbalance」やグリッドデザインを使ってできるだけ軽くした「Paragrams」が配布されています。 ダウンロードは以下から。 iPhonsta Wordpress Theme - WPSHOWER - Free wordpress themes Imbalance Wordpress Theme - WPSHOWER - Free wordpress themes Paragrams Wordpress Theme - WPSHOWER - Free wordpress themes

「Tilt Shift」と呼ばれる現実の世界をミニチュアのように見せる撮影方法があるのですが、実際に撮影するとなると特殊なレンズが必要になります。しかし、この「TiltShift maker」を使えば、すでに普通の方法で撮影した写真でも簡単にミニチュア風に変えてくれるそうです。 使い方など詳細は以下から。 tiltshiftmaker.com - Transform your photos into tilt-shift miniatures 自分のPCにある画像を加工する場合は上のボックスで「参照」を押して画像を選んでから「Upload」をクリック。 ネットにある画像を加工する場合は画像のURLを入力して「Use this photo」をクリック。 するとデフォルトの加工がされた画像のプレビューが右に出てきます。 調整は左のボックスで行います。「Focus size」を左右に動かして焦点

Photoshopの一連の手順（画像のサイズを変更し、画像に効果を適用し、ファイルを目的の形式で保存するなど）を記録し、次回以降は一発でできるようにしてくれる自動作業機能のことを「アクション」と呼びます。このアクションを使えば、大量の画像をまとめてバッチ処理したり、いろいろと便利なわけですが、今回は写真の見栄えを美しくしたり、違う印象を与えるように加工するアクション61種類です。かなり便利なものが多いので、写真加工を頻繁かつ大量に行う人にはかなりお役立ちなのではないかと。 60種類の詳細は以下から。 いわゆる「クロスプロセッシング」を行うアクション ロモ・クロスプロセッシング ビンテージ風 HDR（ハイダイナミックレンジ）風 色あせたビンテージ風 肌のでこぼこを修正してなめらかに見せる いろいろなパターンのモノクロ写真へ変換 明度やコントラスト、シャープなどをブーストする ダークトーン・ミ

個人的なウェブサイト作成や仕事としてウェブサイトを作成している人だけでなく、何かのサイトを発注して作ってもらう際などにこういうのを知っておくと、かなりはっきりと具体的なイメージを相手に伝えやすくなるので、スムーズにコミュニケーションできるはずです。あるいはクライアントにこれらのリソースの存在を認知してもらうことで、話が進めやすくなるかもしれません。 というわけで、魅力的なウェブサイトを作成するために知っておくと便利な無料の各種スクリプトは以下から。 Woork: Useful resources and tutorials for developing stunning web sites 1. ModalBox http://www.wildbit.com/labs/modalbox/ Web2.0スタイルのダイアログボックスなどを表示させることができます。Mac OS Xのダイアログボ

最近はブログなどを使ったサイトが非常に多いのですが、やはりきちんと作り込まれたサイトも必要なわけで。だからといってゼロから作るのは大変。そこで使えるのが、あとから編集してカスタマイズしやすい商用利用可能なフリーのウェブサイト用テンプレート。元となるPSDファイルなども付属している場合があるので、それぞれのパーツをかなりカスタムすることが可能となっています。また、全部Flashでできたサイト用のテンプレートなどもあります。 ダウンロードは以下から。 Free Website Templates, Flash Templates, CSS Templates - TemplateYes.com まずは各ジャンルごとにサンプルを見てみましょう。 ・PSDファイルとフォントまで付属した通常のウェブサイト用テンプレート ダウンロードはここをクリック ダウンロードはここをクリック ダウンロードはここを

インターネットの広告出稿というと、通常の広告と違い、ほぼ正確に見られた回数からクリックされた回数、果ては実際に購買につながった割合まで測定できるため、クリックスルーレート（クリック率）やコンバージョンレート（閲覧者が購買等の行動に至った割合）について注目されがちでしたが、それ以外にもテレビのCMと同じような威力のブランディング効果（他のマスメディアでも一定の効果が認められている露出自体による効果）があることがわかりました。 で、ネットで広告を出す際にブランディング効果を高めるためには以下の5つの方法が有効であることもわかっています。広告を出す際に役に立ちそうな豆知識は以下から。 VRI、goo、マイクロソフト、Yahoo!JAPAN、 共同調査でインターネット広告のブランディング効果を検証 ～ 「インターネット広告出稿によるブランディング効果3つの法則」を策定 ～ これが効果を高める5つの

IE6/IE7/Firefox/Safariに対応しているJavaScriptで、使い方もかなり簡単でページにほとんど変更を加えずに導入可能。 また、リンクの先読みにも対応しており、画像の上にマウスが乗ったことを感知して自動的に先読みすることもできますので体感的にはかなり速度アップしているように感じます。 画像をズームする機能のみに特化しているため、ほかの余計な機能付きのライブラリよりも動作は軽いのも特徴で、クリックしてズームされた後にはちゃんとドロップシャドウ効果が付いたりするなど、芸も細かい。 実際のデモと詳細は以下から。 cabel.name: FancyZoom 1.0 上記ページの下の方にある「Example」に体感できる例があります。なかなか面白い。 で、実際に設置するにはまず上記ページ中にあるZIPファイルをダウンロードしたら解凍し、出てきた2つのフォルダをFTPソフトなどで