前回はSVGの概要を解説したので、 今回はSVGの具体的な書き方をざっくりと見ていきます。 と、 その前に前回のおさらいとして、 SVGをウェブページで用いる方法を2つにまとめます。 SVGをXMLとして記述し、 svgファイル （もしくはdataスキームなど） をobject ...

ここまではツールで作成したSVGファイルをコピー＆ペーストして埋め込む方法を解説しました。一方、SVGはマークアップ言語ですので、もちろん手でコードを書くこともできます。基本的な図形の書き方を見てみましょう。 もっとも単純な図形は円です。

SVGは比較的古くからある仕様の1つですが、 2010年3月にマイクロソフトがInternet Explorer 9でのサポートを表明してから一気に注目が高まりました。そんな古くて新しいSVGを今から使える情報と、 将来の展望を全4回の集中連載で解説します。 SVGとは SVG （Scalable ...

こんにちは、さんぴのです！ 最近ちょこちょこnoteを書いてるんですが、記事のヘッダー画像を作る作業がけっこう地味に面倒なんですよね…。 やってる手順はこんな感じです！ 用意してあるSVGファイルをテキストエディタで開く タイトルを入力して保存 ...

SVG is short for Scalable Vector Graphics, a resolution-independent file format for images. This file format is frequently used for line art like logos and diagrams ...

こんにちは、WEBデザイナーのポチです。 今回は、WordPressテーマ「SWELL」のスマホ開閉メニューにあるアイコンを好きなSVGファイルに変更する方法をご紹介します。 デフォルトのアイコンのままでも十分シンプルでオシャレなのですが… 最近はSWELLが人気 ...