svg

css

SVGを使わずにcssで区切り線を作ってみる

CSSでセクションを区切ってみる 1カラム型のページが増えて、増えてというか主流になってきて、各セクションをSVGで区切るサイトをしょっちゅう見かけるようになり...
HTML

SVGアイコンのアクセシビリティ

最近以前作ったサイトの見直しをしていて、svgアイコンのアクセシビリティはこれで大丈夫なのか?と気になりました。 アクセシビリティとは何?という方に簡単に説明す...
css

svgの図形描写-2 装飾に使うCSS

「SVG 基本の図形描画」で少しふれましたが、縁取り、塗りつぶしなどSVGでは装飾に関する値を設定できます。 メンテナンスや他の要素との兼ね合いを考えると、装飾...
HTML

SVGで基本の図形描写 – 1 

拡大/縮小しても描写が崩れないSVG。アイコンや背景素材としてもすっかりポピュラーになりました。 今回はpathなどを使う複雑なものではなく、丸や長方形のような...