Proposal: size-stepping for variably sized elements

My brief search didn't reveal a thing, but this might have got mentioned  
somewhere, but even if so it could be worth re-iterating.
Summary:
Liquid layouts / variable element sizes utilizing min-max width and height  
should be able to be sized in given steps.

Example:
#myelement {
min-width: 50px; max-width: 100px;
width-step: 10px;
}

In cases where the element would otherwise have to be sized 53px, it will  
be sized 60px.
In cases where the element would otherwise have to be sized 67px, it will  
be sized 70px.

What is this good for:
A) For matching repeating patterns at the edges:
   *I will be sure my pattern matches the edge pattern so they blend  
beautifully without seams. Works well with multiple backgrounds.
B) Works good with certain layout designs:
   *I might want to make a compelling yet flexible design, but a 306px wide  
div wouldn't look all that good, but I may want it to size up like 300px,  
325px, 350px
C) Good looking "float stacks" with variable element sizes:
   I can stack thumbnails of images which I can't foresee the sizes of in a  
visually attractive way, so they all form
proper blocks, a simple representation:
+----------+
|[  ****  ]|
|[***][ * ]|
|[ ****** ]|	
+----------+	

If this interests you, I'd like to hear about your thoughts and maybe this  
could be turned into a decent proposal later on.

-- 
Emrah BASKAYA
www.hesido.com

Received on Friday, 16 June 2006 09:22:46 UTC