Tuesday, July 28, 2009

its hard to break old habits....

I have been asked by the company to build them a new website. It was a pretty straight forward build: header, image, nav-bar, content. Simple, well yes those little things keep coming back to bother me. I have gotten lazy with my CSS and not parting it out from my markup. I have just been copy and pasting it to each element. This gets extremley repetive and non-efficient, its a really bad habit. So with this build I separated out my CSS(except for a few, particular, small non-resuable styles) and man does it look a lot cleaner. I also decided to use divs and containers for my data instead of tables. Im starting to feel alot more comfortable with them, even though I keep wanted to throw some table tags here and there. Its hard to break old habits, but I think I'm really growing into a better developer.

Thursday, July 16, 2009

Calendar....

Well this past week I have been hard at work at building a calendar for our application. I think it came out pretty well, and now I can definately see my JS,JQUERY,CSS skills have come a long long way since I first started. I didnt even really know what JQUERY was when I first started, now I dont know how I'd ever live without it.

Wednesday, July 15, 2009

Return to spacing issues...

This week I have been working long and hard on a calendar for our app. I have it completely built but once again I got caught on styling it. For a little background, there is a weekview, this shows all the days of the week and the events that happen on them. Clicking one causes a popup to come up with the details of the day. We decided to add weather for the morning, noon, and the evening at the top. I was going to post the Hi and Low for each time with an icon displaying next to it kind of like this:

Hi: 54 [icon]
Low: 32

Seems simple enough but It just turned into a huge mess that I couldnt figure out. I tried doing it with a table, about a million different ways. But every way I did it either put the icon underneath the table, or pushed the second row down too far. This once again caused me to believe the best way would be to do it with div's. I tried a couple cracks at it using the float, display, and align properties but just figured I was wasting time. It was totally pointless to see a hi and low at those times of day anyway, it was irritating but I had to put it down and move on.

Edit: We decided to nix the times of day with with the weather, but still keep the high and low. So I went back to work on this today and figured it out. What I ended up doing was setting the float property to right on both the tables I needed to line up. I just sat down and got it right away, I guess I just needed a to give my eyes a break.