マルチタッチデバイスを持つモバイル端末向けのフレームワーク。いわゆるウェブテンプレートですね。通常のマウスオペレーションを前提としたサイトUIに加え、タッチオペレーションをJSで補完するという趣旨のようです。またモバイル環境ではWebkitベースの閲覧環境が多いため、HTML5やCSS3なども気兼ねなく導入できる点が魅力。iPadの登場でこの手の端末は、モバイルフォンという限定されたカテゴリだけのものではなくなってきました。今後ユーザーのサイト閲覧環境というのは、多様化の方向に大きくシフトしていくような気がします。
PureCSSなイメージギャラリー。スライドやClick to view largeなどのリッチな表現が、JSなしで実装できる方法を紹介してます。PC環境ではなかなか環境が整ってませんが、スマートフォン市場じゃほとんどの端末がWebkitベースのブラウザを搭載しているので、HTML5やCSS3といった次世代のコーディングは、意外とモバイル環境から浸透していくのかもしれません。
HTML5やCSS3に関する便利ツールをまとめた記事。主にジェネレーター関係のウェブアプリが多い印象。チートシート、ボタンメーカー、ブラウザテスト、角丸ジェネレーター、グラデーション生成、Font-Faceジェネレーターなどが紹介されてます。HTML5 + CSS3がいよいよ実用的になりつつある昨今ですが、グラデーションとか結構メンドくさいんですよね、記述が。そんな時にこの手のサイトを利用すると、色々とサクっとできそうです。
HTML5とCSS3でコーディングされたウェブテンプレートのまとめ記事。時期が時期だけに最近この手の記事よく見かけます。iPadが発売されて売れまくってる事と無関係とは思えませんね。脱Flash、親HTML5という流れは、制作者としてとても歓迎すべき事だと思っております。あとジョブズ先生のインタビュー記事、なかなか興味深いです。これ動画で見たいなぁ。
10+ Free HTML5-CSS3 Website Templates (To Start Designing For Tomorrow)
Javascriptに代わって、CSS3で表現できる事の色々をまとめた記事。拡大やロテーションなどの動き、スライダー、アニメーションGif代替え、Lightboxのようなオーバーレイ表現、アコーディオンといった、今までJSを使って制作してた事のいくつかを、CSS3だけで再現しようという試み。自分もそうだけど、JSってデザイナーやコーダー的に敷居高いんですよね。なのでいつもプログラマーの人に任せちゃうんだけど、「CSS3ならなんか書けそう！」とか思っちゃいます。
Creating 10 Most-Used Javascript Techniques Using Pure CSS Styling
CSS3のみで描画されたボタンのジェネレーター。画像はいっさい使わずに、グラデーションや角丸などを表現しているので、生成されたHTMLとCSSのコードを貼り付けるだけで実装できます。とは言ってもCSS3を解釈できるブラウザはシェアの面でIEがアレだしナニなので、モダンブラウザを対象としたサイトに限定はされます。そういう意味じゃモバイル環境ってPCよりもずっとモダンブラウザ率が高いんで、そっち向けとも言えるかも。デモサイトはこちらです。
CSS3でできる事と、すでに実装済みのサイト例を紹介した記事。デモサイトでは、新しく可能になる表現が色々とまとめられてます。記事下部にあるサンプルサイト紹介はなかなかホットです。すでにCSS3は現行の技術なんですね。「使うか使わないかの議論はあるけど、もうブラウザの対応を待ってる時じゃないYO！」みたいな内容で、実際俺も最近じゃ仕事でちょこちょこ使います。もちろん非対応ブラウザでクリティカルな差異が出ないような場所に限ってですが。
このサイト素晴らしい。CSS3を使ったトランジションやトランスフォーム、アニメーションに関しての解説とチュートリアルをまとめたサイト。CSS3の新機能ごとに作例とチュートリアルが用意されているので、とても分かりやすいです。例えば変形に関しては、元がテキストデータであるため、テキスト情報を失わずに変形させられる点がイイですね。左のサムネールのキューブも、ちゃんとテキスト情報を残したままでグリグリできます。あと今までJavascriptを使って表現していたフェードやスライドなどのアニメーションも、CSS3だけで描画できるようになります。
