Difference between revisions of "Graphics"
Jump to navigation
Jump to search
| Line 23: | Line 23: | ||
== Hosting services == | == Hosting services == | ||
* [http://blog.theopenphotoproject.org/post/27569670276/all-your-flickr-photos-in-dropbox-with-style All your Flickr photos in Dropbox, with style] | * [http://blog.theopenphotoproject.org/post/27569670276/all-your-flickr-photos-in-dropbox-with-style All your Flickr photos in Dropbox, with style] | ||
| + | |||
| + | == Style == | ||
| + | === Colour === | ||
| + | * http://www.w3.org/TR/css3-color/#svg-color | ||
| + | * http://blog.asmartbear.com/color-wheels.html | ||
| + | |||
| + | rgba(0, 0, 0, 0.2) | ||
| + | |||
| + | === Graphics === | ||
| + | * http://tinypng.org/ | ||
| + | |||
| + | * http://wiki.evilmadscience.com/Producing_a_stippled_image_with_Gimp | ||
| + | |||
| + | * 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 | ||
| + | |||
| + | * http://dcurt.is/pixel-fitting | ||
| + | |||
| + | === Canvas === | ||
| + | * http://asserttrue.blogspot.ca/2012/01/procedural-textures-in-html5-canvas.html | ||
| + | |||
| + | === GUI === | ||
| + | * [[WYSIWYG]] | ||
| + | |||
| + | === 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/ | ||
| + | |||
| + | === SVG === | ||
| + | * [http://openclipart.org/collections Open Clip Art Library 2.0] (at 417M) | ||
| + | |||
| + | === 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 | ||
| + | |||
| + | * http://stackoverflow.com/questions/8903074/technique-for-adding-flourishes-to-div-corners-and-borders-css3-multiple-backgr | ||
Revision as of 10:47, 20 July 2012
Apps
Open and free
Graphic design
- https://99designs.co.uk
- http://www.pixelsink.com/ - Colin Gray, Dundee
QR Codes
Hosting services
Style
Colour
rgba(0, 0, 0, 0.2)
Graphics
- 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
Canvas
GUI
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
SVG
- Open Clip Art Library 2.0 (at 417M)
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