A better way to organize your CSS/HTML

It’s tough being a genius. It really is. Here’s my new guidelines for CSS/HTML:

  1. All tags are divs
  2. Use standard html tags as class/id names whenever possible

So, with our new awesomeness, we might get something like this:

   1: <div class="body">
   2:  
   3:     <div class="h1">My Title</div>
   4:     <div id="p">This is my awesome <div id="span">stuff</div></div>
   5:  
   6: </div>

 

Pretty freaking slick, eh? I’m hoping it can be integrated into Kobe soon!

5 comments:

James said...

That makes an amazing amount of sense. Can I nominate you for the CSS/XHTML standards committee?

Rob said...

Yes. Yes you may.

Alex said...

Wow...


I guess it makes sense. All tags are, anyways, are just designating what the elements should look like, or behave as.

Can I suggest that you try to make a DIV anchor A tag? Do some fun OnClick event or something to open new sites...

Rob said...
This comment has been removed by the author.
Rob said...

Thanks for the feedback! I think we can really tune this up to be something special.

We can do like <div class="link" linkDest="http://www.live.com">The One True Search</div>, then some jQuery like:

$(".link").click(function(){
var $url = $(this).attr("linkDest");
window.open($url);
});

That's really f'ing badass now, I love using new tech to it's fullest!

Designed by Posicionamiento Web | Bloggerized by GosuBlogger