Cocoa (![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
momijizukamori) wrote in ![[site community profile]](https://www.dreamwidth.org/img/comm_staff.png)
dreamscapes2012-09-04 06:30 pm
momijizukamori) wrote in dreamscapes2012-09-04 06:30 pm
Entry tags:
Layout Resources
Given that we now have a bunch of themes that use images as a central focus element (notably Bannering, Heads Up, Abstractia, and Colorside), and more on the way (Motion and Paper Me, which I'm hoping to have committed by the next push), I thought it would be good to round up a nice big collection of image and other layout resources for people to use!
Google Webfonts
Font Squirrel
Notes: Google WebFonts are the easiest to use. Add a line like 'set font_sources = "http://fonts.googleapis.com/css?family=Josefin+Sans";' (Google will give you the link) to your layer - base style or color theme - and you can use that font! However - some of them seem to have some antialiasing problems on Windows, so make sure to test. Font Squirrel fonts can be downloaded and used to make any graphics you want, and fonts on this page can be embedded. The packages offer a lot more options for file types, which means they'll work on pretty much any platform, but they have to be hosted locally and embedded in CSS the hard way. We can host them on DW for patched layouts, but for playing around, you'll have to find a host. Also, it's worth checking to see if the fonts have extended glyphs for accented characters and the like - otherwise even a pretty font can end up looking not-so-pretty.
As Dreamwidth is both a commercial enterprise and an open source project, licensing gets... tricky. For all of the stuff below, I've put down how it's licensed for use. Things labeled 'Attribution' just require a link back to the original author (this can be done with set layout_resources). A few things can't go in our redistributable repository, and if you use any of that stuff, a note needs to be made of it so the patcher knows where it goes. Stuff labeled 'Mixed' has more than one license for different items in the collection, which gets messy. Some have easy sorting, like Flickr, and a lot of them have items under Creative Commons licenses, which makes interpreting them easier. For Creative Commons, we can use CC-BY (which means attribution is required) and CC-BY-SA (Attribution is required, and the derivative work must be made available under the same license, which our code is). Anything with the -NC (non-commercial only) clause is out for official Dreamwidth use, and things with the -ND (no derivatives) clause are iffy as layouts may count as derivatives. For non-CC licenses, there's two main things to look for. One is that the resources can be used in commercial projects, and the other is if the resources can be redistributed. If they can't be redistributed, they can be used, but need to be in dw-nonfree.
Snap2Objects (Attribution)
Pehaa (Attribution)
Flickr (Mixed)
Vecteezy (Mixed)
Wikimedia Commons (Mixed)
Open Clipart (Public Domain)
qvectors (Mixed)
Vector Open Stock (Mixed)
FreeVectors.net (Mixed)
PatternCooler (Attribution)
Citrus Moon (must go in dw-nonfree, though I e-mailed the author about an exception)
Din Patterns (Attribution)
Squidfingers (Attribution)
Pattern8 (must go in dw-nonfree)
Dromoscopio (Attribution)
BgRepeat (Attribution)
Subtle Patterns (Attribution)
ColourLovers (mixed)
Transparent Textures (Attribution)
IcoMoon (Attribution)
FontAwesome (Attribution)
Entypo (Attribution)
The Noun Project (Mixed)
DryIcons (Mixed)
Iconic (Attribution)
Notes: A lot of these are available as icon-fonts, which means they have to be embedded as webfonts. I don't have much experience with them, so you'll have to have a look at the docs for help.
Anyone have any more? Feel free to list them in the comments!
Fonts
Google Webfonts
Font Squirrel
Notes: Google WebFonts are the easiest to use. Add a line like 'set font_sources = "http://fonts.googleapis.com/css?family=Josefin+Sans";' (Google will give you the link) to your layer - base style or color theme - and you can use that font! However - some of them seem to have some antialiasing problems on Windows, so make sure to test. Font Squirrel fonts can be downloaded and used to make any graphics you want, and fonts on this page can be embedded. The packages offer a lot more options for file types, which means they'll work on pretty much any platform, but they have to be hosted locally and embedded in CSS the hard way. We can host them on DW for patched layouts, but for playing around, you'll have to find a host. Also, it's worth checking to see if the fonts have extended glyphs for accented characters and the like - otherwise even a pretty font can end up looking not-so-pretty.
Licensing
As Dreamwidth is both a commercial enterprise and an open source project, licensing gets... tricky. For all of the stuff below, I've put down how it's licensed for use. Things labeled 'Attribution' just require a link back to the original author (this can be done with set layout_resources). A few things can't go in our redistributable repository, and if you use any of that stuff, a note needs to be made of it so the patcher knows where it goes. Stuff labeled 'Mixed' has more than one license for different items in the collection, which gets messy. Some have easy sorting, like Flickr, and a lot of them have items under Creative Commons licenses, which makes interpreting them easier. For Creative Commons, we can use CC-BY (which means attribution is required) and CC-BY-SA (Attribution is required, and the derivative work must be made available under the same license, which our code is). Anything with the -NC (non-commercial only) clause is out for official Dreamwidth use, and things with the -ND (no derivatives) clause are iffy as layouts may count as derivatives. For non-CC licenses, there's two main things to look for. One is that the resources can be used in commercial projects, and the other is if the resources can be redistributed. If they can't be redistributed, they can be used, but need to be in dw-nonfree.
Image and Vectors
Snap2Objects (Attribution)
Pehaa (Attribution)
Flickr (Mixed)
Vecteezy (Mixed)
Wikimedia Commons (Mixed)
Open Clipart (Public Domain)
qvectors (Mixed)
Vector Open Stock (Mixed)
FreeVectors.net (Mixed)
Background Patterns
PatternCooler (Attribution)
Citrus Moon (must go in dw-nonfree, though I e-mailed the author about an exception)
Din Patterns (Attribution)
Squidfingers (Attribution)
Pattern8 (must go in dw-nonfree)
Dromoscopio (Attribution)
BgRepeat (Attribution)
Subtle Patterns (Attribution)
ColourLovers (mixed)
Transparent Textures (Attribution)
Icons
IcoMoon (Attribution)
FontAwesome (Attribution)
Entypo (Attribution)
The Noun Project (Mixed)
DryIcons (Mixed)
Iconic (Attribution)
Notes: A lot of these are available as icon-fonts, which means they have to be embedded as webfonts. I don't have much experience with them, so you'll have to have a look at the docs for help.
Anyone have any more? Feel free to list them in the comments!