You are viewing a plain text version of this content. The canonical link for it is here.
Posted to general@incubator.apache.org by Christian Grobmeier <gr...@gmail.com> on 2011/10/07 12:11:50 UTC

[DISCUSS] Layout change version 2

Hi,

based on the recent comments I did some more work on the layout.

http://code.grobmeier.de/incubator-draft-v2/
http://code.grobmeier.de/incubator-draft-v2/projects/index.html
http://code.grobmeier.de/incubator-draft-v2/projects/ognl.html
* http://code.grobmeier.de/incubator-draft-v2/podlings.xml


Changes:
- used bootstrap http://twitter.github.com/bootstrap/ (AL licensed)
- removed table layout -> using divs now
- used bootstraps default width (960) which supports better reading
and a nice look tablets
- added podlings.xml discussed in the latest thread to be used for
some javascript magic in near future

I would like to commit this now b/c it would get complicated if I
would need to merge....
I have not included the right handed project list by javascript yet,
but the project index is much better and should do the trick until
something better comes up.

Any objections?

Cheers
Christian

-- 
http://www.grobmeier.de

---------------------------------------------------------------------
To unsubscribe, e-mail: general-unsubscribe@incubator.apache.org
For additional commands, e-mail: general-help@incubator.apache.org


Re: [DISCUSS] Layout change version 2

Posted by Simone Tripodi <si...@apache.org>.
Amazing Christian, amazing, I really like it :)
Thanks for sharing your result, I'm loving it!
All the best,
Simo

http://people.apache.org/~simonetripodi/
http://www.99soft.org/



On Fri, Oct 7, 2011 at 1:15 PM, Christian Grobmeier <gr...@gmail.com> wrote:
> On Fri, Oct 7, 2011 at 12:42 PM, Maurizio Cucchiara
> <mc...@apache.org> wrote:
>> Hi Christian,
>> please, see inline comments.
>>
>> On 7 October 2011 12:11, Christian Grobmeier <gr...@gmail.com> wrote:
>>> Changes:
>>> - used bootstrap http://twitter.github.com/bootstrap/ (AL licensed)
>> +1 looks like a great library
>>
>>> - removed table layout -> using divs now
>> +1 with divs: code is more readable and also manageable
>>
>>> - used bootstraps default width (960) which supports better reading
>>> and a nice look tablets
>> I have to say that on my screen (1600x900) looks like a waste of space.
>> Why don't you opt for a flow layout?
>
> I like the 960 lots more. I even have my browser never at fullscreen :-)
> Its because of readability... i like it more when it is a bit smaller.
>
> Anyway I made you a quick'n'dirty look for fluid:
> http://code.grobmeier.de/incubator-draft-v2/index-fluid.html
>
> Do you like that more?
> Other thoughts?
>
> Cheers
> Christian
>
>
>>
>> Maurizio Cucchiara
>>
>> ---------------------------------------------------------------------
>> To unsubscribe, e-mail: general-unsubscribe@incubator.apache.org
>> For additional commands, e-mail: general-help@incubator.apache.org
>>
>>
>
>
>
> --
> http://www.grobmeier.de
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: general-unsubscribe@incubator.apache.org
> For additional commands, e-mail: general-help@incubator.apache.org
>
>

---------------------------------------------------------------------
To unsubscribe, e-mail: general-unsubscribe@incubator.apache.org
For additional commands, e-mail: general-help@incubator.apache.org


Re: [DISCUSS] Layout change version 2

Posted by Marvin Humphrey <ma...@rectangular.com>.
On Fri, Oct 07, 2011 at 01:15:52PM +0200, Christian Grobmeier wrote:
> Anyway I made you a quick'n'dirty look for fluid:
> http://code.grobmeier.de/incubator-draft-v2/index-fluid.html
 
