[B! svg] Rockridgeのブックマーク

1430507 - Context menu Open Link In New Window does not work on svg element

Rockridge 2018/02/25

Fx59：SVG要素内にリンクが設定されている場合、コンテキストメニューからリンクを開けない問題を修正。

svg

リンク

265894 - Support SVG CSS selector matching rules for <svg:use>

Rockridge 2017/11/11

Fx56：<svg:use>のカスケーディングルールに正しく従ってCSSが適用されるようになった。参照：https://developer.mozilla.org/en-US/docs/Web/SVG/Element/use#Notes

svg

リンク

1208550 - Ship support for the 'transform-box' property

Rockridge 2017/04/29

Fx55：SVG要素のtransform-boxプロパティがデフォルト有効化された。

svg

リンク

778654 - Implement 'tabIndex' attribute for SVG elements

Rockridge 2016/09/10

Fx51：svg要素のtabIndex属性をサポート。

svg

リンク

935888 - Animated svg background doesn't update (particularly on first load / shift+reload)

Rockridge 2016/08/11

Fx50：SVGが背景に指定された場合にアニメーションが行われない問題を修正。

ImageLib
svg

リンク

1209405 - High CPU load on Kickstarter, even without JS, CSS and images

Rockridge 2016/07/24

Fx49：display:noneが設定された要素でSVGアニメーションの処理が行われ、CPUリソースを消費する問題が解消された。Kickstarter閲覧時のパフォーマンスなどに影響するという。

リンク

1158500 - Make writing-mode a mapped CSS property

Rockridge 2016/07/02

Fx48：SVGのwriting-modeプロパティをサポート。

svg

リンク

3D Web Fest

Adobe InDesign Adobe InDesign is, arguably, the greatest software product of all time. It is the dominant software application on this earth for creating print content. If you look at a rack of magazines (assuming you can still find such a thing) you can bet that... Today, Adobe announced that you can design and order print products directly from Express. You can now order business cards, flyers,

Rockridge 2015/12/28

SVGの「歴史」を語った記事。Internet Explorerが長らくサポートせず、Flash／Siverlightが普及したこともあってなかなか日の目を見なかったが、Firefoxに続いてSafariとChromeがサポートするようになり、広まっていった。

svg

リンク

366324 - SVG site icons (favicons, shortcut icons) support

Rockridge 2015/10/26

Fx41： SVG形式のサイトアイコン（ファビコンおよびショートカットアイコン）をサポート。参照：https://www.fxsitecompat.com/ja/docs/2015/svg-favicon-is-supported-be-careful-with-the-order-of-link-s/

ImageLib
svg

リンク

SVG CSS sprite preview | svg-sprite

This preview features the generated SVG file as a conventional CSS sprite. The shapes are displayed as background images of several <i> elements.

Rockridge 2015/07/12

クレジットカードの種類（VISA、MasterCardなど）を示すSVGアイコンを一覧表示したもの。カラーとモノクロに分かれている。参照：https://muffinresearch.co.uk/svg-credit-card-icons/

svg

リンク

1174552 - Twitter reliably loads with a black SVG favicon instead of their blue ICO favicon. (They provide both.)

Rockridge 2015/06/21

最近Firefox上でWeb版Twitterのアイコンが黒くなっていたのはこれのせいか。head要素内でSVG形式の黒ファビコンが優先される形になっていたのが撤回された。Pinterestも同様。参照：https://bugzilla.mozilla.org/show_bug.cgi?id=1174568

svg

リンク

923193 - Support the 'transform-origin' property in SVG and implement the 'transform-box' property

Rockridge 2015/06/05

Fx41：transform-originプロパティがSVG要素に適用可能となったほか、transform-boxプロパティもサポートされた。これらの実装に伴い、大量のSVG要素を含むページでスクロールがスムーズになったらしい。

svg

リンク

1138630 - Replace the »update arrow« unicode stuff with a proper image

Rockridge 2015/04/12

Fx38：アップデートを通知する矢印のアイコンを、Unicodeの記号からSVG画像に変更した。

FxUI
svg

リンク

Converting Mozilla's SVG implementation to Moz2D - part 2 | jwatt.org

Rockridge 2014/12/30

Moz2DによるSVGの実装は、段階的に進められた。オーバーヘッドの削減、キャッシュの利用、コードの整理などによってパフォーマンスが向上し、描画速度で競合ブラウザに引けをとらないようになった。

