Category Archives: review

6. Responsive Design Exercise & Project 03 Topic

For my third project, I want to design a website for a Youtube series I’m working on called Texas Food Crawlers, because not only do we need a website, but I also need a good grade!

I’ve been wanting to fool around with the Zurb Foundation framework, which I’ve been reading up on. It looks perfect for a tidy, responsive website like the one I want. But, in the spirit of learning, I’m determined to code the website’s HTML and CSS by hand first and then convert it over to Foundation later on.

B & H Photo

blogpost6-bandhB&H Photo is one of my favorite websites, because I like to dream and drool about all the gadgets and gear they sell. I’ve never actually looked at it on my phone though. They have a dedicated mobile version with big buttons and text that differs quite a bit from their desktop version, which is is not responsive, but has a very nice fixed grid design jam-packed with cameras, computers and accessories.

Mashable

blogpost6-mashableMashable is a fun website with a clean, responsive design that looks great on mobile phones, tablets and computers. On a desktop, it has a two column grid with loads of stories and advertisements crammed into it, and with a left-handed sidebar showing a running feed of the newest stories. A navigation bar sticks to the top of the screen at all times, allowing you to dive deeper into the rabbit hole. On a mobile phone, everything collapses into a single, long column and the navigation bar becomes a button menu, with a drop-down search option. Very clean, very nicely done.