『canvasでアニメーションさせてみる』
前回の記事では円を表示させるまで行きましたが、今回はそれを動かしてみようと思います。 まずは前回のおさらいから。 ただ円を描くだけのコードから、後々のことを考えてCircleオブジェクトを使ってオブジェクト指向っぽく書きましょう、というところまで書いたと思います。 以下、そのコードと結果表示 $(function() { /*jQueryなら$("#canvas").get(0)でOK*/ var canvas = document.getElementById("canvas"); if (!canvas || !canvas.getContext) {return false;}; /*コンテキストを取得*/ var ctx = canvas.getContext("2d"); /*2πラジアンを前もって計算しておく*/ var pi360 = Math.PI*2; /*Circleオ
WebFonts として利用できるフリーの和文フォント | ヨモツネット
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
【レポート】HTML5の機能を知るための15のデモンストレーション | エンタープライズ | マイコミジャーナル
Tech Drive-in - Technology, Linux, Ubuntu FTW 主要ブラウザの対応が進んでいることもあり、HTML5の技術を活用したデモンストレーションサイトが増えている。現在主流の技術と互換性が高いことから、すでにHTML5を採用すべきという意見もある。ブラウザの更新頻度は早まる傾向にあり、HTML5/CSS3の対応は日進月歩で進んでいくことになるとみられる。 HTML5やCSS3のデモンストレーションサイトやテクニック紹介ブログはこれまで何度も取り上げてきた。15 HTML5 Demos Showcasing Prowess of HTML5 Over Adobe Flash - Tech Drive-inにおいて、HTML5デモンストレーションサイトがまとめられており参考になる。中にはこれまでマイコミジャーナルで取り上げたサイトも含められている。紹介されて
JavaScript Canvasサンプル (gorogoronyan)
映像などいろいろ 音楽などいろいろ 思いつきでときどき落書き 2009/08/27 JavaScript教材のサンプル・グラフ編 2009/08/18 JavaScript Canvasサンプル いろいろサンプル。 --------------------------------- 2008/12/15 ホームページを作り始めてみる。 2009/08/05－08/22 JavaScript は個人的にあまり知らない言語なんで、ちょいとこちらも眺めてみる。 Canvas やグラフィクスあたりを眺めてみる。対象は Firefox 3.5。こちらまだ黎明の話なので、他のブラウザで動作するかどうか確認しないのであしからず。IE では動きません。Chrome や Safari など他のブラウザでどう見えるか？、同じように実行しているか？の比較テストサンプルぐらいに思ってください。 ◎参考リンク
[html] HTML5のサンプルソースと仕様メモ
HTML5のサンプルソースを作りがてら調べた仕様などを適当にメモっています。 サンプルはこのブログのトップをHTML5化したものです。 この記事を書いてからHTML5で組んだものがいくつかあります。参考にどうぞ。 コーディングコンテストに出したやつ ZeroMailの解説ページ HTML5 のタグが付いている記事 HTML4・XHTML1.0からの主な違い 新しく追加された要素 – section, article, footer, audio, video, progress, nav, meter, time, aside, canvas, datagrid ※firefoxでは新要素がvoidになるので、CSSでdisplay:blockが必要。（MIMEをXHTMLのにすればおｋらしい） ※IEではjavascriptによるフォローが必要。 新しいフォームのコントロールタイプ –
![[html] HTML5のサンプルソースと仕様メモ](https://cdn-ak-scissors.b.st-hatena.com/image/square/600513d118398b09ecdf489a388a0584fedd87b8/height=288;version=1;width=512/http%3A%2F%2Ftenderfeel.xsrv.jp%2Fwtn%2Fwp-content%2Fuploads%2F2009%2F07%2Fhtml5-300x203.jpg)
HugeDomains.com
Captcha security check coolcoding.com is for sale Please prove you're not a robot View Price Processing
HTML5 基礎知識 - web探検隊
HTML5を書くための基礎知識をメモHTML5の雛形XHTML5ではなくてHTML5のマークアップについて html> head> title>HTML5 基礎知識title> meta charset="UTF-8"> head> body> body> html> HTML5の新要素 文章構造に関するものsection汎用的なセクション。文章のアウトラインを構成する。articleセクションの一種で、Webページから独立したコンテンツを表す。asideセクションの一種で、外側のセクションに対する補足情報を表す。navセクションの一種で、外側のセクションに対するナビゲーションメニューを表す。footerセクションのフッター。headerセクションのヘッダー。hgroup複数の見出し(h1-h6)をまとめる。 外部コンテンツの埋込みfigureキャプションを伴うような内容のものを文章中に埋
HTML5 Japanese Interest Group - W3C
HTML5 Japanese Interest Group 訳注：このページは HTML5 Japanese Interest Group の日本語訳です。 HTML5 Japanese Interest Group のゴールは、次の活動を行うことにあります。 HTML5 仕様、および関連する Web Sockets, Web Storage, Web Workers, WebSimpleDB API, DOM Level 3 Events, File API, Geolocation API について、集中的な議論を日本語で行う これらの仕様について、コメントや質問を日本語で受け付ける 仕様で定義される機能について考えられる、日本固有のユースケースを集める グループの活動結果を HTML WG や W3C メンバー、関連コミュニティに報告する グループの活動に関するより詳しい情報は、憲章
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google
HTML5.JP - 次世代HTML標準 HTML5情報サイト