タグ

tutorialとhtml5に関するbuchi39のブックマーク (3)

  • CSS3グラデーション・角丸のジェネレーターをjQuery/CSS3/HTML5で作成するチュートリアル

    jQuery, CSS3, HTML5を使用して、CSS3グラデーション・角丸を生成するCSS3ジェネレーターを作成するチュートリアルを紹介します。 Creating a CSS3 Generator with CSS3, HTML5 and jQuery デモページ ※デモはWebkit系ブラウザ(Chrome, Safari)で動作します。 [ad#ad-2] 上記デモでは、CSS3グラデショーン(上のキャプチャ)、角丸(下のキャプチャ)のCSS3をブラウザで表示確認しながらコードを生成できます。 チュートリアルでは、HTML5のDOCTYPEの解説から、各要素へのスタイルシートの適用まで詳しく解説されています。 時間がない方は、とりあえずページ下のファイル一式をダウンロードすると、上記のデモがそのまま楽しめます。

  • HTML5の要素を元素表風にまとめたチートシートがかっこいい

    HTML5のチートシートはデザインも優れたものが多くリリースされていますが、またかっこいいものがありました。 Periodic Table of the Elements 追記: 上部にURLを入力すると、そのページで使用している要素をハイライトしてくれます。 デザインがいいだけでなく、チートシートとしても便利です。 各要素をクリックすると、W3Cをはじめとする詳細ページのリンクが表示されます。

  • Canvas - HTML5.JP

    このコーナーでは、JavaScriptから図を描くことができるCanvasについて解説します。 Canvasとは Canvasとは何か、そしてCanvasで何ができるのかを事例を踏まえて分かりやすく解説します。 Canvasの使い方 実際に、Canvasをどうやって使いこなすのかを、サンプルを通して解説していきます。 いろいろな図形を描く Canvasでは線を引くだけではなく、さまざまな図形を描くためのメソッドを用意しています。このコーナーではCanvasで利用できる図形描画のいくつかをご紹介します。 色を指定する このコーナーでは、Canvasで描く図形に色を指定する方法を紹介します。またCanvasでは指定した色に透明度を与えることも可能ですので、その方法についても紹介していきます。 線形グラデーションを指定する このコーナーでは、Canvasで描いた図形にグラデーションを指定する方法

  • 1