SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Member
    Join Date
    Feb 2011
    Posts
    22
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS Grid safe to use?

    Back Story:
    Hi. I am in the design process of my upcoming personal website. I want to use a lot of modern CSS techniques to add polish, but at the same time I require it to be accessible.
    Now, I know how Transitions gracefully degrade, but Just yesterday I stumbled across the CSS Layout Grid (slated for full support w/ modern browsers once IE10 comes out).
    The problem is, the w3c draft doesn't clarify anything about how it degrades: http://dev.w3.org/csswg/css3-grid-align/

    The Actual Question:

    Does anyone have any working experience with the CSS grid?
    How exactly does this degrade?
    Is it backwards compatible?

    Thanks.

  2. #2
    SitePoint Wizard bronze trophy
    Join Date
    Jul 2006
    Location
    Augusta, Georgia, United States
    Posts
    4,139
    Mentioned
    16 Post(s)
    Tagged
    3 Thread(s)
    There little to no-support for grids. I believe IE10 is planned to support it but that is about it from what I recall. That is something I recommend staying away from in the CSS3 specification. Where did you read that most other browsers support it – link?
    The only code I hate more than my own is everyone else's.

  3. #3
    SitePoint Member
    Join Date
    Feb 2011
    Posts
    22
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by oddz View Post
    Where did you read that most other browsers support it – link?
    I guess that was just a flawed presumption, being that the other browsers are usually quick to adopt the latest standards.

    It' a shame really, because I would really like to use some sort of Grid based layout. Having just recently learnt about some key design principles (including the grid).
    Given poor browser support for CSS3 grid, what is the current method that designers are employing to achieve this?
    thx

  4. #4
    SitePoint Member
    Join Date
    Jan 2012
    Location
    UK
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Xdga View Post
    Given poor browser support for CSS3 grid, what is the current method that designers are employing to achieve this?
    thx
    There are a few CSS Grid frameworks out there which seem to provide good enough alternatives. The idea is to use CSS classes for rows, columns and sizes. Some of those CSS Grids put restrictions and provide you with predefined widths/number of columns only. Others give you more room for creativity and offer tools to create your own grid. Good example of the latter would be my UGrid - http://webnicer.com/ugrid/creator.html In the download bundle you get a handful of HTML templates with FAQ plus a Photoshop script which generates new document with guidelines and overlays for different column combinations.

    I hope it makes sense.

    Cheers,
    Jacek

  5. #5
    SitePoint Member
    Join Date
    Feb 2011
    Posts
    22
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Oh wow! That UGrid looks really nice. Thanks for sharing

  6. #6
    SitePoint Member
    Join Date
    Jan 2012
    Location
    UK
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm glad you like it. Happy to help if you have any questions.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •