後編SVGスプライト生成の自動化
比較的、柔軟性があるSVGスプライトは、アイコンの大きさを自由にコントロールできます。しかしながらCSS指定を手動で行うには、少し煩雑。そこでgulpとSassを用いてこれらの作業を自動化します。
前編SVGアイコンの実装手法
SVG非対応のブラウザのシェアが減少し、Web開発にSVGを採用することができるようになってきました。SVGの特性を最大限に活かしたアイコンの実装を解説します。
比較的、柔軟性があるSVGスプライトは、アイコンの大きさを自由にコントロールできます。しかしながらCSS指定を手動で行うには、少し煩雑。そこでgulpとSassを用いてこれらの作業を自動化します。
SVG非対応のブラウザのシェアが減少し、Web開発にSVGを採用することができるようになってきました。SVGの特性を最大限に活かしたアイコンの実装を解説します。