I'll reiterate the greatness of Sublime Text 2. There's a bunch of videos explaining the features of the editor here.
I would avoid duplicate ids on elements in the same page. Usually, they are for marking unique sections of the site. Such as your news feed or "Hottest Stuff" list on the sidebar. For example you could have Hottest Stuff and Latest Release share a class called "box", which would have all the styles that are shared between them. And then use the ID to add styles that are unique that box alone.
.box { padding: 10px; border: 1px solid black; // more shared styles }
.box a { font-weight: bold; // more shared styles }
#hot.box { color: red; // more unique styles }
#releases.box { color: green; // more unique styles }
So if you ever wanted to add another box in the sidebar you could just give it the box class and it will look like the others except the unique styles that were given via the ids.
Also the border-radius styles you have on #main. You could shorten that to just "border-radius: 5px;". Don't think you need the experimentals ( -webkit, -moz, etc ) either. I believe all updated modern browsers fully support it now.
Keep it up.
Log in to comment