HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル:phpspot開発日誌
Create a page flip effect with HTML5 canvas | Tutorial | .net magazine HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル。 canvasなんかも活用しつつ次のようにリアルに実現できちゃってます。Chromeなんかでは超なめらかでした。 Flashじゃなくてもできちゃうんですね。 ライブデモ 実装のためのコードがチュートリアル形式で解説されていますが、このテクニックは色々と使えそうですね。 関連エントリ CSS3を使った驚きのデモいろいろ２５種類 画面をスワイプさせてページ送りができるWordPressプラグイン「iPad Swipe」 iPadのブラウザ上で電子書籍風のめくる操作を可能にするJavaScript
Rotating color cube box with CSS3 animation, transforms and gradients
Spinning spiraling cube using CSS3 3D animation and 3D transforms. Note: Hover the black box or cube to pause the animation. Please view in Safari, iPhone or iPad. If the animation freezes while viewing in wide-screen and at the same time hovering the viewport with the mouse, simply refresh the browser to restart the animation. All images used come from WISE - Multimedia Gallery and are used in th
アドビがHTML5/CSS3のレイアウト機能強化を提案
2週間前に行われたAdobe MAXで、HTML5などのWeb標準や電子書籍／電子雑誌などへの注力を表明したアドビシステムズ。同社はさっそく、HTML5やCSS3を拡張した新しいレイアウト機能の強化を提案すべくプロトタイプのデモを公開しました。 技術部門のバイスプレジデントPaul Gubbay氏がブログにポストしたエントリ「Improving the Web for Digital Publishing」では、同社がWebKitを基にして行った拡張機能の紹介をしています。 アドビのプロトタイプ実装による自動レイアウト機能 説明は主に動画で行われていますので、そのキャプチャを見ていただくのがいちばん分かりやすいでしょう。基本的には美しい自動レイアウト機能を実現する機能です。 Androidの画面に表示されたレイアウト例。雑誌でよくある、アイキャッチ文字の周りに本文が流れているレイアウト。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
グリーに学ぶ、スマートフォン開発向けWebアプリ要素の最新技術 ～HTML5、CSS3を採用したポイントとは
