Graphical Webの拡がり；HTML5とその周辺技術で実現する | gihyo.jp
もちろん、すべてHTML5を中心とする標準技術であるため、JavaScriptを通じてそれぞれを組み合わせて利用できます。 注目されるGraphicalWeb こうした新しいWebのグラフィックス技術の拡大もあり、2012年にはThe Graphical Webというカンファレンスがスイス開催されました。 The Graphical Web2012のWebサイト 実はこのカンファレンス、2002年から10年以上も続いているカンファレンスで、2011年まではSVG Openという名前で開催されていました（ちなみに、2007年には日本で開催されました）。しかし、2012年からカンファレンス内で扱う技術はSVGのみにとどまらず、HTML5 media、CSS3 Animations、2D Canvas、WebGLなどの技術も取り上げることとなり、こうした技術の総称としてカンファレンスのタイト
Assets - jsdo.it - Share JavaScript, HTML5 and CSS
jsdo.it - share JavaScript, HTML5 and CSS - jsdo.itはブラウザでJavaScript,HTML5,CSSを書いて共有するサイト。他のコードをコピーして編集できます。JavaScript,HTML5,CSSに関する質問&回答もありますよ
HTML5のCanvasに欠けているもの：フレームワーク － ＠IT
OSSプロジェクトのホスティングサイト「GitHub.com」では、Flashで実装されていた一部のUIをCanvasに移行したという HTML5のCanvasとFlashの最大の違いは、アニメーションなどを行うために利用できる抽象レベルだ――。こう指摘するのは、Gitベースのコードホスティングサービス「GitHub.com」の共同創業者、Tom Preston-Werner氏だ（ちなみにWerner氏はマイクロソフトに買収された検索ベンチャー「Powerset」の元社員で、買収直後に“サラリー以外に3年間で30万ドル（約2770万円）”というおいしいオファーを断ってまでGitHub.comのフルタイム開発の道を選んだことでも知られている）。 Flashで書かれた一部のUIを全面的にCanvasで書き直した経験からWerner氏は、Canvasにはまだ抽象度の高いフレーワムワークが欠けてい
HTML の内容への SVG 効果の適用 - MDC
SVGチュートリアルIntroducing SVG from scratch概要始めましょう配置基本図形パス塗りつぶしとストロークSVG におけるグラデーションパターンテキスト基本的な座標変換クリッピングとマスクSVG におけるその他のコンテンツフィルター効果SVG フォントSVG の image 要素SVG のツールSVG と CSSGuidesデータ型リンク名前空間の速修講座スクリプト処理SMIL による SVG アニメーション画像としての SVGHTML での SVG 効果SVG フィルターのチュートリアルHTML 内の SVG 入門リファレンス要素<a><animate><animateMotion><animateTransform><circle><clipPath><defs><desc><ellipse><feBlend><feColorMatrix><feComponen
The Planetarium
Mercury is the first planet from the Sun and is also the smallest and densest planet of the Solar System. Mercury has yet to be entirely mapped, making it the least known planet in our system. Venus is the second planet from the Sun and is often called Earth's sister due to its many similarities with the Blue Planet. However, a strong greenhouse effect gives Venus the hottest climate in the Solar
スタートアップ SVG：第4回 SVGを活用する｜gihyo.jp … 技術評論社
第1回はSVGの基礎知識を、第2回と第3回でIE9がサポートする範囲（予定含む）を中心にSVGの書き方を解説しました。最終回となる今回はSVGを実際に活用していく上でのノウハウを解説したいと思います。 HTMLなページへのSVGの埋め込みテクニック 第1回で解説しましたが、SVGは画像フォーマットでもあり、InkScapeなどのグラフィカルなインターフェースを持ったアプリケーションで作成することができます。そのsvgファイルをページに読み込むにはobjectタグを使う方法が一般的です。しかし、この方法ではobjectタグはiframeのように親ページと子ページで独立したDOMを構築するため、SVGを動的に扱いたい場合には適しません。そういった場合、svgファイルをXMLHttpRequestで読み込む方法がオススメです。 まずはシンプルにresponseXMLを使う方法です。この方法はFi
SVGで様々な図やグラフを描くJSライブラリ「d3.js」
D3.js is a small, free JavaScript library for manipulating documents based on data. jQueryライクに、SVGで様々な図やグラフを描けるJavaScriptライブラリ「d3.js」が公開されています。 (英語) サンプルを見ると、かなり複雑な図やグラフも表現可能なようです。
SVG/SIE - Revulo's Laboratory
概要 † Internet Explorer は、標準では SVG ファイルの表示に対応していません。 しかし、SIE という JavaScript ライブラリを用いると、 HTML の文書内に SVG の画像を表示することができるようになります。 これを利用して、SVG ファイルをクリックするだけで直接表示できるようにする、 sie.php というものを作ってみました。 ▲ 動作環境 † 処理の大半は JavaScript によって行われるため、 特にブラウザにプラグインをインストールしたりする必要はありません。 ただし、Web サーバ側で細工をするために、 Apache の mod_rewrite モジュール PHP が使える環境であることが必要です。 ▲ インストール † SIE のページ から、SIE のアーカイブファイルをダウンロードしてきて下さい。 展開すると、次のようなファイ
第1回 SVGの基礎知識 | gihyo.jp
SVGは比較的古くからある仕様の1つですが、2010年3月にマイクロソフトがInternet Explorer 9でのサポートを表明してから一気に注目が高まりました。そんな古くて新しいSVGを今から使える情報と、将来の展望を全4回の集中連載で解説します。 SVGとは SVG（Scalable Vector Graphics）は、XMLベースのベクターグラフィック言語もしくは画像フォーマットです。W3Cによってその仕様が定義されており、画像フォーマットとして用いる場合は拡張子.svgが使用され、MIME形式はimage/svg+xmlが用いられます。 SVGの現状 Firefox、Safari、Google Chrome、Operaなどのブラウザが既にサポートしており、Internet Explorerもそのバージョン9、具体的にはInternet Explorer 9: Platform
SVG Wow!
About This web site provides links to demos shown during the SVG Wow! session at the SVG Open conference. The purpose of the SVG Wow session is to demonstrate features of the SVG format in either pure rendering, interactivity, animation, or integration with other open web technologies e.g HTML and CSS. Some of the demos are also meant to demonstrate advanced, upcoming features. License Unless othe
Raphaël―JavaScript Library
The most popular coding language for the web is javascript; so much so that since the advent of HTML5, it has now been officially accepted as the default standard. Javascript has moved beyond a smaller client-side browser-based language to become integrated not just for front-end design, but also for back-end server-side development. As a result there are has been a huge growth of Javascript libra
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
— Marco Rosella, Interactive Designer.
JavaScriptエンジニア向け！スマートフォンで動くブラウザゲームの作り方
Demos of open web technologies | MDN
SVG-edit