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

小さくてもくっきり見えてすごい！精巧で美しくデザインされたSVGのフリーアイコン素材 -Zondicons

ユーザーが一目で分かるよう精巧で、幾何学的な美しい図形でデザインされたユーザインターフェース用のSVGのアイコン素材を紹介します。個人でも商用でも無料で、企業サイトなどにも利用できます。

kool_kreate 2017/04/18

svg
icon

リンク

Advent Calendar 3日目:SVG画像を1キロバイトでも削るダイエット術！ - 聴く耳を持たない(片方しか)

これは GraphicalWeb (CSS, SVG, WebGL etc) Advent Calendar 2012 - Adventar への参加の記事です。 3日目の今日は私 id:rikuo がSVG画像ファイルの軽量化テクニックを取り上げてみます。ちょっと長くなってしまったので、ご注意ください。はじめに、SVGとは？まず始めに、SVGとは何か？の簡単な説明です。 SVGとはScala ble Vector Graphics（スケーラブルベクターグラフィックス）の略で、XMLを基盤に書かれた画像記述言語、またはベクター画像ファイルのことです。画像ファイルというと、JPEG、GIF、PNGまたBMPなどはよく知られていますね。それらの画像はピクセル（ドット）ごとに色を表現したもので、総じてラスター（ビットマップ）画像と呼ばれています。対してSVGは座標や図形で扱うため、拡大・縮

kool_kreate 2013/03/30

容量削減方法とかツール

svg

リンク

外部のCSSを参照したSVGは思うように参照できるか - fragmentary

おおおお、なるほどー！ HTML -> CSS -> SVG -> CSS - Weblog - hail2u.net ただやっぱり、CSSの外部参照は厳しそうですね。 SVGから外部スタイルシートを参照するその他の方法 SVGから外部CSSを読み込む方法としては、記事にあるxml-stylesheet PIを使う他に、SVGの<style>要素を使うという手がある。SVGでCSS使う際にも @import が使えるので、そこから参照してやればよい。あ、XMLだから要素の内容はちゃんとCDATAセクションで囲ってね。 <style><![CDATA[ @import url(external.css); ]]></style> <svg:style>を使ったSVGファイルを直接開いたら、PIの例と同じようにChrome (dev), Firefox (beta), Opera (Next)

kool_kreate 2013/03/04

外部読み込みはセキュリティ的にあうと

svg
css

リンク

HTML -> CSS -> SVG -> CSS

HTMLで参照しているCSSでSVGを参照する……まではマイナーとはいえ使っている人はいると思う。これでまぁスケーラブルな画像という条件は満たせるのだけど、せっかくSVGではCSSを参照できるのだから、そのCSSでSVGのスタイルも指定できたら色々便利でリソースの節約にもなるんじゃないかという実験……が失敗に終わった話。タイトルわかりづらい。 Demo: HTML -> CSS -> SVG -> CSS SVGでCSSを使う方法は簡単で、<?xml-stylesheet?>を使うだけ。CSSでスタイルを書きやすくするためid属性を指定しておくと良い。 <?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml-stylesheet type="text/css" href="test.css"?> <svg id="foo"

kool_kreate 2013/03/04

xmlでの宣言でcssから読み込めるはず

css
svg

リンク

1216彩票-官网平台

您不具备使用所提供的凭据查看该目录或页的权限。请尝试以下操作：如果您认为自己应该能够查看该目录或页面，请与网站管理员联系。单击刷新按钮，并使用其他凭据重试。 HTTP 错误 401.1 - 未经授权：访问由于凭据无效被拒绝。 Internet 信息服务 (IIS) 技术信息（为技术支持人员提供）转到 Microsoft 产品支持服务并搜索包括“HTTP ”和“401 ”的标题。打开“IIS 帮助”（可在 IIS 管理器 (inetmgr) 中访问），然后搜索标题为“身份验证”、“访问控制”和“关于自定义错误消息”的主题。

kool_kreate 2013/02/26

svgをpngに変換するようなjs

リンク