Graphics
svg

リンク

Converting Mozilla's SVG implementation to Moz2D - part 1 | jwatt.org

Rockridge 2014/12/30

Moz2D（旧Azure）プロジェクトは、Thebes APIによるCanvasの実装を置き換えるところから始まったが、次の試金石としてSVGの実装を選んだ。道のりは険しいが、達成すれば他のグラフィックス機能全体を置き換える目途が立つ。

Graphics
svg

リンク

DeNA Engineering - DeNAエンジニアのポータルサイト

技術を活かし、新しい価値を創造する DeNAのエンジニアは、想像を超えるDelightを届けるために何ができるかを考え、技術力と発想力で新しい価値を生み出しています。多様な専門性を持ったエンジニアが切磋琢磨し、互いに刺激し合える環境や制度がさらなる成長へとつなげます。

Rockridge 2014/11/30

「ライブラリを用いずにWebGLで画像変換を行う場合シェーダプログラムの知識が必要なためちょっと敷居が高」い。他方、「SVGはほとんどのHTML5対応ブラウザで実装されており、CSSなど他のHTML5の技術との相性が良い」。

リンク

SVG & colors in OpenType fonts – Mozilla Hacks - the Web developer blog

Prolog Until recently having more than one color in a glyph of a vector font was technically not possible. Getting a polychrome letter required multiplying the content for every color. Like it happened with many other techniques before, it took some time for digital type to overcome the constraints of the old technique. When printing with wood or lead type the limitation to one color per glyph is

Rockridge 2014/10/25

Firefox 26から有効化されているSVG in OpenTypeという機能を使うと、1つのグリフを複数の色で表示したり、フォントにアニメーションを加えたりすることができる。

Graphics
svg

リンク

Landed COLR/CPAL support to render Microsoft's color glyph format

Life with Web Browser Engine (Gecko, WebKit and etc), Mobile and etc. 2014/5/28版のNighlyからMicrosoftが提案しているカラーグリフフォーマットをサポートしたので (問題なければFirefox 32に含まれる)、その技術的な話を書こうかと。 Firefoxにおける文字ラスタライザは複数存在する。 DirectWrite over Moz2D or Cairo (Windows) Windows GDI over Skia/Moz2D or Cairo (Windows) CoreGraphics over Moz2D or Cairo (OSX) FreeType over Cairo/Moz2D or Skia/Moz2D or Cairo (Linux, Android and Gonk/Fire

Rockridge 2014/06/07

Fx32：「Firefoxではダウンロードフォントも同様にSVG in OpenTypeとMicrosoft's Color Glyphをサポートした。しかも全プラットフォームで利用可能になっている」。参照：https://bugzilla.mozilla.org/show_bug.cgi?id=889401

Graphics
svg

リンク

WordPress › Error

This site has been archived. Please visit the Adobe Blog for the latest Adobe articles.

Rockridge 2013/10/13

Fx26：SVG in OpenType（SVG-in-OT）という機能がデフォルトでオンになり、絵文字の表示ができるようになった。このSVG-in-OTはMozillaとAdobeの規格を統合したもの。参照：http://www.w3.org/community/svgopentype/

Graphics
svg

リンク

SVGの次のお話

Life with Web Browser Engine (Gecko, WebKit and etc), Mobile and etc. 来年の1月か2月のオーストラリアのF2Fミーティング以降にたぶんSVG 2.0のワーキングドラフトが更新されるらしいんだけど、今日はそれのお話。語られることないんで書いてみる。 HTML5だCSS3だって話がいろいろ聞かれるけど、SVGもやっと2.0の話がぼちぼち出てきてる。SVG自体は元から日本人とかが絡んでるってのをみんな知らなかったりする。キャノンの藤澤さんが元々仕様策定に絡んでいたりしたんだけど、2.0だとKDDI(もちろん日本のね！)が仕様策定に絡んでたり (次の更新の際にはエディタに入るんじゃないかな?)。 SVG 1.1とかを制定したときと比べて今一番違うところは、HTML5やCSS3を通った後ってところ。現在の状態だと、CSSとSVGで

Rockridge 2013/03/16

SVG 2.0では、アニメーションやフィルタなどCSSと重複する機能を共通化していくそうだ。

svg

リンク

はてなブックマーク

タグ

関連タグで絞り込む (9)

svgに関するRockridgeのブックマーク (28)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第3週）

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス