SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Enthusiast cluongo's Avatar
    Join Date
    Jun 2011
    Location
    Atlanta
    Posts
    71
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Books on semantics and logic

    I know it's one thing to KNOW a language inside and out, but actually writing it in good semantic form that makes sense is another. Kind of like how knowing English alone doesn't make you a good essay writer, you just know English.

    I don't just want to know CSS, I wan't to know how to compile CSS/HTML documents correctly in a way that makes sense.

    Are they're any good books that teach good semantics/theory for HTML/CSS? Or any good articles?

    Thanks in advance!

    -Chris

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,112
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    As long as you know the rules of CSS, how you write them is up to you, really, and depends on what you find most readable and logical. I pretty much do things differently for each site as I think up better ways to organize styles. Probably the best way to learn is to look at the style sheets of others and see what does and doesn't work for you.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  3. #3
    SitePoint Wizard bronze trophy
    Join Date
    Jul 2006
    Location
    Augusta, Georgia, United States
    Posts
    4,139
    Mentioned
    16 Post(s)
    Tagged
    3 Thread(s)
    I haven't come across many books or even articles that discuss CSS or HTML patterns. The patterns I use myself have emerged from a combination of experience and looking at what other people do. That said, my CSS patterns and organization have changed significantly over time. I really have yet to discover a way to organize CSS that I am 100% satisfied with.
    The only code I hate more than my own is everyone else's.

  4. #4
    Community Advisor silver trophybronze trophy
    dresden_phoenix's Avatar
    Join Date
    Jun 2008
    Location
    Madison, WI
    Posts
    2,791
    Mentioned
    34 Post(s)
    Tagged
    2 Thread(s)
    Actually, I know what you are saying... tho it really only applies to HTML. CSS is for styling, and while you may take a stab as to how to name classes and IDs so that a coder that comes after you can understand your logic. the best you can hope for is an educated guess. HTML is another thing, each tag DOES represent a HIERARCHY. But that all it does represent.

    For example... a client may feel that he wants <H1> tobe the name of his company and <H2> to be the actual heading of the main story.... OR the other way around and give the brand ( name of the company) No semantic value whatsoever and use an H1 for the head of the lead story. Either method could be correct.


    So then the important thing is, given that as I said before HTML defines the hierarchy, to let know what is your ( or your clients) own meaning and hierarchy.

  5. #5
    SitePoint Wizard bronze trophy Black Max's Avatar
    Join Date
    Apr 2007
    Posts
    4,029
    Mentioned
    12 Post(s)
    Tagged
    0 Thread(s)
    Hmmm. If you're asking what I think you're asking, I compiled some methods for organizing your stylesheet in my "how-to" site:

    Organized Stylesheets

    The method that I liked, which if I recall I "created" by mashing up several different approaches, is something like this:

    Reset
    Global Styles (body, paragraphs, lists, etc)
    Page Structure
    Heading
    Main Content
    Sidebar
    Footer
    Headings
    Text Styles
    Navigation
    Search
    Links
    Forms
    Comments
    Miscellaneous
    Not that I always follow this, but it makes sense to me...


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
  •