博報堂 生活者発想技術研究所、三井物産戦略研究所、エームサービス、ドットミー4社合同「インナーケアに関する意識調査」実施
博報堂 生活者発想技術研究所、三井物産戦略研究所、エームサービス、ドットミー4社合同「インナーケアに関する意識調査」実施
iOSはFlashに対応していないため、これまでウェブデザインには限界がありましたが、そんなウェブデザインの幅を広げるであろう、動くHTML5広告を制作できるツール「Google Web Designer」ベータ版がGoogleから公開されました。非常に直感的に使えるツールとなっており、アニメーションやイメージギャラリーも簡単に作れるということなので、実際にアニメーションなどを作ってみました。 Google Web Designer http://www.google.com/webdesigner/ 実際に作成したアニメーションは以下のような感じです(動いていない場合はブラウザを更新して再読み込みすれば再度動きます)。 まずは「Download Web Designer Beta」をクリック。 利用規約が表示されるので、「Agree and Download」をクリックしてダウンロードを
当サイトのようにサイドバーに広告を掲載している人には朗報のテクニックを紹介します。 下記のようなサイドバーをもったレイアウトをスマートフォンなどの小さいサイズで表示する際、サイドバーのレイアウトをどのようにしますか? 通常(デスクトップ)時のレイアウト サイドバーを全部、下に移動しますか? [ad#ad-2] サイドバーを全部下にしてしまうと残念な感じになるので、サイドバーの各広告をコンテンツの間に配置するテクニックを紹介します。 Content Folding スマートフォンなどのレイアウト [ad#ad-2] デモ 実装 デモ このCSSのテクニックはCSS3 Regionsを使用しているため、Chrome16+, Safari5.2でご覧ください。 IE10もおそらく対応しています。 デモページ:幅800pxで表示 実装 HTML HTML5を使っての実装です。 ポイントとなるのは、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く