プジョーがRCZという車のプロモーションとして公開しているRCZView.comというサイトは、二つの地点を結んでのドライブを、Googleストリートビューの写真を使ってパラパラマンガ的にアニメーション化してくれるwebサービスです。 東京タワーから渋谷駅、で指定したら、データの作成に5分ぐらいかかりました。「データ作成中は、プジョーのRCZでも見ててください」みたいなメッセージとともに、プジョーの車の説明などが表示されています。 今回のルートでは、760枚ぐらいのスクリーンショットをGoogle地図から持ってきて動画を作ったようです。作成したルートは、固定のURLを持つので友達に共有することもできます。東京タワーから渋谷駅、首都高速経由でした。 こちらでは、世界中の人が作ったいろいろなルートが、ランダムに表示されていて選べます。まったく違う国の街を走るような疑似体験は楽しいかもしれません
ゲーム型キャンペーンサイト「URBAN RESEARCH Christmas 2011」 意匠部ME課あらため、HTMLファイ部所属となった比留間です。 今回は、先日リリースした「アーバンリサーチ」のキャンペーンで 「アーバンサンタ」からのプレゼント、というサイト制作に携わりました。 簡単にキャンペーンの概要を説明すると、Webとアーバンリサーチの店舗が連動して先着でクリスマス限定のキャンドルをもらえるというキャンペーンです。 内容はサイト内に隠されたプレゼントボックスを見つけ出して、それをアーバンサンタにおねだりする、 というとてもシンプルなゲーム型キャンペーンサイトになっています。 さらに抽選でおねだりした商品がもらえるので、ぜひぜひ参加してみてください。 さて、今回この記事でご紹介したいのは、 このキャンペーンサイトで使用した「CSSで作る光のアニメーション」の作り方を 簡単に説明し
「HTML5タグの誤用で恥をかいた」「分厚い仕様書は読み切れない」コーダー＆デザイナーのためのコーディングガイド。最終草案に対応したほか、商用サイトを意識したコーディング例を新たに書き下ろし。HTML5マークアップへ移行するために必要な知識を効率よく学べる1冊です。ネットで話題の「HTML5カルタ」付き! HTML5マークアップ 現場で使える最短攻略ガイド 定価：2,808円 （本体2,600円）／形態：B5変 (240ページ) ISBN：978-4-04-866070-9 前回のセクションに関する要素の解説では、「カテゴリー」や「コンテンツモデル」という単語が登場しました。カテゴリーとコンテンツモデルを理解すると、「要素の中にどの要素を入れられるのか」を、容易に判断できます。 「コンテンツモデル」は入れられるコンテンツのルール、 「カテゴリー」は詳細な分類 第1回の記事で、「a要素がブロ
[HTML5] SublimeVideo – HTML5ベースの動画プレーヤー Pocket Tweet HTML5ベースの動画プレーヤー。ただしサイト埋め込み式ではなく、Youtubeのようにファイルをアップロードするタイプの、いわゆる動画ホスティング形式のウェブサービスです。そのために利用に関してはアカウント登録が必要ですが、基本プランであれば無料で使えるみたい。SSLとかeMailサポートが必要な場合は有料版も用意されてます。Demoのページを見ると、動画の表示形式についても色々選べるようで、動画のウェイトが大きいサイト構築の際に使えそうなウェブサービス。レガシーブラウザ向けにFlashプレイヤーでの再生もサポートされてるようです。モダンブラウザ、レガシーブラウザ、スマートフォンと、一通りの再生環境にまとめて対応できるのが利点かなと。 SublimeVideo
webデザインの入門書を買おうか迷っている方。 もしもそんな方がいたら、ネット上にはここを押さえておこうよと、webデザイナーが直接良質な記事を仕上げてくれていますのでそちらを是非一度参考にしてみて欲しいなと思いまとめて見ました。 また、その記事で、もっともぐっときた台詞もチョイスすてみました。 どんな想いで記事を書かれているかというのも大事かなと。 こちらもあわせてどうぞ。 Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報 とりあえず時間のない人はこの3つだけでも食べて デザインを勉強したことがない人でもデザインできるようになるかもしれない4つの基本原則 最初、デザイナーは型破りであるというイメージを抱く人も多いのですが、実際の現場では、様々な原則の上にあるルールにのっとり、そのルールを崩す「理由」があります。 例えばそれがセンスと呼ばれること
最近よく見かける「ページTOP」のスクロールをjQueryでは簡単に実装できます。 Javascriptソース $(function(){ $("a[href^=#]").click(function(){ var Hash = $(this.hash); var HashOffset = $(Hash).offset().top; $("html,body").animate({ scrollTop: HashOffset }, 1000); return false; }); }); Javascriptソースの解説 2行目:$("a[href^=#]").click aタグのクリック設定をしています。 $("a[href^=#]")と設定することで、hrefの最初に「#」があるaタグのみに反応するようにしています。 3行目:var Hash = $(this.hash); クリックし
森ビル デジタルアート ミュージアム：エプソン チームラボボーダレス Feb 09, 2024 - 麻布台ヒルズ、東京 NOW OPEN
チームラボ代表取締役社長 猪子寿之（いのこ・としゆき） ――ヴェネツィア・ビエンナーレに「生命は生命の力で生きている」を出展し、反響はいかがでしたか。 チームラボ代表取締役社長 猪子寿之（いのこ・としゆき） チームラボは2001年に東京で活動をはじめたウルトラテクノロジスト集団。プログラマー、ネットワークエンジニア、デザイナー、ロボットエンジニア、建築家、CGアニメーター、数学者など、様々なスペシャリストからチームが構成され、テクノロジー、アート、デザインの境界線をあいまいにしながら、ウェブか らインスタレーション、ビデオアート、ロボットなど、メディアを超えて活動。 海外からの反響は日本以上にすごくよかった。ヴェネツィア・ビエンナーレの前に、4月9日から5月8日まで、カイカイキキ ギャラリー台北でチームラボの個展『生きる』を開催し、その後6月にはスイスのバーゼルで行われたアートフェア、『V
最近の”inside out” 市街地の高低を、アルプスをに見立てて尾根沿いに山歩き。(2020-08-30)ソフトの力で、すべての人に「音を楽しむ可能性」を作り出せ！(2020-02-18)女性芸能人の法則「”8″が付いてるスリーサイズはかなりウソ!?」…を誰でも読むことができるようにしました。(2020-01-25)『ステレオ撮影で切り取った「立体・質感情報」を、ブラウザやThe Looking Glassで リアルに豊かに表示する！』を誰でも読めるようにしました。(2020-01-24)Wat Paknam Bhasicharoen（ワット・パクナム・パーシーチャルン）で撮影した3Dスマホ映像とか(2020-01-23)「エクセルの計算順序」から「コンピュータの歴史」を感じよう！(2020-01-22)右肩下がり時代の秘株式投資術! ~東証株解析で資産約6万倍!?~(2020-01-
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く