You Know You’re a CSS Ninja When…

Blog » Articles » You Know You’re a CSS Ninja When…

You Know You’re a CSS Ninja When…

PrintDecember 12th, 2008

In history, a CSS ninja is a warrior specially trained in a variety of xhtml and css techniques typically equipped with various web design/development tools.
CSS Ninja

Possible Symptoms

  1. The first thing you look at on the site is the Source Code.
  2. You’re extremely obsessed with xhtml/css validation.
  3. You get annoyed at sloppy code, and have the urge to re-write it even though the site doesn’t belong to you.
  4. You live by the Semantics Bible.
  5. You hate IE6 with a passion, possibly IE in general, and you wish it goes to hell.
  6. Bad usability pisses you off and makes you want to yell at the designer of the site.
  7. Have all kinds of web developer add-ons on your browser, where it starts looking like a space ship console.
  8. You wish all browsers behaved the same and there was no such thing as cross-browser testing.
  9. You talk to yourself when debugging and maybe drop a few ‘F’ Bombs here and there.
  10. You’re personalized homepage is filled with developer/designer RSS feeds.
  11. You don’t mind coding away till 4 in the morning.
  12. Book marking sites become a part of daily life.
  13. You start dreaming of CSS techniques.
  14. You can type lines of CSS code faster than you can throw ninja stars.
  15. When your spouse rolls their eyes at your lame CSS/Web jokes.
  16. When your spouse has to compete against your computer and website.
  17. When you IM other CSS ninjas to complain/criticize poorly designed sites.
  18. Buy domain names left and right when you don’t even need them.
  19. When you either laugh out loud or get really angry when visiting this site.
    (Warning: Do not look in the source code if you have a weak heart or are pregnant, it may result in serious injuries).
  20. You read this whole article and thought I was writing about YOU.

Feel free to add any other serious symptoms of CSS Ninjaosis.

Did You Enjoy This Post?

subscribeSubscribe via RSS ,by email, or by twitter to get all upcoming
tutorials and articles delivered straight to you.

Bookmark or Share this Post!

  • Digg
  • del.icio.us
  • StumbleUpon
  • Technorati
  • Twitter
  • E-mail this story to a friend!

This entry was posted on Friday, December 12th, 2008 at 2:24 am and is filed under Articles. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

