momijizukamori: Green icon with white text - 'I do believe in phosphorylation! I do!' with a string of DNA basepairs on the bottom (Default)
Cocoa ([personal profile] momijizukamori) wrote in [site community profile] 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 = "";' (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.

Image and Vectors

Snap2Objects (Attribution)
Pehaa (Attribution)
Flickr (Mixed)
Vecteezy (Mixed)
Wikimedia Commons (Mixed)
Open Clipart (Public Domain)
qvectors (Mixed)
Vector Open Stock (Mixed) (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)


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!
musyc: Silver flute resting diagonally across sheet music (Default)

[personal profile] musyc 2012-09-05 05:12 am (UTC)(link)
I poke through a lot for fonts, and usually find something fun. The licensing can be a crapshoot sometimes, but there is a huge variety there.
ninetydegrees: Drawing: a girl's face, with a yellow and green stripe over one eye (Default)

[personal profile] ninetydegrees 2012-09-05 11:20 am (UTC)(link)
Great post! Thank you!

(Two things: set theme_credits is actually set layout_resources *g*; TheNounProject is mixed but icons are all CC0, CC-BY or Public Domain so they can always be used in commercial projects, remixed and redistributed; that's the point of the project; oh you may want to add CC0 to the list of CC licenses we can use btw)

Oh about G fonts (any font in general): people should also check which characters (glyphs) are styled by the font; a font which only does the English alphabet, no diacritics, etc. may not be a very nice one even if it looks pretty. :)
Edited 2012-09-05 11:24 (UTC)

[personal profile] zaluzianskya 2014-08-24 08:55 am (UTC)(link)
Some other good BG image resources are Subtle Patterns (attribution) and Colourlovers (some content is CC-BY, some is CC-BY-SA, you can see which is which on the sidebar of any pattern page).

[personal profile] zaluzianskya 2015-08-12 11:37 am (UTC)(link)
I just found Transparent Textures, which is CC-BY-SA according to the maintainer's twitter account.