オシャレなタイポグラフィを自動で作る「Type to Design」

2015年6月25日

INTERNET ACADEMY

可愛くてとてもスゴイWebサービスのサイトを見つけました。打ち込んだ文字が、自動でオシャレなタイポグラフィに変換される「Type to Design」です。

Type to Design

使い方は簡単、トップページを開いたら、キーボードで英数字を打ち込むだけ。すると、自動で打ち込んだ英数字に該当するオシャレな画像が表示されるのです。

もし、出てきた画像がお気に召さなければ、その画像をクリックすると、再読み込みされて新しい画像にチェンジされます。

これがとても楽しい。

いろいろと変更していくと、ちょっとしたアート作品が出来上がります。

お気に入りの組み合わせが完成したら、なんとPDFでダウンロードしたり、FacebookやTwitter、Google+などのSNSで共有できます。

仕組みのオハナシ

技術としてはHTML5とJavaScriptで構成されています。ソースコードを見てもスゴイの一言。

表示される画像は、すべてInstagram（画像共有を目的としたSNS）上の画像で表現されています。ぜひ一度使って見て下さいね♪

関連サイト

・Type to Design

本ブログは、日本初Web専門スクールのインターネット・アカデミーの講師が運営するWebメディアです。スクールの情報はもちろん、最新のWebデザイン・プログラミング・Webマーケティングについて役立つ情報をご紹介しています。

現在、マサチューセッツ工科大学のW3C本部に在籍し、HTML開発とインターネット・アカデミーのカリキュラム開発を担当する。

海外支店責任者として、アメリカとインド、日本を行き来する。5年間、マサチューセッツ工科大学のW3C本部に在籍し、HTML開発と普及活動を行ってきた経歴を持つ。

日本の新宿校、渋谷校インストラクター。主にWebマーケティングとクリエイティブ系の授業を担当。

バンガロール校インストラクター。デジタルマーケティングが専門分野。

Google認定Webマーケティング講座の企画・開発に携わる。「PHPカンファレンス2011」で講演。「PHP公式資格教科書」の執筆など

バンガロール校支店長。Webプロデューサー、インストラクター、エリアマネージャを経て、現在はグローバル展開のビジネスディベロップメントを担当。

「W3C"HTML5 Tour"」での講演や、インド校にてWebデザイナーおよびチーフインストラクターを勤めた経歴を持つ、人気キャリアプロデューサー。

フランスにあるW3CのEUホスト、ERCIM(欧州情報処理数学研究コンソーシアム)に常駐し、Webの研究を行うインド人インストラクター。Webマーケティングに精通している。

テーマ

最新の記事

スタッフ別ブログ

Produce by

インターネット・アカデミー