日記 | ヨモツネット
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 混在でき
JavaScript Advent Calendar 2011/WebGLコース初日、WebGLの基本的な考え方 - by edvakf in hatena
JavaScript Advent Calendar 2011 参加者募集！ - by edvakf in hatena ↑まだまだ参加者募集中です。 WebGL駅伝は、もし25人に満たなかったら、最後の人の次の日から僕が一人で走りたいと思います。ネタと時間的余裕が続く限り… なんてことを言っておきながら、実は僕自身はWebGLも3Dプログラミングも初めて2ヶ月の初心者なので、自分がWebGLを始めるときにどういう解説が欲しかったかということを考えながら入門編を書いてみたいと思います。（WebGL駅伝の他の参加者の方々にはつまらない内容だと思いますが） WebGLプログラムの流れはおおまかに言ってこれだけです。 シェーダーを用意する 頂点座標をシェーダーに投げる フレームごとにパラメータを変えてシェーダープログラムを走らせる シェーダーは頂点（vertex）シェーダーとフラグメント（fra
flashcanvas.net - flashcanvas リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
KineticJS
KineticJS is a fast, robust, HTML5 Canvas Library that is no longer maintained. The last stable version is v5.1.0, and it's pretty darn solid. You can find the github project here. I am also no longer maintaining the CDN which hosted KineticJS files. If your site was using KineticJS hosted on Amazon's S3 CDN services, I'm very sorry for having to pull the plug, but it was getting very costly. For
JSはFashを超えるか？kinetic.jsを触ってみる。
1.canvasタグのエリアに線を引いたり、○とか、画像とかを描く 2.canvas上のマウスの位置座標を取得 3.各種イベント（マウスダウン、マウス移動など）取得 4.凹凸のある描画図形とマウスの衝突判定 5.描画図形のドラッグアンドドロップ 6.flashのようなベクターではなく、ビットマップを扱う
HTML5 iphone4の描画が遅い件について - Mr_MONKの日記
canvasを使ったコンテンツがiphone4だと遅いという報告が あった。確かに旧機種のiphone3GS iphone3Gだとなめらかに 動いているのがiphone4だとカクカクになっている。 もとが横３２０ドットのコンテンツなのだが meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,maximum-scale=1" のように指定してやると、iphone4の解像度640x960の解像度（横２倍）にスケーリングされるのだが、この状態だとなぜか遅くなるみたい。（device-widthはなぜか旧機種と同じ320になっているらしい） で meta属性でスケーリングしないように直値でwidthを640に指定して やり meta name="viewport" content="wi
GitHub - andreasgal/pdf.js: PDF Reader in JavaScript
PDF.JS pdf.js is an HTML5 technology experiment that explores building a faithful and efficient Portable Document Format (PDF) renderer without native code assistance. pdf.js is community-driven and supported by Mozilla Labs. Our goal is to create a general-purpose, web standards-based platform for parsing and rendering PDFs, and eventually release a PDF reader extension powered by pdf.js. Integra
ローディングアイコンを画像の代わりに canvas でアニメーション描画 - Craftworks Tech Blog - Branch
アニメ GIF だと、背景色に合わせて透過画像を作らないといけないので、canvas でアニメーションしてみました。 ソースはこちら http://gist.github.com/380581 loading = new LoadingIcon('rgb') したのちに、 loading.start() すると setInterval() でアニメーションを開始しますので、 loading.element で HTMLCanvasElement オブジェクトが取れますので、appendChild() に渡すなり、jQuery の appendTo() なりに渡せば描画されます。 raw を html として保存すれば動作サンプルが見られます。 Chrome 5, FireFox 3.6, Safari 4.0 で動作を確認しました。 描画領域が小さく、strokeRect() だと綺麗にバ
Adobe Illustrator - Industry-leading vector graphics software
https://main--cc--adobecom.hlx.page/cc-shared/assets/img/product-icons/svg/illustrator-40.svg | Illustrator {{Illustrator}} Gorgeous graphics, designed by you With {{illustrator}} and {{generative-ai}}, anyone can create logos, packaging designs, web graphics, and more. {{plans-starting-at}} PRICE - ABM - Illustrator. {{free-trial}} {{buy-now}}
video + canvas = magic | HTML5 Doctor
You’ve already learned about the <video> and <canvas> elements, but did you know that they were designed to be used together? In fact, the two elements are absolutely wondrous when you combine them! I’m going to show off a few super-simple demos using these two elements, which I hope will prompt cool future projects from you fellow web authors. (All of these demos work in every modern browser exce
An introduction to the Canvas 2D API | HTML5 Doctor
If the alt;video width="300" height="150"> element is the poster boy of HTML5, then <canvas> is definitely Danny Zuko. The <canvas> element is (still) part of the HTML5 specification, but the 2D drawing API has been moved into a separate document (in case you go looking and can’t find it). <canvas> has a wealth of features, like: drawing shapes, filling colours, creating gradients and pat
HTML5 Tech Talk -- Canvas 編
告知通り HTML5 の Tech Talk に参加した。セッションは二つ。 オフライン・ウェブ・アプリケーションを作るための API の説明 HTML5 で絵を描くための Canvas の説明 本エントリーは後者の Canvas セッションのメモ書き。 Canvas VS. SVG ウェブ・ブラウザーで絵を描くといったら、SVG が有名。Canvas は何が違うのか? 相違点を列挙して下さった。 JavaScript を使って描画 描いた図を個別に認識できない (JavaScript で後からいじれない: 位置をずらすとかね) 描画が高速 ピクセル操作が可能 SVG XML 形式のマークアップで図を表現 描いた図を個別に認識できる (JavaScript で後からいじれる) 要素が増えると重くなる ピクセル操作は不可能 結果、Canvas はマンデルグローブ集合のような複雑な図を描くのが
HugeDomains.com
Captcha security check widgetpad.com is for sale Please prove you're not a robot View Price Processing
Canvas - Dive Into HTML5
* Internet Explorer 7 and 8 require the third-party explorercanvas library. Internet Explorer 9 supports <canvas> shapes natively. Every canvas starts out blank. That’s boring! Let’s draw something. Click to draw on this canvas The onclick handler called this function: function draw_b() { var b_canvas = document.getElementById("b"); var b_context = b_canvas.getContext("2d"); b_context.fillRect(50,
Google Sites: Sign-in
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
<canvas>とアクセシビリティ | Web標準Blog | ミツエーリンクス
先月末のGoogle I/Oで取り上げられてから、HTML5がにわかに盛り上がってきました。 I/Oのキーノートでまず紹介されたのが、スクリプトからビットマップ画像を操作するcanvasでした。これまでGDやFlashが使われていた画像処理をブラウザー内で完結できるため、多くの開発者から期待されているようです。 しかし、一方でアクセシビリティの専門家は懸念を抱いているようです。The Paciello GroupのSteve Faulknerが先日公開した、canvasとアクセシビリティに関する記事が面白かったので、今回はこれを取り上げてみようと思います。 The Paciello Group Blog » Thinking About HTML 5 canvas Accessibility The Paciello Group Blog » Notes on accessibility
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Three.js – JavaScript 3D Library
camanjs.com
Welcome!
Sketchpad