プログラミング経験のないジェニファー・デウォルトさんが、毎日1つずつウェブサイトを作成し、180日間で180個のウェブサイトを作り続けるプロジェクトが「180 websites in 180 days」です。 Jennifer Dewalt | 180 Websites http://jenniferdewalt.com/ デウォルトさんの作品は9月11日の時点で163日目、作成された163個のウェブサイトのプログラムは全てGitHubで公開されており、どのようなコードでプログラミングされているかが確認できます。現在はNode.jsについて勉強中とのことですが、近日中に勉強の成果を発表できると述べています。 ◆Day 2：Make a Deal（ドアを開けていくと当りと外れがあり、最後にネコの動画を表示） ◆Day 18：Building Blocks（ブロックをカーソルで持ち上げて積み木

By Jared Thompson 仕事・勉強・執筆・読書・プログラミングなどで集中しなくてはならない時に音楽を聴くのは効果的な方法の1つですが、選曲によっては逆効果になってしまうことも。そんな時に、クリックするだけで簡単に高品質の作業用BGMを流し、最大で400％ほど集中力をウェブとアプリでアップさせてくれるのが「focus@will」です。3人のうち2人には効果が出るとなっており、それなりの科学的根拠として、2年間にわたる200人の被験者による研究と、7万2000人以上の調査を行ったというバックグラウンドを持っているのが特徴です。 focus@will https://www.focusatwill.com/ トップページはこんな感じ。定期的もしくはページの更新ごとにグラフィックが変わります。BGMを視聴するには、真ん中の再生ボタンをクリックするだけ。 次に流したいBGMのジャンルの選

どんなに情報をまとめても、それを可視化して見ている人にうまく伝えるのは至難の技です。そんな時にデータをスタイリッシュかつ見やすいグラフにしてくれるのが、様々なデザインのJavascriptがダウンロード可能なライブラリ「D3.js」です。 D3.js - Data-Driven Documents http://d3js.org/ D3.jsを使って作ったグラフの事例を公式ギャラリーから見ることが可能で、これらのグラフにもとになる素材(スクリプトのソース)がGitHubで入手可能です。 Gallery · mbostock/d3 Wiki · GitHub デザインの一例は以下から。 ◆:Bubble Chart 作成例によっては、ページに直接コードが記載されているものもあります。 ◆:Four Ways to Slice Obama’s 2013 Budget Proposal - In

デザインの仕事をしていたり、フリーペーパーやポスターを作る時にも、無料で自由に使える写真やイラストは重宝します。一定条件の下で作品を自由に使えるCCライセンスの画像も有用なのですが、商用利用やクレジット表記・リンクの可否など制限があり使いづらいことも。そんな時に便利なのが、知的財産権が誰にも帰属しないパブリックドメインの画像を検索閲覧・ダウンロードできる「Pixabay」であり、CCライセンスのように細かい点を気にすることなく自由に画像を使用できます。 Pixabay - パブリックドメイン画像 http://pixabay.com/ テキストボックスに単語を入れて検索ボタンを押すと…… こんな感じでずらっと写真やイラストが並びます。画像は新着順の他、人気順でも表示することが可能。 気になる画像をクリックすると…… 詳細ページへと飛びます。 撮られた日時や使用されたカメラの種類などと共に、

仕事上で使用する画像はウェブ上で見つけにくく、いい画像だな、と思っても商用利用ができなかったりクレジット表記が必要だったりする場合もあります。そんな時に便利なのが横断検索サイト「タダピク」で、海外や日本の計24の画像検索サイトから商用利用OK・クレジット表示不要の画像素材を横断検索することが可能です。 タダピク（tadapic） - 商用利用OK・クレジット表示も不要の画像素材検索エンジン http://www.tadapic.com/ トップページの検索欄にキーワード「子猫」を記入し、検索ボタンを押すと…… こんな感じで子猫の画像が表示されます。 気になる画像をクリック。 すると、画像元のサイトに飛びます。 なお、検索対象は「画像」なので、写真だけでなくイラストも一緒に検索されます。 検索時にはイラストやアマチュアカメラマンによる写真素材サイト足成の写真を除外したり、日本のサイトに絞り込

