[このドキュメントは暫定版であり、変更されることがあります。] HTML5 では、グラフィックスを実装するためのコア技術として、スケーラブル ベクター グラフィックス (SVG)、キャンバス要素、カスケード スタイル シート (CSS) の 3 つが提供されています。こ... 続きを読む
Scalable Vector Graphics -- or SVG -- is the new XML-based graphics standard from the W3C that will enable Web documents to be smaller, faster and more interactive. This insightful book takes you through the ins and outs of SVG, from the basi... 続きを読む
この文書ではsvgをhtml埋め込みデータとして扱う際の覚書として作成した.svgの要素と属性は実際の例を踏まえて説明したつもり. 注意事項 仕様はここを参照のこと. 本文書では実際の挙動を調べつつ自分なりの解釈が入っているため,多々間違いが入ってしまう... 続きを読む
HTMLで参照しているCSSでSVGを参照する……まではマイナーとはいえ使っている人はいると思う。これでまぁスケーラブルな画像という条件は満たせるのだけど、せっかくSVGではCSSを参照できるのだから、そのCSSでSVGのスタイルも指定できたら色々便利でリソースの... 続きを読む
As much as I like .net magazine, I was recently outraged by their “Texturizing Web Type” article. It features a way to apply a texture to text with -webkit-mask-image, presenting it as an experimental CSS property and misleading readers. Th... 続きを読む
単純なものならあまり変わらないような気がしたので実際に比較してみます。 比較するグラデーションはCSSグラデーションで書くと linear-gradient(top, rgba(255, 0, 0, 0.5) 0, rgba(0, 0, 255, 0.5) 100%) という縦方向に半透明の赤から半透明の青に変化する... 続きを読む
David Storey さん達が Twitter でやってるやつを眺めてた。 最初これだったやつが、 http://people.opera.com/dstorey/images/operalogo.svgz (6135B) ここまで下がった。(ソースを見たら違いがわかる) http://people.opera.com/dstorey/images/operalogo6.svg... 続きを読む
An SVG Primer for Today's Browsers (© 2006 - 2009 by David Dailey and the World Wide Web Consortium: W3C) Preface This is neither an introductory text book, nor a reference manual. Instead, it is aimed so that any of these people: an upper di... 続きを読む
javascriptno title有害っぽいサイトにアクセスすると、のようにぼかしをかけて見えなくする。未成年の僕は是非入れるといいですね。インストールするとWebサイトを見るたび「調べる」ウェブサイトのカテゴリ登録を確認|ネットスター株式会社にアクセスするの... 続きを読む
2010年7月12日 月曜日 先日行われた Sugamo.css で発表した内容を少し手直しして、SVG の成り立ちと現在について、The Secret Origin of SVG などを参考にしながらまとめてみました。 Web ができてまもない頃、HTML の拡張や類似形式が流行しましたが、その中で... 続きを読む
太田昌吾 HTML5の盛り上がりとともに再び注目を集めるSVG。古い情報と新しい情報が混在して有益な情報が埋もれがちな状況を打破すべく,厳選した情報をお届けします。 続きを読む
91 Icons These are icons I drew for my personal needs. They are all in vector and drawn on this page with Raphaël (don’t forget to zoom the page). I was thinking that they could be useful for other people and, although the design quality of ... 続きを読む
Loading… Flash Player 9 (or above) is needed to view presentations. We have detected that you do not have it on your computer. To install it, go here. FirefoxとMozillaでのSVGの取り組み - Presentation Transcript FirefoxとMozillaでのSVGの取り... 続きを読む
Firefox 3.5 で SVG 効果を HTML コンテントに適用するために、SVG を CSS スタイルのコンポーネントとして扱うための機能が導入されました。 SVG は同じドキュメントの中、あるいは外部スタイルシートの中のどちらの方法でも指定することが出来ます。 埋め込... 続きを読む
+ xpi/chrome/content/grayscale.svg m xpi/chrome/content/quickPostForm.css m xpi/chrome/content/quickPostForm.js * grayscale to svg CSS + SVG だけでgrayscaleする 続きを読む
Today’s demo comes to us from Samuel Goldszmidt. He’s a web developer specializing in audio applications at Institut de Recherche et Coordination Acoustique/Musique (IRCAM). IRCAM is a European institute covering science, sound and avant ga... 続きを読む
Vector Graphics JavaScript™ LibraryWhat is it? Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. In case you want to create your own specific chart or image crop-n-rotate widget, you can si... 続きを読む