カテゴリ ‘html5’についての一覧


Google API Expertが解説するHTML5逆引きリファレンス

HTML5について125個にも上るコーディング手法を紹介する「Google API Expertが解説する HTML5逆引きリファレンス」をご紹介。

現場でHTML5をフル活用する際に使えるさまざまなテクニックを解説している逆引き本です。

サンプルは、スマートフォンブラウザで動作テストされているので安心して活用する事が出来ます。

続きを読む

HTML5とCSS3のオンラインサンプルが良い感じ

20121129 01

Web上で見て触れる、HTML5とCSS3のオンラインサンプルがすごく良かったのでご紹介。

HTML5 & CSS3 Tools and Tutorials

パラメータを自由に触りながら、実際に動作している様子をリアルタイムにプレビューする事が可能です。

以下に使っている様子を載せてみます。

続きを読む

jQuery Mobileでかっこいいページ遷移をする方法

jQueryモバイルでかっこいいページ遷移の仕方を紹介されていたので情報をシェア。

紹介しているページでは、プレゼンテーションとしての使い方を説明していますが
普通のWebサイトでも十分使える内容になっています。

続きを読む

黄金比をサイトに取り入れるためのCSSグリッドシステム「Golden Grid System」

20110819 01

黄金比をサイトに取り入れるためのCSSグリッドシステムGolden Grid System」をご紹介。

黄金比とは、「1:1.618033988..」からなる比率で、最もバランスが取れていると感じられる比率の事を指します。

続きを読む

スマフォでの動画再生の際に、キューポイント(再生開始位置)を指定できる「Cuepoint.js」が良さそう

20110707 02

スマフォでの動画再生の際に、キューポイント(再生開始位置)を指定できるライブラリが良さそうなのでメモ的にエントリー。もちもんPCもOKですよ。

続きを読む

HTML5でAudioを便利に使うライブラリ「Buzz」

20110706 02

HTML5でAudioを便利に使うライブラリ「Buzz

続きを読む

PDFを読み込んでcanvasに描画するJavaScriptライブラリ「pdf.js」

20110629 01

PDFを読み込んでcanvasに描画するJavaScriptライブラリ「pdf.js

続きを読む

インスピレーションを刺激するhtml5で作られたサイト集25

いいものを作るには、いいものをたくさん見ているべきだ。

25 Amazing HTML5 Portfolio Web Designs For Inspiration」では、HTML5を使ったアイデアが盛りだくさんのサイトが紹介されている。

video、Canvas、ドラッグ&ドロップなどを使用しているサイト集です。

続きを読む

CSS3を使ったフォームチュートリアル10選

CSS3を使ってフォームを作成したい。
そんな時におすすめなのが「Top 10 CSS 3 forms tutorials」。

スライダや日付処理などのHTML5のフォーム要素を取り入れつつ
デザインされたフォームを作る方法が紹介されています。

続きを読む