By Victor1558 起業の際にファンドから投資を受けるためにはこれから興す会社がいかにすばらしいものかをプレゼンする必要がありますが、どのように要点をまとめるかは慣れていないと難しいもの。そんな時のために老舗投資ファンドとしてAppleのスティーブ・ジョブズやGoogleのラリー・ペイジ、YouTubeのチャド・ハーリーたちからパートナーとして認められているセコイアキャピタルが投資会社に起業プランを見せる前にすべきことや具体的なビジネスプランの書き方を公開しており、これから起業しようという人たちの役に立つはずです。 Sequoia Capital : U.S. : Ideas http://www.sequoiacap.com/ideas ◆持続可能な会社の要素 投資ファンドが好むスタートアップは、以下の要素を備えています。 01．明確な目的 名刺の裏に書ける程度に会社のビジネス内

Photoshopを使えばここまでの作品ができる、ということがよくわかるチュートリアル集が「35 New Photoshop Tutorials with Various Techniques」です。アイコンからSFっぽいイラストまで、さまざまなジャンルにおける作品のメイキングが公開されており、技術が学べるだけでなく、こんなラフスケッチからここまでの作品が……！と製作過程を眺めているだけでも楽しめます。 35 New Photoshop Tutorials with Various Techniques | The Design Inspiration ◆Photohop Tutorial Link: A Cute Cartoon Artwork Creation 鉛筆でのスケッチはこんな感じ。 スケッチをスキャンし、Photoshopを使って着色していきます。 完成作品はこちら。 なお、

オシャレなアイコンを使うと味気なかったスクリーンが急に華やぎますが、アイコンや背景素材などのグラフィック素材が無料で使用できるサイトが「Icon Deposit」です。新着順の他、人気順に並べ替えることができ、自分好みのスタイリッシュな素材を見つけてダウンロードすることが可能。また、アカウントを登録して自分の作った素材を公開することもできます。 Welcome to the Icon Deposit どのような素材がダウンロードできるかというと、以下がその一例です。 ◆01．Micro Icon Set 16×16のPSDファイルアイコンが110個入ったアイコンセット。販売、再配布は不可ですが、個人利用は可能です。 ダウンロードする際はページ右上の「Download This！」をクリックします。 ◆02．Shiny Social Icons (PSD) こちらは商用利用可能。PSDファイ

サイトのURLを入力すれば、わざわざ全種類・全バージョンのブラウザ環境をそろえることなく、、無料でバージョン別にInternet Explorer・Google Chrome・Firefox・Safari・Operaでの表示がチェックできるネットサービスが「browserling」です。操作方法は以下から。 browserling - interactive cross-browser testing https://browserling.com/ ◆操作方法 上記サイトにアクセスすると、このような画面が表示されます。 使い方は簡単、まず上部に「表示させたいサイトのURL」を入力します。今回はGoogle Chromeのバージョン14.0でサイト表示を確認したいので「Google Chromeのアイコン」・「14.0」の順に選択してから、「run」をクリック。 そうすると、以下のようにG

「Tonido」はインターネットにつながったノートPCにインストールするだけで簡単にオンラインストレージ化できる無料のソフトウェア。インストール後はIDをパスワード指定するだけで設定が完了し、あとはPCやスマホから中のファイルにアクセス可能になる、というお手軽かつ強力な機能を備えています。実際にサクッと設定を済ませて使用するまでの手順を、以下で確認してみてください。 ◆ダウンロードと設定 以下のページに行くとWindows、Mac OSX、Linuxなどに対応したインストーラーがあるので、自分のOSに合ったものをダウンロード。なお、今回のレビューにはWindows用のものを使用しました。 ダウンロードしたインストーラーをダブルクリック 「Next」を連打すればOK 「Install」をクリック こんな感じで自動でインストールが進行 「Finish」をクリックすると自動でブラウザが起動し、「

