I am so excited that the redesigned Today Moms site launched. It was the last project I worked on when I was still at nbcnews.com. With a small team of super talented people we came up with this responsive design concept.
The site is built on the new platform that we built in early 2012. There are a few great ideas behind this concept, and I want to highlight a couple that makes me smile .
Click on image to view the page. You may need a more up-to-date browser to view this.
Alex GirÃ³n of nclud created this visualization of our solar system by using only HTML and CSS3. In his words:
These past few months Iâ€™ve been exploring CSS3, trying to learn some of itâ€™s new feaÂtures and getting a feel for which browsers support it. A few weeks back I put out my first experiment exploring @font-face and transforms. This time, I set out to experiment with border-radius, and what I thought was going to be a boring little project turned out to be quite interesting.
via Veerle Pieters
Click image to play the game
Last time we learned how to create a dynamic bar chart with data that we had to type in manually. That data entry part was tedious and unnecessary. Today we will solve that problem by creating a model that can load and parse data from an external file. Although in this example we only use the model to parse comma delimited file (CSV), we will build it in a way that allow us to parse tab delimited file as well. CSV is a very popular and compact format for storing data. It is also very easy to parse.
If you didn’t follow the previous tutorial, you can download the project from here.
Click on image to view the site
This visualization is compact and pretty. I like the idea behind it, but it is not necessarily the best way to present this kind of information. You can’t quickly scan the information since you have to mouse over each bar to see what feature it represents. The color coded bars are stacking toward the center instead of remaining in their own circle, which makes it harder to follow. I think a regular matrix table would be nicer.