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

Zondicons

Whether you’re designing a social application, a music player, a content editor or need a detailed map, Zondicons has every icon you will need. Icons that you can trust for the job. Icons play a necessary role on the user interface. They help bring meaning, provide comfort and familiarity, but also create a voice. It’s important that they are non-intrusive enough to not take away from the core exp

takohaka 2017/04/18

リンク

SVGのアニメーション手段とその選び方 - Qiita

SVGアニメーションの手段 HTMLに組み込んだSVGをアニメーションさせる方法は以下の3つ。 CSS JavaScript HTML - SVG element 結論から言うとCSSかJavaScriptのどっちかを使うべき。 CSSでアニメーションできる範囲ならCSS、それ以上したいならJS。ブラウザ対応は考慮してない。 CSS CSSからSVGの各プロパティの値を変更する。さわれる属性は限られているがシンプルに実装しやすい。制御範囲はSVGのプレゼンテーション属性と呼ばれる属性に限られる。(プレゼンテーション属性一覧: https://www.w3.org/TR/SVG/propidx.html) 正直一覧を見てもピンとこないので以下に例を示す。できることの例 SVGの線や塗りのRGBAを変更する線の幅やスタイル(破線とか点線とか)を変えるシェイプが筆跡に沿って徐々に現れる的

takohaka 2016/09/23

リンク

Interchangable Hipster

takohaka 2016/06/29

MorphSVGPluginよい。

リンク

SMIL Is Dead! Long Live SMIL! A Guide To Alternatives To SMIL Features | CSS-Tricks

SMIL is dead! Long live SMIL! A Guide to Alternatives to SMIL Features SMIL, SVG’s native animation specification, has been highly regarded because it offers so many bells and whistles for performant SVG animation rendering. Unfortunately, support for SMIL is waning in WebKit, and has never (nor will likely ever) exist for Microsoft’s IE or Edge browsers. Have no fear! We’ve got you covered. This