無料でHTML5を使った広告やアニメーションが直感的に作れる「Google Web Designer」ベータ版でアニメーションを作ってみました
iOSはFlashに対応していないため、これまでウェブデザインには限界がありましたが、そんなウェブデザインの幅を広げるであろう、動くHTML5広告を制作できるツール「Google Web Designer」ベータ版がGoogleから公開されました。非常に直感的に使えるツールとなっており、アニメーションやイメージギャラリーも簡単に作れるということなので、実際にアニメーションなどを作ってみました。 Google Web Designer http://www.google.com/webdesigner/ 実際に作成したアニメーションは以下のような感じです（動いていない場合はブラウザを更新して再読み込みすれば再度動きます）。 まずは「Download Web Designer Beta」をクリック。 利用規約が表示されるので、「Agree and Download」をクリックしてダウンロードを
ブラウザやウェブについて知っておきたい20のこと
ワールド ワイド ウェブがティム バーナーズ リー氏により考案されて、20年以上が経ちました。今日、ウェブはシンプルなページだけでなく、動画や画像をふんだんに使ったインタラクティブなコンテンツやアプリケーションで溢れています。先日公開された3 Dreams of Black のような革新的で色彩鮮やかなインタラクティブビデオがブラウザ上で体験できるのも、最新のウェブテクノロジーによるものです。 では、ブラウザやウェブの技術はどういう仕組みになっているのでしょうか。最近よく耳にする「HTML5」や「クラウド」は、具体的に何を意味するのでしょうか。そして、このウェブを安全に、また効率的に利用するには何を知っておくべきなのでしょうか。 そんな疑問に答えるため制作された、ウェブブック「ブラウザやウェブについて知っておきたい20のこと」を、本日より日本語でも提供開始しました。 この楽しくて可愛らしい
W3C Geolocation Standardを利用する:Geekなぺーじ
HTML5の一部として定義されているW3C Geolocation Standard(参考：Geolocation API Specification)をGoogle Maps APIで利用する方法を紹介します。 サンプル 以下のサンプルはGoogle MAPS APIを使ったページのソースです。 navigator.geolocation.getCurrentPositionを利用します。 解説はソース内部に記述しています。 <!DOCTYPE html> <html> <head> <style type="text/css"> html { height: 100% } body { height: 100%; margin: 0px; padding: 0px } #map { height: 100% } </style> <script src="http://maps.goo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
