映画「マトリックス」の非常に有名な上から漢字やらカタカナやら平仮名やらが滝のようにぞろぞろ流れ落ちてくるあの超有名なシーンを1KB以下のコードで完全再現したものが「Matrix Canvas Code」です。 Matrix Canvas Code | CSSDeck http://cssdeck.com/labs/the-matrix 元となっているのはシーンは以下のような感じでマトリックス3部作の最初のイントロで上から滝のように流れ落ちてくるのが印象的なものとなっており、実際には縦書きの裏返った半角カナや注音符号なども出てきます。このような妙な文字が混じっている理由は、「日本のPCでは縦書きでプログラミングしている」と監督が誰かから吹き込まれたため。 Intro Matrix Reloaded - YouTube matrix intro - YouTube [HD] The Matri

「ビジネス」「コミュニケーション」「コンピューター＆モバイル」「デザイン＆ライティング」など14のカテゴリーに分けられたアイコンフォント1000個以上が無料でダウンロードできるのが「WebHostingHub Glyphs」。アイコンはPNG形式、TFF形式の他、ウェブフォントとしても使用可能です。 WebHostingHub Glyphs http://www.webhostinghub.com/glyphs/ ダウンロードは右端の青とオレンジ色のボタンから行います。なお、青色の「DOWNLOAD ALL ICONS IN ONE FONT」からはTTF形式とウェブ用のアイコンフォントをダウンロードでき、オレンジ色のボタンからはPNG形式のアイコンがダウンロード可能。 アイコンフォントは「ビジネス」や「コミュニケーション」など14のカテゴリーに分けられています。以下はビジネスカテゴリーの

メガネ型コンピューター「Google Glass」の開発を担当しているTimothy Jordanさんが、テキサス州オースティンで開催中のSXSW 2013で講演を行いました。この中で、Google GlassでAPIを使って、GmailやEvernote、NewYork Times、Pathのアプリを動かすことができることの説明が行われました。 Building New Experiences with Google Glass | Schedule | sxsw.com http://schedule.sxsw.com/2013/events/event_IAP15826 Google reveals Glass apps: New York Times, Evernote, Gmail, and Path | The Verge http://www.theverge.com/201

TwitterなどSNSで使えそうな四角い顔アイコンを作成できるネットサービスが「四角い顔アイコンジェネレータ」。デフォルメされたパーツが多く、カスタマイズの幅も広いため、自分の似顔絵だけでなくキャラクターっぽいアイコンなどを作ることが可能です。 四角い顔アイコンジェネレータ -Icon Generators- http://www.icongenerators.net/shikaku.html アイコンは画面上の「今すぐ作る！」をクリックすると作成できます。 アイコンの詳細を決めるメニューはこんな感じ。まずは肌の色。 前髪もさまざまなパターンが存在します。 横髪。 目もキャラクターっぽくデフォルメされたデザインのものがずらりと並びます。 鼻。 口。 まゆ。 頬にはそばかすや赤らみの他、星マークや花マークをつけることもできます。 メガネやサングラス、眼帯など。 「頭」にはリボンや頭巾、ター

日本のAmazonでも採用されているメガドロップダウンメニューについて、なぜAmazonのメニューはユーザーが使いやすくできているのかという秘密が明らかになりました。ユーザビリティを改善することが至上命題のネットショッピング系サイトにとっては非常に有益な知識となっています。 Breaking down Amazon’s mega dropdown - Ben Kamens http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown まずこれがAmazonの左上にあるカテゴリーを一覧化したメガドロップダウンメニュー。日本のAmazonにも同様のメニューが採用されており、マウスカーソルを上に持っていくと実にスムーズに動きます。 通常のメニューの場合、以下のようにして少し遅れてサブメニューが開くようになっています。 な

ドイツのフォントメーカーであるLinotype社がMonotype社に名前が変わることを記念し、「Neue Frutiger Heavy」「Akko Rounded Thin」「Gill Sans Bold Italic」「ITC Galliard Roman」「Slate Light」「Neo Tech Black」「Neue Haas Grotesk Thin」「ITC Officina Serif Medium」の8種類の有料フォント(OpenTypeフォントファイル)を現地時間の4月3日まで無料でダウンロード可能にしています。 Linotype.com - Fonts for global communication http://www.linotype.com/6987/linotypewirdmonotype.html ダウンロードできるフォントは4つずつ、2組のフォントセッ

高品質なアイコン・ストックフォト・サイトテンプレート・ムービー・BGM・3DCGモデルなどの各種素材を有料販売しているサイトの運営元であるEnvatoでは各販売サイトから毎月1つずつ有料素材が無料でダウンロード可能となっています。2013年3月は全部で合計8種類、総額8200円以上のファイルが無料でゲットできました。各サイトからダウンロード可能な素材のページアドレスと説明は以下から。 ◆Add-ons - Urban Shift Action | GraphicRiver PhotoshopのPSDファイルやベクター形式のファイル、アイコン、アドオンなどを販売する「GraphicRiver」では写真にエフェクトをかけるPhotoshopのアクション通常4ドル(約370円)が無料に。 ◆3D Models - iPad | 3DOcean 3Dモデル・テクスチャ・マテリアルなどを販売する「3

