1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

The "best" layout technique

Discussion in 'HTML & JavaScript' started by jazzc, Jan 8, 2012.

  1. jazzc

    jazzc Moderator Staff Member Moderator Jr. VIP

    Joined:
    Jan 27, 2009
    Messages:
    2,468
    Likes Received:
    10,143
    "Best" is in quotes because it 's just my personal preference. :)

    In the (not so near) future, CSS3 will have many powerful layout frameworks incorporated in the standard. But for now, doing complex layouts with CSS in a robust and consistent way can be tricky.

    I have tested quite a few CSS frameworks and the one I have come to use all the time is Elastic css. I like the intuitiveness and the simplicity of its model, but maybe I 'm just weird :D

    View the screencasts and you 'll see how much fun is to do layouts with it :)
    http://vimeo.com/10177483 (basics - 3 parts)
    http://vimeo.com/10411610 (advanced)

    Fair warning: The documentation sucks :D
     
    • Thanks Thanks x 9
  2. davids355

    davids355 Jr. VIP Jr. VIP Premium Member

    Joined:
    Apr 25, 2011
    Messages:
    8,779
    Likes Received:
    6,308
    Home Page:
    Looks pretty good!
     
    • Thanks Thanks x 1
  3. HFlame7

    HFlame7 Regular Member

    Joined:
    Jun 20, 2011
    Messages:
    277
    Likes Received:
    156
    Man this is going to save so much time as I usually do everything from scratch. Thanks for the share!
     
    • Thanks Thanks x 1
  4. GreyWolf

    GreyWolf Executive VIP Jr. VIP

    Joined:
    Aug 17, 2009
    Messages:
    1,930
    Likes Received:
    5,387
    Gender:
    Male
    Occupation:
    Artist / Craftsman
    Location:
    sitting at my PC
    Another cool tool. :)

    I usually just use a text editor to write both html and css. Sometimes the css can get cumbersome though when it starts getting real involved. I'll probably give this one a try.
    Thanks.
     
    • Thanks Thanks x 1
  5. Kilise

    Kilise Newbie

    Joined:
    Dec 10, 2011
    Messages:
    34
    Likes Received:
    5
    thanks, this will spare alots of time ! :D
     
    • Thanks Thanks x 1
  6. ShadeDream

    ShadeDream Elite Member

    Joined:
    Nov 27, 2008
    Messages:
    2,209
    Likes Received:
    5,230
    Location:
    He who laughs last, laughs longest.
    How does this compare to something like the 960 grid system?

    Code:
    http://960.gs/
     
    • Thanks Thanks x 1
  7. jazzc

    jazzc Moderator Staff Member Moderator Jr. VIP

    Joined:
    Jan 27, 2009
    Messages:
    2,468
    Likes Received:
    10,143
    For one, it 's not a grid system at all! Secondly, its focus is layout and that 's what it 's great at - does not bother with other things like typography (like 960). One big advantage is that you can use it only on a part of a page. So, if you have an existing age and you need to modify it to add some complexity (e.g. you want to present lots of non-uniform data that need different presentation), you just use it on that part - not sure how easy this is with 960 or blueprint.
     
    • Thanks Thanks x 1
  8. eshera

    eshera Registered Member

    Joined:
    Nov 13, 2008
    Messages:
    58
    Likes Received:
    108
    Thank a ton! I am always looking for any good web development time savers, css can be a huge time waster....:D
    -eshera
    (love, love, luv "breathable" liquid layouts....)
     
    • Thanks Thanks x 1
  9. mdiez2

    mdiez2 Registered Member

    Joined:
    May 1, 2011
    Messages:
    71
    Likes Received:
    14
    Thanks, i'll try to learn this :)
     
    • Thanks Thanks x 1