SitePoint Sponsor

User Tag List

Page 1 of 2 12 LastLast
Results 1 to 25 of 47
  1. #1
    SitePoint Enthusiast
    Join Date
    Nov 2007
    Location
    San Francisco Bay Area
    Posts
    62
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Short CSS Quiz/Survey

    Hi All,

    I put a short CSS Quizz together.
    Please give it a shot and spread the word.
    I plan to publish the results and solution in a coupe of weeks.

    CSS Quizz

    Thanks!
    Thierry :: @thierrykoblentz
    tjkdesign.com | ez-css.org | css-101.org

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,117
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Interesting quiz. I had a go at it, but felt like I was poking in the dark a bit. Doesn't the context of that span matter, though? Not sure …

    As for the first declaration …
    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 Enthusiast
    Join Date
    Nov 2007
    Location
    San Francisco Bay Area
    Posts
    62
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    Doesn't the context of that span matter, though?
    Hi Ralph,

    The idea is to remove as many declarations as you can without breaking anything. Knowing that there is no other "explict" styling than what you see in the Quizz.

    In short, simply ask yourself if what you remove or what you edit may change the look of the element or the way it appears on the page.

    Thanks for taking the quizz/survey
    Thierry :: @thierrykoblentz
    tjkdesign.com | ez-css.org | css-101.org

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,117
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by thierry koblentz View Post
    Knowing that there is no other "explict" styling than what you see in the Quizz.
    Does that mean that there's no author styling on any other element that may be on the page? (I.e. other than what the browser default uses.)
    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."

  5. #5
    SitePoint Enthusiast
    Join Date
    Nov 2007
    Location
    San Francisco Bay Area
    Posts
    62
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    Does that mean that there's no author styling on any other element that may be on the page?
    No. We do not know about this. There could be none or plenty. All we know is that there is no other rule that tagets #box.
    Thierry :: @thierrykoblentz
    tjkdesign.com | ez-css.org | css-101.org

  6. #6
    Non-Member bronze trophy
    Join Date
    Nov 2009
    Location
    Keene, NH
    Posts
    3,760
    Mentioned
    23 Post(s)
    Tagged
    0 Thread(s)
    I started on it, but walked away on it as I suspect I would NEVER write code like that in the first place... Again, CSS without the markup it applies to is gibberish -- and there's a LOT of gibberish in there.

    I mean, it's even using an image replacement technique I would NEVER, EVER use in the first place!

  7. #7
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,295
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi Thierry, nice little quiz.

    I see a slight conflict unless this was built into your quiz on purpose. I won't say what it is in case it's part of the quiz but I submitted a solution with comments if you want to check.

  8. #8
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,295
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by deathshadow60 View Post

    I mean, it's even using an image replacement technique I would NEVER, EVER use in the first place!
    Is it I think you missed something lol

  9. #9
    SitePoint Enthusiast
    Join Date
    Nov 2007
    Location
    San Francisco Bay Area
    Posts
    62
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Paul O'B View Post
    Hi Thierry, nice little quiz.
    Thanks Paul,

    I must say the results are very interesting...

    Quote Originally Posted by Paul O'B View Post
    I see a slight conflict unless this was built into your quiz on purpose. I won't say what it is in case it's part of the quiz but I submitted a solution with comments if you want to check.
    lol, I didn't even think about that one. You're 100% correct, very good catch! ;-)
    Thierry :: @thierrykoblentz
    tjkdesign.com | ez-css.org | css-101.org

  10. #10
    SitePoint Enthusiast
    Join Date
    Nov 2007
    Location
    San Francisco Bay Area
    Posts
    62
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by deathshadow60 View Post
    Again, CSS without the markup it applies to is gibberish -- and there's a LOT of gibberish in there.
    EVER use in the first place!
    You may want to take a look at the big picture ;-)
    Thierry :: @thierrykoblentz
    tjkdesign.com | ez-css.org | css-101.org

  11. #11
    SitePoint Enthusiast
    Join Date
    Nov 2007
    Location
    San Francisco Bay Area
    Posts
    62
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I can't believe I didn't properly reply to you guys. It's too early here, I click the wrong button. I need coffee!! :-(
    Thierry :: @thierrykoblentz
    tjkdesign.com | ez-css.org | css-101.org

  12. #12
    om nom nom nom Stomme poes's Avatar
    Join Date
    Aug 2007
    Location
    Netherlands
    Posts
    10,272
    Mentioned
    50 Post(s)
    Tagged
    2 Thread(s)
    I just did it and it thoroughly confuzled me what s/he (the "user who wrote the styles") was trying to do.

  13. #13
    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)
    Agreed. I don't see the purpose to the rules there for is nearly impossible to tell what would be more efficient or whats even correct. Even the obvious errors are difficult to judge, example. you have two COMPLETELY DIFFERENT padding declarations... sure only one will be set, but w/o seeing the code order, or knowing what her desired spacing, images, ect are... can a person choose between the two. It was a cool idea, just too many ambiguities to be a viable quiz. A for effort and nice styling one the form.

  14. #14
    SitePoint Enthusiast
    Join Date
    Nov 2007
    Location
    San Francisco Bay Area
    Posts
    62
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by dresden_phoenix View Post
    w/o seeing the code order, or knowing what her desired spacing, images, ect are... can a person choose between the two.
    Yes, totally, with the exception of one declaration may be for which context is relevant (edge-case though). But only Paul has spotted that one so far so I don't think it should confuse too many participants. Besides, that's one declaration out of sixtheen.
    Thierry :: @thierrykoblentz
    tjkdesign.com | ez-css.org | css-101.org

  15. #15
    om nom nom nom Stomme poes's Avatar
    Join Date
    Aug 2007
    Location
    Netherlands
    Posts
    10,272
    Mentioned
    50 Post(s)
    Tagged
    2 Thread(s)
    I think I'm getting it... we weren't supposed to "fix" it, were we? Just get the same (visual) result? I tried to fix it : (

  16. #16
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,295
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by dresden_phoenix View Post
    just too many ambiguities to be a viable quiz.

    lol - look again - there is no ambiguity as it all resolves nicely - it all makes 100% sense and is a great quiz

  17. #17
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,295
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by Stomme poes View Post
    I think I'm getting it... we weren't supposed to "fix" it, were we? Just get the same (visual) result? I tried to fix it : (
    The element is already styled with those properties and you must preserve the way it looks and behaves and interacts at the moment. You need to reduce the code shown to its minimum without changing the visual appearance of that element or anything that may be around it. What can you get rid of and why.

  18. #18
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,295
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by Stomme poes View Post
    I think I'm getting it... we weren't supposed to "fix" it, were we? Just get the same (visual) result? I tried to fix it : (

    Yes that's basically it

  19. #19
    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)
    Yes, but I havent seen the element or know the desired style result, or even seen the ACTUAL CSS ( do we assume the rules are given in the same order as the check boxes?)

    padding:50px; and padding :10px 0; ( one rule will override the other, depending on the order in the code. It's obvious ONE rule as to go... but WHICH? There is nothing to say which comes first or which padding is desired) that's just ONE example of what I saw as ambiguous

  20. #20
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,295
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    The desired result is the way that an element with those styles applied would look. You don't need to know anything more.

    The rules are in order as shown (although it only matters for the edge case Thierry mentioned). It is your job to work out what the element looks like with all those rules in place and then to decide which rules aren't needed but to keep the element still looking the same and at the same time not change its effect on others around it.

    I can't say much more without compromising the quiz. Once you get it you'll say Doh!

  21. #21
    om nom nom nom Stomme poes's Avatar
    Join Date
    Aug 2007
    Location
    Netherlands
    Posts
    10,272
    Mentioned
    50 Post(s)
    Tagged
    2 Thread(s)
    Yes that's basically it
    Oh well hell, I want to do that over then. Now I wasted my monkey fixing the thing so it did something.

  22. #22
    SitePoint Enthusiast
    Join Date
    Nov 2007
    Location
    San Francisco Bay Area
    Posts
    62
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Stomme poes View Post
    I think I'm getting it... we weren't supposed to "fix" it, were we? Just get the same (visual) result?
    That's correct. You're on the right path now

    Big thanks to Paul for jumping in and explaining that it is not as dumb as it looks
    Thierry :: @thierrykoblentz
    tjkdesign.com | ez-css.org | css-101.org

  23. #23
    Ripe Tomatos silver trophybronze trophy Rayzur's Avatar
    Join Date
    Jun 2007
    Location
    Texas
    Posts
    4,174
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    Hi Thierry

    I looked at the Quiz earlier today and like many others I was confused about what the goal was. After reading through the comments in this thread I now understand what the goal is (I think).

    I may still be confused on the improvements though. The way I understood it is that the improvements should get the original rules working while adding whatever it may take to do that as well as trimming out unnecessary rules.

  24. #24
    SitePoint Enthusiast
    Join Date
    Nov 2007
    Location
    San Francisco Bay Area
    Posts
    62
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Rayzur View Post
    The way I understood it is that the improvements should get the original rules working while adding whatever it may take to do that as well as trimming out unnecessary rules.
    Hi Ray

    I saw your answers.
    I can see that you know what you're doing, but you didn't understand the question properly.
    Please read Paul's comments in this thread. He explains the goal of this quizz much better than I did I guess.

    Actually, I'm starting to think that I should have asked a native english speaker to write the question for me as it seems the way I worded it has confused many people. Even though I thought it was pretty straightforward.

    Thanks for participating!
    Thierry :: @thierrykoblentz
    tjkdesign.com | ez-css.org | css-101.org

  25. #25
    Non-Member bronze trophy
    Join Date
    Nov 2009
    Location
    Keene, NH
    Posts
    3,760
    Mentioned
    23 Post(s)
    Tagged
    0 Thread(s)
    Ranguage Rarrier could explain a good deal of it. I have a lot of issues understanding when people use Engrish instead of English... so I may have completely missed the point.

    I submitted my answer once I realized... well.. I won't give it away; though now I feel like I've swung too far the other direction.


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
  •