いろんなポーズのネコの写真を使って人文字ならぬネコ文字をフォント化させたのが「ねこフォント」。半角英数なら記号も使え、ダウンロードして使用するだけでなくhtmlに書き込んでウェブ上で使用することも可能です。 ねこフォント http://nekofont.upat.jp/ 使い方はページの真ん中にあるテキストボックスに文字を入れ、「作成」をクリックするだけという簡単なもの。 するとこんな感じでページが表示されます。 大文字のAは二匹のネコが抱き合っている姿。 ネット上で使用したい場合は、以下のjavascriptを表示したいhtmlに書き込めばOK。 また、「ダウンロードボタン」を押すと画像が表示されるので、右クリックで保存することが可能。 なお、フォントは半角英数、記号に対応していますが、日本語は表示できません。 ねこフォントで「GIGAZINE」と書くと以下のように表示されます。 次は小

高解像度用やマルチモニターに対応した美麗な壁紙が無料でダウンロードできるのが「WallpaperFusion」です。マルチモニター用のソフトを扱うDisplayFusionが運営している壁紙サイトのため、壁紙はクアッドモニター(モニター4枚分)に対応しているものまであり、PC用のほか、iPhoneやiPad用壁紙まで存在します。 The best multi-monitor and Eyefinity wallpaper images • WallpaperFusion http://www.wallpaperfusion.com/ 壁紙は「動物」「本やコミック」「人」「音楽」といったジャンルごとに表示させることが可能。 また、人気順や新着順のほか、シングルモニター用、デュアルモニター用、トリプルモニター用、クアッドモニター用など、モニター数を指定して表示させることもできます。今回は人気の

3DCGモデル・Flashファイル、BGMやサイトテンプレートなど企業や公式サイトが使うようなハイクオリティな素材の有料販売サイトを運営しているのがEnvatoです。Envatoが運営するこれらの素材販売サイトでは毎月1つだけ無料でファイルがダウンロード可能になっていて、2013年2月は写真素材・音楽ファイル・jQueryプラグイン・3Dモデルなどが無料でダウンロードできるようになっています。早速試してみたところ、総額7900円以上のファイルが無料でゲットできました。 まず無料ファイルのダウンロードにはアカウント作成・ログインが必要なので、まずは以下のページを参照して無料アカウントを作っておきましょう。 無料で商用利用可の有料サイトテンプレートファイルを「ThemeForest」からダウンロードする方法 - GIGAZINE http://gigazine.net/news/2010122

By 401(K) 2013 スマートフォン向けの無料アプリでは画面の隅に小さな広告を出して、その表示回数やクリック数などに応じた報酬が開発者に支払われるという方式が既に一般化しています。しかし、PCなどに比べてディスプレイが小さいスマートフォンでは、ただでさえ狭い表示スペースを犠牲にして広告を出すことでアプリの使い勝手をひどく損ねたり、ユーザーにうっとうしがられたりする危険性が高いため慎重な検討が必要です。もちろん、単にアプリを有料化したりアプリ内課金を行ったりすることもできますが、収益力を強化する方法はそれだけではないとVentureBeatの記事は述べており、以下の7つの方法を提案しています。 Apponomics: 7 ways to make money from apps without ads | VentureBeat http://venturebeat.com/2013

登録フォームと言えば通常は必要事項を一方的に入力していくものですが、キャラクターとの会話形式にして、まるでチャットを行っているように情報を入力できるのが「ダイアログフォーム」です。人とチャットしているときはタイピングが苦じゃない、というアイデアを元に作られた登録フォームで、コードのダウンロードも無料で行えます。 ダイアログフォーム - jsdo.it - Share JavaScript, HTML5 and CSS http://jsdo.it/watilde/form 実際にどんな感じでフォームが表示されるのか試してみます。まずはページ右側にある再生ボタンをクリック。 すると、「会員登録ふぉーむ」という文字の下で自動的にWindows Azure 公認キャラクタークラウディア・窓辺が会話を始めます。 「ユーザーIDを入力してください」とクラウディアに言われるので、フォームに自分のIDを

日本のマンガ文化を世界に発信するため、ANAが作ったサイトが「マンガナイザー(MANGANIZER)」です。アップロードした写真を元にしたイラストをマンガの主人公のようにすることができ、ただ顔を作るだけでなくそのキャラクターが登場する作品を読むこともできるというかなり凝った内容になっています。 ANA | MANGANIZER - Let's Do Japan http://ana-manganizer.com/ トップページはこんな感じ。 「日本独特の文化であり世界中で愛されているマンガ。日本の航空会社であるANAは日本文化を理解してもらうためにMANGANIZERを製作しました」というメッセージ。 マンガのストーリーを選ぶとその主人公として自分の顔をマンガ化したイラストが使用されるという仕組み。 写真をアップロードして、カスタマイズ、後は出来上がったコミックを読むだけ。 「AGREE

