NRD Phase 2: Implementing The 1140px Grid Layout

screenshot of website before reframeworking
screenshot of website before reframeworking

I felt like I had lost control. Things weren’t floating the way I expected them. I think that fluid grid layout in Dreamweaver has a lot to live up to. I much prefer using classes to control boxes. The 1140px Grid System is flexible and if you understand code, very straight forward. It suffers from what is referred to as “divitis” (lots of divs) but it makes up for it in even spacing and clear labeling.

The 1140px CSS Grid System · Fluid down to mobile.

Going from one to the other meant overhauling the site. Keeping the html someplace safe while I put in the framework. It is a good exercise because I closed off some tags that were left open and understood better where I put things. I am glad my slideshow is working like it should. Everything is feeling much more structured than my last website.

To do list:

add the logo in the header
Styling buttons, posts and designing a banner ad
Getting more feature articles (I need 10)
Coding some drop-down menus
polishing general design
adjusting slideshow size to fit container
cut down photos to the right size and quality for maximum performance
add font squirrel fonts

screenshot of website after restyling
screenshot of website after restyling

Katsite Project 2

(Earlier Post Relating to This Project)

Advertisements

2 comments

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s