Old Gmail vs New Gmail login screen
Google is previewing a new Gmail login page. It follows their Google+ UI.
When I first saw the new Gmail login UI, first thing I did was to view it’s source code. Then I went back to old(current) Gmail login UI and looked it’s source code.
To my surprise, there was a huge difference in not just how the new UI looks, but there is a lot of improvements made in the HTML code.
OLD GMAIL LOGIN:
The old Gmail code looks like it was written by some college programmer with no HTML designing knowledge. It’s full of <tr> and <td>. Even simple blocks had multiple tables, sometimes tables inside some td. It was horrible and reminded me of 10 year old HTML codes.
Here is a screenshot of all the <tr> and <td>s . A complete table driven UI:
NEW GMAIL LOGIN:
When you will look at the source code of new Gmail login screen, you will instantly get the feeling that this time Google hired proper Web Designers and designed this screen. It is a pure DIV and CSS driven design with no clutter.
Here is a screenshot of new Gmail login screen with nice and clean DIVs:
Google was very late is joining the UI revolution. But as they say - it’s better to be late than never. After looking at the old gmail login screen code, I can just hope Google improves other Gmail screens also(they feel big and bulky now).
