janne/sjostadsbussen — pull request #1 by teddyzetterlund (2011-12-06 16:39:02+00:00)
Title: Improved rendering performance by optimizing the HTML and CSS

Had to clear my head with something else and decided to try and optimize the HTML and CSS of this project a bit. Take it or leave it.

**Untested, but I imagine everything working as it should and if there's any minor bugs they should be easily fixed.**

index.html

* Made it a minimal (valid) HTML5 page.

* Added meta description.

* Moved scripts to bottom for performance.

* Removed inline styles on the "fork me" link.

application.css

* Improved CSS parsing by removing redundant selectors. **[1]**

* Compressed font styles with shorthand properties.

* Used shorthand properties to its fullest on #loading's margin.

* Filled out #description with padding instead of centering it.

* Added and improved use of shorthand for borders on table cells.

* Added styles for the "fork me" link.

* Only show the "fork me" link in browser windows with more than 600 px width.

**1**: Web browser's parse CSS from right to left which means when parsing `div#header` it first finds `#header` real fast by an ID search but then it does another search for all `div` elements on the site - which obviously is a waste.