SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Enthusiast MartyBoi's Avatar
    Join Date
    Dec 2011
    Location
    Saginaw MI
    Posts
    53
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Question ! ' typography.css & reset.css ' Advice please !

    I am somewhat new to Web Design, and am in great need of advice about ' typography.css & reset.css ' ....

    I would like to know if, in the case I am using a ' reset.css ', is there also a way to use a typography.css as well?
    Or is it not advised nor a must?

    Also, if it is do-able, any suggestions?

    I was wanting to use both Eric Meyer's and Blueprint. But only use the Blueprint ' typography.css ' in such for cross browser consistency. Am I thinking correct?

    Thank you....

  2. #2
    Community Advisor silver trophybronze trophy
    dresden_phoenix's Avatar
    Join Date
    Jun 2008
    Location
    Madison, WI
    Posts
    2,805
    Mentioned
    34 Post(s)
    Tagged
    2 Thread(s)
    I would like to know if, in the case I am using a ' reset.css ', is there also a way to use a typography.css as well?
    Do note, that if you use the reset right ti should not really affect anything else. A resets function is to set a consistent baseline value, cross browser. The reason for this is that browsers have different default style settings for the same element. conceptual example: Opera might give Ps 1em top margin, Saf might give the same element 1em PADDING, and FF might give 1.2 em margin-top... and so forth. So the best way to eliminate consistency headaches is to have a reset. It is possible that your framework does this already, are you experiencing cross browser differences with your Blueprint?


    As I tend to stay away from frameworks, am not familiar with Blueprint, it would be hard to tell how removing a part of a framework affects the whole ( it'd be kinda like playing Jenga). They could have separated their typography simply as an organization method ( id this sometimes) BUT they could have made the typography a base to the layout structure.

  3. #3
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,210
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by MartyBoi View Post
    I would like to know if, in the case I am using a ' reset.css ', is there also a way to use a typography.css as well?
    Or is it not advised nor a must?
    You can use as many style sheets as you like, but I tend to use only one. I don't see the point in creating more calls to the server than necessary—unless perhaps you have a lot of styles that only apply to certain pages). Rather than use someone else's stylesheet (for typography styles or whatever) I'd suggest you write your own, so that you don't end up having a lof of redundant styles in your style sheet.

  4. #4
    Mazel tov! bronze trophy kohoutek's Avatar
    Join Date
    Aug 2004
    Location
    Hamburg, Germany
    Posts
    4,248
    Mentioned
    30 Post(s)
    Tagged
    0 Thread(s)
    If you create a monstrous site with a billion different CSS rules, then it might make sense to split some portions of the stylesheet's content. In almost all cases, it isn't necessary though.

    I'd not split Eric Meyer's reset either, but place it at the top of your stylesheet. Be cautioned when using Eric Meyer's reset, however. He has added resets for almost all scenarios, like a framework, and many of the rules you find in there are not needed for a single project. And one more thing to be aware of is to make sure to read the comments within his stylesheet as it disables certain default browser styles that you can't just add back in via CSS and breaks some accessibility features.

    Meyer's reset is good but it's overkill 99% of the time, so I'd advise that you create your own reset, resetting only the styles you will be using.
    Maleika E. A. | Rockatee | Twitter | Dribbble




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
  •