Rplus/o~

Created November 4, 2014 02:16

Star () You must be signed in to star a gist
Fork () You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/Rplus/bc781ed93df7934ef70f.js"></script>
Save Rplus/bc781ed93df7934ef70f to your computer and use it in GitHub Desktop.

Download ZIP

SVG posts.

Raw

o~

~o

Author

Rplus commented Nov 4, 2014

http://css-tricks.com/svg-fragment-identifiers-work/
How SVG Fragment Identifiers Work

羅列一些 SVG icon 定位方式

<view id="" viewBox="">
:target

Author

Rplus commented Nov 4, 2014

http://svgpocketguide.com/book/
SVG 導讀

Author

Rplus commented Nov 4, 2014

http://css-tricks.com/svg-symbol-good-choice-icons/
SVG symbol a Good Choice for Icons

介紹以 <symbol> 來處理 icon sprite 的用法
( 舊法是用 <use>

可搭配自動化工具 gulp-svgstore 合併複數 SVG
https://github.com/w0rm/gulp-svgstore

Author

Rplus commented Nov 4, 2014

http://www.sitepoint.com/create-an-icon-font-illustrator-icomoon/
Create an Icon Font Using Illustrator & IcoMoon

用 Illustrator 繪制 SVG 要留意的事項
並使用 iconMoon 線上製成 webFont

Author

Rplus commented Nov 4, 2014

https://github.com/google/material-design-icons/releases/tag/1.0.0
google 出的 material-design-icons ( SVG, PNG

Licence: by-sa/4.0/

Author

Rplus commented Nov 4, 2014

https://docs.google.com/presentation/d/1CNQLbqC0krocy_fZrM5fZ-YmQ2JgEADRh3qR6RbOOGk/pub?start=true&loop=false&delayms=5000&slide=id.p
一個拉哩拉喳的 SVG 介紹簡報

Author

Rplus commented Nov 4, 2014

http://slides.com/sarasoueidan/styling-animating-svgs-with-css--2#/
Styling & Animating SVGs with CSS

Codrops SVG 常見作者 Sara Soueidan
來介紹用 CSS 控制 SVG

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment