[B! HTML5][css3] ichigaya555のブックマーク

HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル:phpspot開発日誌

Create a page flip effect with HTML5 canvas | Tutorial | .net magazine HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル。 canvasなんかも活用しつつ次のようにリアルに実現できちゃってます。Chromeなんかでは超なめらかでした。 Flashじゃなくてもできちゃうんですね。ライブデモ実装のためのコードがチュートリアル形式で解説されていますが、このテクニックは色々と使えそうですね。関連エントリ CSS3を使った驚きのデモいろいろ２５種類画面をスワイプさせてページ送りができるWordPressプラグイン「iPad Swipe」 iPadのブラウザ上で電子書籍風のめくる操作を可能にするJavaScript

ichigaya555 2011/08/09

リンク

HTML5、CSS3に関する情報まとめ。リファレンス情報、辞典サイト、CSSジェネレーター、Validatorなど知識～活用まで｜https://wp.yat-net.com/name

2011年 07月 11日 HTML5、CSS3に関する情報まとめ。リファレンス情報、辞典サイト、CSSジェネレーター、Validatorなど知識～活用までカテゴリ： CSS3 HTML HTMLとCSS タグ：CodingCSS3ジェネレーター作成支援ツール現状HTML5とCSS3を利用したサイトの構築は自分の仕事上では出てきそうにないのですが、そうは言っても何も情報を収集しないわけにも行かないのでブックマークは当然しています。しかし、ただ単に貯めてるだけだといざという時活用出来ないので、一度ブログに書き留めておこうと思います。 html5 現状深く調べておらずリファレンスやタグ辞典的なものを収集しています。最近友人のクロ（@CROO1379）が色々情報を収集してサイトを構築しており、リファレンス的な意味ではかなり拾えそうな感じになっています。

ichigaya555 2011/07/11

HTML5
css3

リンク

HTML5とCSS3をページ全体or少しずつ導入するチュートリアル

デモページの全体のキャプチャ下記は各ポイントを意訳したものです。全体をHTML5化しても、面白そうなCSS3のエフェクトを少しずつ適用しても面白そうです。ウェブページにHTML5を導入ウェブページにCSS3を導入ウェブページにHTML5を導入デモページのHTMLの構造は、下記のようになっています。 HTML5：ページのベース各エレメントを配置する前のHTMLのベースは、下記のようになります。 <!DOCTYPE html> <html lang="en"><head> <meta charset="utf-8" /> <title>Ferris Buller on Abduzeedo</title> <link rel="stylesheet" href="style.css"> <!--[if IE]> <script src="http://html5sh

ichigaya555 2011/03/02

リンク

HTML5+CSS3で実装された、さまざまなUIエレメントのコレクション

パラグラフ・リスト・見出しなど [ad#ad-2] UIパーツの使い方下記の3つのステップで、これらのUIを自分のページで利用できます。 IEへの対応 IEにHTML5を理解させるために、2つの重要なファイルを使用します。  CSSのインクルードスタイルシートファイルをインクルードしてください。もし使用するエレメントが限られているのであれば、その箇所のみで大丈夫です。 <link rel="stylesheet" href="reset.css"

ichigaya555 2011/02/26

リンク

スマホサイト：Webアプリモードで意外と書かれていない落とし穴 - Kaleidoscope

ちょっと今回はまめ知識的な内容です。最近、「iPhoneでWebアプリを作成」といった記事をよく見かけます。（jQuery Mobileなどを利用した開発方法は置いといて） HTML5+CSS3+JavaScriptで一から作成する方法について、意外と肝心な注意点が抜けてるように思います。とくに、よくmetaタグを使った「Webアプリモード（フルスクリーンモード）」にする方法が書かれていたりします。 <meta name="apple-mobile-web-app-capable" content="yes" /> これをやると、URLバーとかが無くなって、サイトがネイティブアプリっぽくなってかっこいいんですよね。これで、サイトをアプリっぽく見せられる！ってちょっと興奮しちゃいますよね。ただ、これって意外な落とし穴があるんです(￣▽￣;) 今回は、僕が知ってる大きな２つの注意点を