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

kanonkan20 id:kanonkan20

svgに関するkanonkan20のブックマーク (3)

SVG のフォールバックは結局 Modernizr に落ち着いた件
タイトルでほぼ言い切ってる感じなんですが...... SVG に対応していない環境（IE8 以前とか、旧 Android の標準ブラウザとか）に対するフォールバックの方法はいくつかありますが、色々試して、最終的に img 要素で SVG を配置した上で、Modernizr と簡単な JavaScript （とりあえず jQuery）書いて SVG 未対応ブラウザに対しては代替画像に差し替えるっていう手で落ち着きましたというお話。 SVG を使うにあたって、どの程度古いブラウザまで対応するかっていうのはありますが、今回対象にしている SVG は、ページ内で通常の画像（普通の JPEG とか PNG）と同じように使われるものを想定していますので、いくら古いブラウザはサポート対象外とは言っても、文書内で大切な意味を持つ画像が表示されないのはまずいだろと。あわせて対象となる SVG 内
kanonkan20 2016/04/11
svg

modernizr
リンク
[WordPress] .svg 拡張子画像をアップロードできるようにし、管理画面のアイキャッチ設定欄にサムネイルを表示されるようにする
svg の拡張子画像も jpg 画像などと同様に管理画面からアップロードできるようにし、SVG画像をアイキャッチに設定した際にサムネイルを表示可能にする方法です。 .svg 拡張子画像のアップロードを許可する設定 WordPress 4.0 現在では、svg 拡張子の画像を「メディアを追加」などでアップロードしようとすると以下のような「許可されていません」というエラーがでてアップロードできません。 svg 拡張子の画像のアップロードを許可するには、以下のコードを functions.php へ記入します。 function cc_mime_types($mimes) { $mimes['svg'] = 'image/svg+xml'; return $mimes; } add_filter('upload_mimes', 'cc_mime_types'); これで svg 画像がアップロー
kanonkan20 2016/02/02
svg
リンク
SVGとは？使う前に知っておきたいことまとめ | SONICMOOV LAB
デザイナーの目黒です。気づけばプライベートで使うデバイス全てがRetinaでした。 Retinaは綺麗で見やすくて使いやすいですね。ど近眼＋乱視持ちの私は非常に助かっています。高解像度ディスプレイが当たり前の存在となり、スクリーンサイズの多様化が進むなかで、SVG画像やウェブフォントを活用するサイトがかなり増えたように感じます。「SVGってよく耳にはするけど実際はどうなんだろう？」と思われる方の為に、今一度SVG画像についておさらいしようと思います。目次 SVGとは？ SVG画像の作り方 Photoshopでの書き出し方法 Illustratorでの書き出し方法 SVGの表示方法まとめ SVGとは？ SVG（Scala ble Vector Graphics）とはW3Cにより開発された、XMLという言語で記述されているベクターイメージです。ベクターなので画面の拡大・縮小をしても描
kanonkan20 2016/02/02
svg
リンク
1