40 Responses to “You Know You’re a CSS Ninja When…”

  1. Razvan Pavel

    when you see something cool on a site and use firebug to see how they did it :)

  2. DouglasT

    You mean you weren’t writing about me?

  3. Jake

    I LOLd at #16 and almost had a seizure when looking at #21’s site. lol

    + When you wish all browsers had add-ons like firefox
    + When you see print ads, you automatically think in your head how you’re going to lay it out in CSS

  4. Chris Casarez

    Ok about half of these apply to me….maybe that only makes me an HTML Ninja???

  5. budji

    hehe, but if number 8 were true, life would be boring…

  6. vincent jaubin

    Me, me and me…

  7. Yeshi

    How do you know so much about me? This list is my profile. :-p

  8. Micheil

    Gee.. I’m fitting into about.. 16 of those, purely because I don’t have a spouse or something else similar.

  9. Patareco

    Nice List! Loved reading it!

  10. Hassan

    I am like Micheil, I don’t have a spouse so 15 and 16 doesn’t fit to me. Hey, I am a css ninja, I want a certified or something like that to put it in my site…

  11. Jesse

    Dear lord almighty where did you find the link in #19 ?!
    My room-mates probably thought I had a 5 minute spell of autistic epilepsy.

    “!-! Nominated for Most Poorly Designed Website in the World by Digg.com”

  12. tony

    when you only use div instead of table?

  13. Derrick

    Three-Quarters of me. Definitely. Good news is, it is not 100% me.

  14. Darren

    I may not be a CSS Ninja, but I about wet my pants when I took a look at that site. Holy cow!

  15. Phil

    Wow, that must be the work of a Ninja Sensei.
    Only 1899 validation Output Errors
    & 30 warning(s)…

    pretty good for such a modern design :)
    .
    .
    … bookmarked

  16. Jesse C

    CLUTCHES CHEST….GAAARRRGH!!

  17. James

    ha, that havenworks site is hilarious. It reminds me of this one – the source is even better:

    http://www.alternativetransportservices.co.uk/

  18. cyberdesignz

    Hi,
    Nice post.Good information for Designer.

  19. zac

    You know.. when… if you are hanging a picture in a room and you imagine adding a margin: 0 auto to get it centered.

  20. Jan

    Awesome list. Perfectly fits on … me :D

    Great article!

  21. Erika

    that site on #19 is an example of online hell.
    it made my head ache

  22. Mjf

    Wow I am not a CSS ninja yet, but I feel like maybe I am becomming a green belt or so? Anyways I really didn’t expect to crack up as much as I did on number 19. How does that site even exist!? That was seriously painful. Also how did this comment box automatically grab my picture for an avatar? I am glad it grabbed a funny/sfw image or is that part of the code? ;)

  23. Mjf

    Oh and by the way I put havenworks through w3c validator just for kicks

    2912 Errors, 42 warning(s)

    not as bad as I thought it would be…

  24. Torsten

    Very funny article (and I guess I am a ninja, haha). Another point for the list (even when its not directly CSS):

    - You are writing angry wishes about the IE behaviour in your php comments ;)

  25. FergatROn

    Awesome article. What’s even more funny is ONLY CSS Ninjas would take the time to read the article and then post a comment. Gottcha! :)

  26. Ethan

    Apparently I’m a CSS Ninja :D . And why, why did you show us that Haven Works site? It’s absolutely disgusting.

  27. Jason

    #19……nufff said

  28. Raf

    Haha, looks like I’m a CSS ninja to :p

    Havenworks.com rocks! (to show people how it is NOT done :p )

  29. yamaniac

    Guess am a ninja too then :)

    well!havenworks today has 2030 errors and 40 warnings. I guess its trying for some world record or somethin “For the site with most errors”.

  30. RaphaelDDL

    @Razvan Pavel

    “when you see something cool on a site and use firebug to see how they did it :)

    Omfg, i do that xD

    Btw, i lol’ed at most of them and more than half apply to me.. I’m a ninja \o/~

    *me throws ninja star*

    o/ ~~~~~~*
    |

    Anyways, great post and website!

    Regards,
    RaphaelDDL

  31. luke

    i actually laughed when i saw that last website. and all this is JUST FREAKING LIKE ME. EVERYTHING!!!!!!!!!!

    btw i worship u soh :D

  32. Kabamaru Igano

    I believe there will be a time that #19 will become a trend :D

  33. Ruana

    thank you for granting me a good laugh after a day of developing a site for a new client – and actually having achieved nothing because I spent the last 3 – 5 hours or so on YOUR site (including following several links… – hmmm, what did I want to say again? Ah, yes, I’m honestly grateful for that list, ha, ha, ha, and of course thinking you were talking about my humble self, now, at 2pm, somewhere in Austria, Europe,…..
    I will be back, certainly.

  34. Ruana

    Addition: I didn’t know that sites like #19 still exist…

  35. Frank

    I almost had a Seizure by the link…
    The most stuff you wrote applies to me, but not quite everything.

  36. cheing

    at least 10 above is my symptoms..

  37. patrick

    No,not a ninja at all, tough I don’t mind coding till 4 in the morning

  38. anton ashardi

    yes… my wife is on competition between herself and my laptop :LOL

  39. Tobias Braune

    to 19 there is a “top” link at the bottom of the site, very usefull or isn’t it? ;)

    PS: Your textarea selector need “font-family:Verdana,Arial,Helvetica,sans-serif” like your input-fields too :)

    have a nice day

  40. Rasoul

    So, I am a CSS Ninja too.
    I think there must be a certification or something like that to put it on my site as a proof :D
    wink
    Excuse my lame English, Coz’ I am new to your language.
    BTW, Thanks for your nice articla.

Speak Your Mind…

Need to post HTML code?
Use Postable for your convenience.

Don't have an Avatar?
Set up a Gravatar image now!

Blog Blog Categories

Popular Comments Popular Posts

Recent Comments Recent Comments