Day 2 working on Mock up page

So today I was able to spend most of the day working on the mock up page for a technical interview.  Let’s get to what I learned/accomplished:

Over the weekend during get-togethers and other things, I managed to come up with a semi game plan for tackling the page.  I printed out the page and wrote notes all over it.  Then I went into further detail.  I thought I did a great job here, but I would soon find out I didn’t anticipate some issues.

I spent the better part of this morning getting my HTML file the way I wanted it.  This wasn’t too difficult of which I am relieved.  I had to make some adjustments from the text I was sent, as when I would pull out the browser some of the characters where not exactly the same.  They would pull up some funky crap.  This is when I learned about Sublime Text’s alt+f3 feature of finding same characters throughout a file.  I knew about ctrl clicking to have multiple typing places, but the find feature was sooooo much nicer.

Then I started working on the panel.  This is where you click a menu option and specific text appears.  I used the JavaScript and jQuery book by Jon Duckett to guide me here.  This was really helpful.  I also plan on using this book to help me through a required JSON dynamic content section.

Then came the CSS part.  I feel pretty confident in CSS, or so I did in the beginning.  CSS is like a puzzle.  When you first start, you are wondering “how the world am I going to figure this out,” but as you plug away at it piece by piece you get to where you need to be.  I will admit, I am not fully satisfied with some of the solutions, but they are solutions.  I figure as I continue to get better I will find better solutions and look at my earlier code and think I was a moron (or am a moron).

The CSS took most of the day, and I am not sure if I am finished yet.  I have a feeling there are some things I will be adding to the file and possibly take some things away (because the mock up has to work in IE8+).

This is actually the first time I have taken a mocked up design and make a website from it.  I think I will go into more detail in another blog post, but overall I find it kinda enjoyable.  I think I would like to work with the designer and show the different options that are possible and determine from there what would be better though.  It feels like I am just looking at a cold mock up and it is staring back at me judgmentally and scrutinizing every key I press.  Other than that lovely image, it is nice working towards an immediate goal.

Posted in Blog Posts Tagged with: , , , , ,