デジタル・アーティストJonas De RoさんがPhotoshopで使用しているブラシ37種類をセットにした「BRUSH SET」がdeviantARTから無料でダウンロード可能となっています。ブラシは使用の用途に合わせて5つのカテゴリーがあり、Photoshopでの作業をさらにパワーアップさせることが可能です。 BRUSH SET - Photoshop Painting Brushes by *JonasDeRo on deviantART http://jonasdero.deviantart.com/art/BRUSH-SET-Photoshop-Painting-Brushes-348274576 ブラシのカテゴリーは「BASIC」「PAINT」「ADVANCED」「NATURE」「GUIDE」の5つがあります。 まず「BASIC」はシンプルかつ効果的なブラシ。スピーディーに仕

飲み物を冷やす氷の代わりにソープストーン(石鹸石)と呼ばれる熱や酸に強い性質を持つ変成岩を使用して飲み物を冷やす、というアイディア製品「Whiskey Rox」を製造販売するための資金集めがアメリカのクラウドファンディングサイトKickstarter上で行われています。 Whiskey Rox http://www.kickstarter.com/projects/734246795/whiskey-rox-beverage-chilling-stones 「Whiskey Rox」の製品化を目指しているのはシアトル在住のZach Lengellさん。 製造工程はかなりシンプルなので、材料の石と切断するための工具さえ有ればどんどん製品が作れます。 後はちょっとオシャレなデザインの袋をセットにすれば完成。 こんな感じでグラスに入れて飲み物を注げば氷の代わりになります。 「Whiskey Ro

全世界で3億人のユーザーを持ち、独自のHTMLレンダリングエンジン「Presto」を開発し続けていた「Opera」がGoogle ChromeやSafariと同じWebKitに移行することを発表しました。JavaScriptエンジンはV8になるとのことなので、見かけはOpera、中身はGoogle Chromeみたいな感じ(オープンソースのChromiumを使うため)になるようです。 Opera Developer News - 300 million users and move to WebKit http://my.opera.com/ODIN/blog/300-million-users-and-move-to-webkit この新生Operaの最初の製品として、モバイル向けのOperaが今月末のバルセロナで開催される「Mobile World Congress」にてデモが披露され

結果が同じなら過程はどうでもいいというのは嘘で、むしろ結果が同じなら素早い方が良いわけです。作業のスピードを上げるというのはキーボードのタイピング速度を物理的に高速化したりすることではなく、「効率化」することで無駄を省き、よりスマートにすることによって「最小限の労力で最大限の成果を上げる」ことを可能にする技術を習得することであり、そういう点にフォーカスを絞り込んだ書籍が「神速Photoshop」です。 献本された実物のページをめくると最初に目に飛び込んでくるのがこの「神速デザイン 五カ条」。中身は「ショートカットを活用しよう」「最新機能を使いこなそう」「目的によってツールを使い分けよう」「「直し」に強いデータを作ろう」「面倒な作業は自動化しよう」となっており、どれもこれもうなずけるものばかり。 「本書の使い方」のさらに下部を見てみると「本書の作例データは以下のURLからダウンロードできます

ウェブデザインやポスター、フリーペーパーなど、何かをデザインするときにシンプルすぎるフォントでは物足りないし、かといってインパクトがありすぎてもデザイン全体とマッチしない！という事態に陥ってしまうこともしばしば。うまく使えば効果的なのですが、洗練されたデザインフォントを見つけるのは難しい……ということで、デザイナーに人気の無料フォントをSmashing Hubが集めています。 Top 50 Sources for Designers to Download Free Fonts http://smashinghub.com/download-free-fonts.htm ◆01:Source Code Pro | Free software downloads at SourceForge.net Source Code ProはSource Sans Proに続くAdobeのオープンソー

チェックボックスやWindows 8っぽいメニューアイコン、ボタン各種など洗練されたデザインのUIキットが「Polaris UI Kit」です。無料でダウンロードでき、商用利用も可能。さらにUIキットと同時にアイコンセット48種類もダウンロードできるようになっています。 Polaris UI Free - User Interface Pack - Designmodo http://designmodo.com/polaris-free/ UIキットはこんな感じ。 内容の一例はこちら。まずは棚の上に置いたかのようなムービー画面。 ボタン各種。 Windows 8っぽいデザインのアイコンも存在。 「いいね！」ボタンの他に「よくないね！」ボタンもあります。 ダウンロードは以下のサイトから可能です。 Polaris UI Kit + Linecons Icon Set (AI, PDF, PN

FacebookやTwitterからEvernoteにGmailまで、59個ものウェブサービスを連携させてさまざまな作業を自動で行えるようにする無料のクラウドアプリケーションが「IFTTT」です。このシステムの最大の特徴はサービスどうしを連携させるための設定がとてもシンプルな点で、難しいコードを書いたり複雑なパラメーターを入力する必要は一切ありません。ただクリックをして行くだけの簡単な作業でほとんどの設定が済んでしまうので、Yahoo! Pipesでは挫折してしまった、という人でも安心して利用できそうなサービスです。 IFTTT / Put the internet to work for you. https://ifttt.com/ ちなみに「IFTTT」とは「If This Then That」の略となっており、「コレが起こったらソレをしてね」という感じの意味で、ユーザーが使用してい