Well, the previous iteration (<http://code.grobmeier.de/incubator-draft-v2>)
was also "fluid", in the same way that just about every other modern major
site is fluid: there are graphical elements, either visible (the top bars on
<http://cnn.com>, <http://news.yahoo.com>) or invisible (the container
divs on <http://nytimes.com>, <http://yahoo.com>) which grow and shrink so
that the page always looks appropriate no matter the browser window width.

It's just that the boxes which hold *text* did not change width in your
previous variant.

> Do you like that more?
> Other thoughts?

I really like the way the previous iteration was going, and I strongly prefer
it over the fluid-text-box variation.

Aesthetically, super long line lengths make it difficult for the eye to
re-anchor itself on the next line when jumping left -- they are taxing for the
same reason that ragged-left justification is harder on the eye than
ragged-right.  

Practically, fluid text boxes are more demanding to design around in terms of
CSS wizardry, spacial visualization skills and web design experience.  The
centered-rigid layout will be easier for others to maintain and to keep things
looking right in all browsers and at all window widths.

Cheers,

Marvin Humphrey


---------------------------------------------------------------------
To unsubscribe, e-mail: general-unsubscribe@incubator.apache.org
For additional commands, e-mail: general-help@incubator.apache.org


Re: [DISCUSS] Layout change version 2

Posted by Upayavira <uv...@odoko.co.uk>.
beware of design* by committee. the outcome will never be good...

Upayavira

* graphic/aesthetic design, that is

On Friday, October 07, 2011 1:15 PM, "Christian Grobmeier"
<gr...@gmail.com> wrote:
> On Fri, Oct 7, 2011 at 12:42 PM, Maurizio Cucchiara
> <mc...@apache.org> wrote:
> > Hi Christian,
> > please, see inline comments.
> >
> > On 7 October 2011 12:11, Christian Grobmeier <gr...@gmail.com> wrote:
> >> Changes:
> >> - used bootstrap http://twitter.github.com/bootstrap/ (AL licensed)
> > +1 looks like a great library
> >
> >> - removed table layout -> using divs now
> > +1 with divs: code is more readable and also manageable
> >
> >> - used bootstraps default width (960) which supports better reading
> >> and a nice look tablets
> > I have to say that on my screen (1600x900) looks like a waste of space.
> > Why don't you opt for a flow layout?
> 
> I like the 960 lots more. I even have my browser never at fullscreen :-)
> Its because of readability... i like it more when it is a bit smaller.
> 
> Anyway I made you a quick'n'dirty look for fluid:
> http://code.grobmeier.de/incubator-draft-v2/index-fluid.html
> 
> Do you like that more?
> Other thoughts?
> 
> Cheers
> Christian
> 
> 
> >
> > Maurizio Cucchiara
> >
> > ---------------------------------------------------------------------
> > To unsubscribe, e-mail: general-unsubscribe@incubator.apache.org
> > For additional commands, e-mail: general-help@incubator.apache.org
> >
> >
> 
> 
> 
> -- 
> http://www.grobmeier.de
> 
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: general-unsubscribe@incubator.apache.org
> For additional commands, e-mail: general-help@incubator.apache.org
> 
> 

---------------------------------------------------------------------
To unsubscribe, e-mail: general-unsubscribe@incubator.apache.org
For additional commands, e-mail: general-help@incubator.apache.org


Re: [DISCUSS] Layout change version 2

Posted by Christian Grobmeier <gr...@gmail.com>.
On Fri, Oct 7, 2011 at 12:42 PM, Maurizio Cucchiara
<mc...@apache.org> wrote:
> Hi Christian,
> please, see inline comments.
>
> On 7 October 2011 12:11, Christian Grobmeier <gr...@gmail.com> wrote:
>> Changes:
>> - used bootstrap http://twitter.github.com/bootstrap/ (AL licensed)
> +1 looks like a great library
>
>> - removed table layout -> using divs now
> +1 with divs: code is more readable and also manageable
>
>> - used bootstraps default width (960) which supports better reading
>> and a nice look tablets
> I have to say that on my screen (1600x900) looks like a waste of space.
> Why don't you opt for a flow layout?

I like the 960 lots more. I even have my browser never at fullscreen :-)
Its because of readability... i like it more when it is a bit smaller.

Anyway I made you a quick'n'dirty look for fluid:
http://code.grobmeier.de/incubator-draft-v2/index-fluid.html

Do you like that more?
Other thoughts?

Cheers
Christian


>
> Maurizio Cucchiara
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: general-unsubscribe@incubator.apache.org
> For additional commands, e-mail: general-help@incubator.apache.org
>
>



-- 
http://www.grobmeier.de

---------------------------------------------------------------------
To unsubscribe, e-mail: general-unsubscribe@incubator.apache.org
For additional commands, e-mail: general-help@incubator.apache.org


Re: [DISCUSS] Layout change version 2

Posted by Maurizio Cucchiara <mc...@apache.org>.
Furthermore...
have you taken a look at browserstack (http://t.co/JSjVfx41)?
Maybe it could be useful.

Maurizio Cucchiara



On 7 October 2011 12:42, Maurizio Cucchiara <mc...@apache.org> wrote:
> Hi Christian,
> please, see inline comments.
>
> On 7 October 2011 12:11, Christian Grobmeier <gr...@gmail.com> wrote:
>> Changes:
>> - used bootstrap http://twitter.github.com/bootstrap/ (AL licensed)
> +1 looks like a great library
>
>> - removed table layout -> using divs now
> +1 with divs: code is more readable and also manageable
>
>> - used bootstraps default width (960) which supports better reading
>> and a nice look tablets
> I have to say that on my screen (1600x900) looks like a waste of space.
> Why don't you opt for a flow layout?
>
> Maurizio Cucchiara
>

---------------------------------------------------------------------
To unsubscribe, e-mail: general-unsubscribe@incubator.apache.org
For additional commands, e-mail: general-help@incubator.apache.org


Re: [DISCUSS] Layout change version 2

Posted by Maurizio Cucchiara <mc...@apache.org>.
Hi Christian,
please, see inline comments.

On 7 October 2011 12:11, Christian Grobmeier <gr...@gmail.com> wrote:
> Changes:
> - used bootstrap http://twitter.github.com/bootstrap/ (AL licensed)
+1 looks like a great library

> - removed table layout -> using divs now
+1 with divs: code is more readable and also manageable

> - used bootstraps default width (960) which supports better reading
> and a nice look tablets
I have to say that on my screen (1600x900) looks like a waste of space.
Why don't you opt for a flow layout?

Maurizio Cucchiara

---------------------------------------------------------------------
To unsubscribe, e-mail: general-unsubscribe@incubator.apache.org
For additional commands, e-mail: general-help@incubator.apache.org