layoutmakers | Recent Entries

I'm working on a layout (or style, I still try to understand the difference...), and every time I think I'm done I see a part in the journal that hasn't been styled yet. So, my question is: is there some kind of checklist that tells me which page views and functionality I need to test before I can consider a layout/style 'finished'?

ninetydegrees

I'm always looking for good, comprehensive tables of HTML entities because visual symbols like ➠ ❒ or ⃜ are scalable and can be easily colored so you may use them to decorate, emphasize or separate text instead of images. Here are two sites I like:

-- http://graphemica.com which is good for searches like 'heart, 'square', 'bullet' but not so much for browsing.
-- http://www.marathon-studios.com/unicode/ which is good for browsing if you zoom it out but won't let you search for anything.

Edit: stormy mentioned http://www.alanwood.net/unicode/#links which is very good too.

baggyeyes

Found this VIA jensimmons@twitter.com. Responsivepx.com is a way to test your layouts to get an idea what they would look like for a mobile phone user as well as tablet and netbook users.

foxfirefey

A powerful Photoshop-like CSS gradient editor from ColorZilla.

baggyeyes

An excellent web-based app, Patternizer allows you to create patterns, and generates the code to use in your themes, such as this:
( css code ahoy )

Take a look!

baggyeyes

I found this site through Smashing Mag's twitter feed. I think. Anyway, here is the link, and the about page, as you will see says all patterns are "All patterns available here are free to use both commercially and non for the web and screen. "

The artist does request a tip, if you find that you have gotten good use out of the patterns.

Dinpattern.com

ninetydegrees

The Future Of CSS: Experimental CSS Properties

Great article, clear and to the point with lots of examples.

foxfirefey

The Cicada Principle and Why It Matters to Web Designers -- basically, describes a clever way to increase visual interestingness of a background while being very efficient.

ninetydegrees

Via Smashing Magazine: a fantastic collection of vector icons over at the noun project, licensed either under Public Domain or Creative Commons-Attribution. Apart from their obvious use, I think it could be fun to make backgrounds and borders with them. I'm really tempted to do so myself. :)

And because I thought I had linked to it but apparently didn't: the ever awesome Iconic set by the ever awesome SomeRandomDude. These are in image, vector and font formats. License is Creative Commons-Attribution-Share Alike. SomeRandomDude also always links to very interesting projects in his Life+Work Stream/RSS feed.

Finally, those of you who like the colorful, wacky, funky, iconesque wallapers which are so very trendy right now, a little inspiration by designer Hanna Werning, thanks to ColourLovers.

Current Mood: blah

imdollparts

I had a layout on livejournal layout I did myself with the theme 'generator', well as life happens I wasn't around online much, but I am now and I found they'd no longer supported the system I used for my 'generator' theme. I was wondering how I'd go about getting someone to make a custom 'generator' conversion sorta theme. I'd like to use my old theme for my journal I have here. I have seen some layouts that are similar, but limited. Sorry if this posted wrong, but I thought I may find some help or links.

Current Mood: curious

foxfirefey

I just realized that:

A. You can make groups on ColourLovers
B. One didn't exist for Dreamwidth

It's an open group, so feel free to join if you are on Colourlovers!

baggyeyes

This site features snippets of code for all kinds of projects: Snipplr. I haven't taken a deep look myself, but I'm sure there's something useful DW Layout makers can find there.

foxfirefey

This person made a wee CSS3 tip about text drop shadows, which I imagine could be useful for header text.

foxfirefey

Colour Contrast Check -- This tool helps you check to see if the background/foreground colors you are working on would be legible to people with color vision difficulties.

foxfirefey

Smashing Magazine: Designing With Grid-Based Approach

I've only scanned this so far, but it appears to be quite interesting.

timeasmymeasure

Do you have any good recs for free graphic resources?
Large enough graphics that can be legally used for headers and things on official DW styles.

Thanks!

ninetydegrees

I just wanted to mention that I've revised and expanded my guide to Tabula Rasa CSS: http://layoutmakers.dreamwidth.org/4463.html

If you have a look, please tell me if anything's missing or wrong.

foxfirefey

I really need a two column, equal height, one column fluid and one static (or both fluid, or even both static?) strategy for some divs--and I need them to be doable to an entry. Any suggestions on resources for that? Solid background in the smaller static on the left.

ETA: Holy grail of solid 2 column layouts

foxfirefey

Vecteezy

sven

The tiny icon generator will let you replace the default Dreamwidth tiny icons with your custom tiny icons. Click the button to go to the generator!

malionette's tiny icon generator for dreamwidth

( More Info... )

Layout Makers

Recent Entries

Checklist for making a layout?

HTML Entities/Symbols

Responsivepx.com

CSS Gradient Generator

Patternizer

Dinpattern

Article: "Experimental CSS Properties"

The Cicada Principle

NounProject Icon Collection & Iconic set

Livejournal Conversion

Dreamwidth ColourLovers community

Helpful Site

Small blog post re: text shadows

Color contrast test

Grid based design

Header Graphics

Update to Tabula Rasa guide

Searching for a layout grail

Vector art!

Tiny Icon Generator for Dreamwidth!

Profile

Tags

Page Summary

Syndicate

Style Credit

Expand Cut Tags