いろいろなソフトウェアを作って配布しているRizonesoftの管理人がパートタイムでグラフィックデザインの仕事をしたときにネット上にある無料で使えるストックフォトの品質が低いことに非常に悩まされた経験を生かし、個人利用でも商用利用でもOKなロイヤリティフリーで永続的なライセンスに基づいて使用できるストックフォトを1100枚もMediafireを使って配布しています。 1100 Free Royalty-Free Images | Rizonesoft http://www.rizonesoft.com/2012/freestock/ ページの中ほどにリンクがあります。各リンクごとに画像が100枚ずつあるという感じ。 クリックすると以下のようなサイトが開きます。 ページ右上の「Image View」タブをクリックすると各画像を見ることが可能です。 ダウンロードしたい画像がある場合、サムネイ

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

Photoshopはあらゆるところで使われており、だからこそ山のように使い方を解説したチュートリアルがあるわけですが、その中でも特に「これは！」と思われるようなキラーチュートリアル30個です。 30 Killer Free Photoshop Tutorials http://slodive.com/photoshop/free-photoshop-tutorials/ ◆1：ダーク・フォト・マニピュレーション「ヴァンパイアハンター」（光と影をうまく操作するためのレタッチ・カラー調整・レイヤーの操作が分かる） ◆2：魅力的なオウムの写真操作（動物の写真を抽象的かつインパクトのある画像に加工するレイヤー操作方法） ◆3：Photoshopで手描き風イラスト ◆4：雰囲気のある風景に加工する（レイヤーとテクスチャを駆使してそれっぽくする） ◆5：水であふれて見るものを不安にさせるシーン作り（2

毎日様々なインスピレーションを求めているデザイナーたちによって作られているサイト「The Design Inspiration」が選んだ2011年に最も印象的だったPhotoshopのチュートリアル50本がかなり有用です。 50 Most Impressive Photoshop Tutorials of 2011 | The Design Inspiration http://thedesigninspiration.com/articles/50-most-impressive-photoshop-tutorials-of-2011/ ◆1：全速力で走っているモーションを効果的に加える方法 ◆2：バットマンのシンボルマークがよく見ると浮かび上がっている ◆3：SF映画のようなポスターに仕上げる ◆4：左右対称のライトニングエフェクト ◆5：マンガ風・カートゥーン風に塗る方法 ◆6：ファ

無料で使えるネット上にある写真は「そこそこ」のレベルのものがほとんどで使い物にならないと思っている人の認識を変えさせるほどの威力を誇っているのがこのフォトグラファー「Luc Viatour」氏の公式サイトです。 なんとサイト上にある写真の全てがCreative Commonsライセンス（CC BY-SA 3.0）で提供されており、営利目的での利用、すなわち商用利用も可能となっています。 Luc Viatour http://www.lucnix.be/ 各画像の上にある以下のアイコンをクリックすると別ウインドウが開き、フルサイズの画像のダウンロードが可能となります なお、以下が約2万枚ある画像の一例です。 ◆01：Flaque d'eau au Champ de Mars ◆02：Cnidaria_Luc_Viatour ◆03：2h_Namur_13.jpg ◆04：LV1_5170 ◆

「自分が考えていることを、その場で決められた時間の中で他の人とシェアしないのは、プロとして犯罪に近い」 「プロというのはシステムで仕事をする人間である」 「いつ来るか分からない15分のために常に準備をしているのがプロで、来ないかもしれないからと言って準備をしないのがアマチュア」 などなど、非常に刺激的な言葉が次々と飛び出したのが、CEDEC2011の2日目基調講演「「ムーンショット」 デザイン幸福論」です。 国際的な活躍を続けるインダストリアルデザイナー、奥山清行氏による講演となっており、「実際に会場にいらした方に直接語りかけたい」という本人の強い希望によって、ニコニコ動画「CEDECチャンネル」での配信や講演資料の配布はなし、「最後の瞬間まで講演内容を考えたい」ということで演題・内容についての事前発表もなし、という直前まで謎のベールに包まれていた講演だったのですが、見ての通り少し書き出し