Difference between revisions of "Graphics"
Jump to navigation
Jump to search
| Line 1: | Line 1: | ||
{{techy}} | {{techy}} | ||
| + | |||
| + | See also [[WYSIWYG]] | ||
| + | |||
| + | == Formats == | ||
| + | * http://dcurt.is/pixel-fitting | ||
| + | |||
| + | === SVG === | ||
| + | * [http://openclipart.org/collections Open Clip Art Library 2.0] (at 417M) | ||
| + | * http://dbushell.com/2012/04/03/svg-use-it-already/ | ||
| + | * http://my.opera.com/ODIN/blog/2009/10/12/how-media-queries-allow-you-to-optimize-svg-icons-for-several-sizes | ||
| + | |||
| + | === Icons === | ||
| + | * http://www.pushing-pixels.org/2011/11/04/about-those-vector-icons.html | ||
| + | |||
| + | * http://www.webdesignerdepot.com/2012/01/how-to-make-your-own-icon-webfont/ | ||
| + | * [http://cleversomeday.wordpress.com/2010/02/09/inkscape-dings/ Make a dingbat font with Inkscape] | ||
| + | * YouTube: [http://www.youtube.com/watch?v=_KX-e6sijGE How to Make a Font with Inkscape 0.47] | ||
| + | |||
| + | * http://pfefferle.github.com/openwebicons/ | ||
| + | * http://fortawesome.github.com/Font-Awesome/ | ||
== Software == | == Software == | ||
| Line 18: | Line 38: | ||
** [http://inkscape.org/doc/keys046.html Inkscape keyboard and mouse reference] | ** [http://inkscape.org/doc/keys046.html Inkscape keyboard and mouse reference] | ||
** http://en.flossmanuals.net/inkscape/ | ** http://en.flossmanuals.net/inkscape/ | ||
| + | |||
| + | == Services == | ||
| + | * http://tinypng.org/ | ||
| + | |||
| + | === Hosting === | ||
| + | * [http://blog.theopenphotoproject.org/post/27569670276/all-your-flickr-photos-in-dropbox-with-style All your Flickr photos in Dropbox, with style] | ||
== Resources == | == Resources == | ||
| Line 30: | Line 56: | ||
* http://www.pixelsink.com/ - Colin Gray, Dundee | * http://www.pixelsink.com/ - Colin Gray, Dundee | ||
| − | + | ||
| − | |||
| Line 42: | Line 67: | ||
rgba(0, 0, 0, 0.2) | rgba(0, 0, 0, 0.2) | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
=== Ornamental flourishes === | === Ornamental flourishes === | ||
| Line 71: | Line 77: | ||
* http://stackoverflow.com/questions/8903074/technique-for-adding-flourishes-to-div-corners-and-borders-css3-multiple-backgr | * http://stackoverflow.com/questions/8903074/technique-for-adding-flourishes-to-div-corners-and-borders-css3-multiple-backgr | ||
| + | |||
| + | === Canvas === | ||
| + | * http://asserttrue.blogspot.ca/2012/01/procedural-textures-in-html5-canvas.html | ||
Revision as of 15:28, 20 July 2012
See also WYSIWYG
Formats
SVG
- Open Clip Art Library 2.0 (at 417M)
- http://dbushell.com/2012/04/03/svg-use-it-already/
- http://my.opera.com/ODIN/blog/2009/10/12/how-media-queries-allow-you-to-optimize-svg-icons-for-several-sizes
Icons
- http://www.webdesignerdepot.com/2012/01/how-to-make-your-own-icon-webfont/
- Make a dingbat font with Inkscape
- YouTube: How to Make a Font with Inkscape 0.47
Software
Gimp
Inkscape
Services
Hosting
Resources
Open and free
QR Codes
Graphic designers
- https://99designs.co.uk
- http://www.pixelsink.com/ - Colin Gray, Dundee
Style
Colour
rgba(0, 0, 0, 0.2)
Ornamental flourishes
- http://vector.tutsplus.com/articles/web-roundups/250-free-vintage-graphics-flourish-vector-ornaments/
- http://all-silhouettes.com/flourishornaments/
- http://designshack.net/articles/freebies/weekly-freebies-flourishes-and-ornaments/
- http://moorstation.org/typoasis/ornaments/index.htm
Also; dingbat flourish fonts