« May 2004 | Main | July 2004 »
June 28, 2004
Online Chat Header Complete
I couldn't stand it, I had to finish it before heading to bed. :)
Posted by mashby at 01:25 AM | Comments (0) | TrackBack
Let The Games Begin
F I N A L L Y, I've begun converting the NPUG site over to the new design. All I can say at this point is it's about damn time. :P
I still don't have the PHP code for the sub-navigation, but I went ahead anyway and began converting. Well, I went as far as I can at this point. I've converted everything from the Mobile Edition down in the navigation bar. There's a couple of pages converted that are not included in the navigation just yet. For example, the archive for the weblog is not included at this point.
The most notable sections not included in the navigation at this point is the Leadership Council and Supported Devices pages. Those will be included as sub-navigation elements under the About Us section. All I need is that blasted code to get it all working smoothly. **cough** dan **cough** ;)
With a few pages now under my belt, I can see where I'm going to want to change a few things here and there. I'm not completely happy with the line height of the paragraphs and titles, but luckily all of that is easily fixable in the CSS file. That means that I'm free to convert the rest of the site and then go back and tweak things later. That feature alone is worth the long hours of figuring out how to use CSS. There are other things bugging me too, like the header image for the About Us section, but like the CSS, it can wait for now.
It's a little after 1am at this point, so I'll have to hold off the rest of the section until tomorrow. Those sections are a lot more involved and require a lot more to convert over to the new look. Awww crap. I just noticed I didn't create a header graphic for the Chat section. OK, that's it, I'm off to bed, or I'll be up all night working on this thing. LOL
Posted by mashby at 01:11 AM | Comments (0) | TrackBack
June 27, 2004
Getting My Head Around The Headers
The navigation is a great deal more difficult that I thought it would be. I've tapped a good friend of mine to help figure out the PHP needed to have everything work properly. Unfortunately, he's been in the middle of his first typhoon since moving to Guam (yes, I said Guam), so my little navigation problem has been the list of his worries. LOL
So while I've been waiting, I decided to get the new header images designed. With the new template, there is a header image at the top of each page. These don't create themselves, so for the past 4-5 hours, I've been plugging away on trying to come up with engaging text and images. Here are the results of my work. Enjoy.
News & Announcements
Join NPUG
Our Meetings
Discussion Forums
Articles & Reviews
Monthly Polls
Director's Log (same as above)
News Archives
Downloads
» Desktops
» Fonts
» Icons
Mobile Edition
Links
About Us
» Leadership Council
» Supported Devices
Help
Posted by mashby at 10:19 PM | Comments (0) | TrackBack
June 25, 2004
Having Second Thoughts
I'm putting the last remaining touches on the navigation and I'm now having second thoughts regarding the Director's Log. Is it really worthy of top level navigation? At first I thought that starting this thing was a good idea, but now that I'm close to making it public, I have to sit back and think that maybe this wasn't such a good idea. ???
Of course, does placing it as a sub navigation element under the "About" section really do anything to hide this weblog? Not really and by doing that it also creates another dilemma because I would have to have sub-sub navigation for the archives. :O I'm not about to do that, and I'm not smart enough to figure out a more creative way to do it. So I guess that leaves me with only one option. I either make the weblog public, or I make it private, or I delete it.
I don't want to delete it and I'd like to see where this thing goes. So far all I've really talked about has been the redesign of the NPUG website. However, I haven't gone into the details that Mike has on his web site. I've done more of a play-by-play rather than an in depth analysis. I prefer Mike's method, but that really isn't the intent of this weblog, so don't expect anything quite so detailed. :P
What can you expect in the future? Well, I guess more of the same. However, once the redesign is done, my focus will return back onto the group itself and less on design issues I guess. Hopefully that will make for interesting reading and not just the mad ramblings of a geek. I guess you can be the judge of that.
Uh oh. I think I've just talked myself into making this thing public haven't I?
Posted by mashby at 02:53 PM | Comments (0) | TrackBack
Sub Navigation Ironed Out
Yesterday I finally got the sub-navigation issue ironed out. I ended up making the side navigation left justified because it just didn't look good having right justification with the sub nav in place. The biggest hurdle I had was the "you are here" feature. With single level navigation, I was using a white background to indicate that "you are here". So if you're on the Director's Log, that navigational element will be white and stand out from the standard blue navigation. Well, with the sub navigation added the white background kind of fell apart. Luckily, my soundboard - Mike Rohde - came through with an idea that worked.
If a navigational element has sub navigation, then that block will be colored in the light blue use with the mouse overs. Then, the navigation related to the section you are in will have the white background to indicate "you are here". I tried various combinations of different ideas, but this one seemed to work the best and make the most sense visually. I also changed the hover from light blue to white for the Nav/Sub Nav section that is light blue.
Now all that's left is to figure out the PHP code needed to automatically handle the navigational state. In other words, PHP enables me to set conditions that say, "If you're in this folder, then this navigational item should be 'on', etc." With that in place, I'll begin migrating pages to the new layout.
Whew! Getting so close I can taste it! :)
Posted by mashby at 09:18 AM | Comments (0) | TrackBack
June 22, 2004
Doh! Doh! Doh!
I was all set to flip the switch and apply the new template to the NPUG website. It was the Sunday after our last meeting (June 13) and I was working on the laptop, making a few final tweaks and that's when I noticed something that I'd forgotten - sub-navigation. Doh! :\ That's right, I had failed to take into account that I use sub-navigation with the NPUG web site.
So I have to figure out how I want to handle it and then go from there. Yet another delay.
Posted by mashby at 01:06 PM | Comments (0) | TrackBack
June 09, 2004
I Get By With A Little Help From My Friends
This morning I was lended a hand by a dear friend of mine, Mike Rohde. He is a fantastic designer and I love his work. Maybe it's the fact that he's a kindred spirit, or maybe it's just that his work rocks, but whatever it is, I turn to him whenever I need a professional opinion. After my blitzkrieg of work on the site last night, I needed a fresh pair of eyes to give me an honest opinion.
I thought it would only take maybe 10 minutes, but an hour and a half later, I had a bevy of tweaks that had been added. Things nudged this way and that and colors played with here and there. Mike was a tremendous help and really help put the polish on the design. At this point, I think I'm ready to release the design and let it loose. There's going to be a lot of tweaks as elements are made "live", but I think I'm ready to take the plunge.
Here goes nothing... :)
Posted by mashby at 01:06 PM | Comments (1) | TrackBack
Design Is A Cruel Mistress
After returning home from a dinner engagement, I decided that I simply couldn't leave well enough alone. This redesign had me firmly in it's grasp and so I dove head first into trying to wrap it up as best I could. I've spent the last 6 hours straight pounding away at this code and it's after 4:30am. I'm closer than ever and yet, I'm still not done.
I opted to shove the advertising up above the design because I couldn't find any elegant way to display it within the design. I don't like it, but it'll have to do for now. The rest of the major sections to the front page have been laid out and as you can tell by looking at this entry, I've come up with a content template as well. I went ahead and applied it to this weblog just so I can see how it'll function in a real world environment.
Anyway, I'm beat. I need sleep and in a few hours I hope to get the meeting announcement out about this Saturday's meeting. Night.
Posted by mashby at 04:43 AM | Comments (0) | TrackBack
June 08, 2004
Well Spank My Butt And Call Me Shirley
I was just comparing the new design to the old and it dawned on me that I didn't make room for the banner ads. Damnit! This really throws a wrench into the works. Now I have to go back to the drawing board to figure out where to stick it. Well, I know where'd I'd LIKE to stick it, but you know what I mean. :)
At least all my code is 100% valid thus far. I just tested XHTML, CSS and 508 and all passed with flying colors.
Posted by mashby at 11:56 PM | Comments (0) | TrackBack
So Close I Can Taste It
Damnit, I just need a little bit more time! I'm so close to having it finished, but I keep getting sidelined with work and personal commitments. I need to get this month's meeting details posted, but I keep thinking that I just have one hour more and I'll be done. Argh. Too much to do and not enough time to do it in. Story of my life.
The "News" section is almost done. I'm not happy with the bottom of the post, but the majority of the layout, colors and design is done. I also got the right columns on the right started. Just a little more tweaking on them and that should be done. Man, it's just sooooooo close
I was hoping that I could get the changes done today and then launch the new look along with the meeting details for this Saturday's meeting. I should have posted the meeting details first. The road to hell is paved... I know, I know. I just hate being this close to it being done and not finishing it.
Posted by mashby at 07:17 PM | Comments (0) | TrackBack
June 07, 2004
Inch By Inch
Man, there just isn't enough time in the day! I promised myself that I would only spend an hour on the redesign, but I ended up spending three and a half. I got a lot done, but I still have the main content to tackle. This new method I'm using for web design is EXTREMELY powerful, but as they say "With great power comes great responsibility". I'm still getting familiar with all the nuances of CSS and how all the little tweaks work together.
Today I worked with the overall typography of the new design and got the "Meeting Section" addressed. Everything looks excellent in the Windows browsers I've tested, but I'll have to try in in Palm OS and Mac before I'm through. If everything holds, I think it's looking VERY tight. It took me quite a while to figure out this section, but I feel like I've really learned a lot about "Float" and how best to use it. I had to take a bunch of different approaches, but I really like the final product. :)
Now all that's left is to format the News, Poll, Forum Posts. No small feat, but I'm hoping it goes a LOT faster than the Meeting Section did. I also think I may need to add the Calendar section back to the right column. Although the Meeting Section addresses the main monthly meeting, should we have any other dates, I don't have any bucket in which to hold it.
This process never ends does it?
Posted by mashby at 03:37 PM | Comments (0) | TrackBack
Upgrade Complete
I just upgraded to the latest version of MoveableType - 3.0 Developer's Edition. I figured it'd be best to get that out of the way before I got too far down the road with the redesign, etc. I'm still using a default template for the time being, but at least it's a nice one. :)
With the upgrade comes the ability to use TypeKey. TypeKey is a centralized authentication system. Once more weblogs support it, the idea will be you won't have to log into each and every one in order to post a comment. From a weblog owners standpoint, it is a new method to limit the problem with comment SPAM. You can still post a comment the old way, but now I have to approve it before it appears. Since TypeKey is free, I'd suggest that everyone give it a shot because your comments will appear automatically.
Anyway, back to work.
Posted by mashby at 01:25 PM | Comments (2) | TrackBack
June 05, 2004
Main Navigation Complete
Tonight I spent some time focusing on the navigation and I got the main navigation complete! I'm doing it all with CSS and standards based web design. The navigation is simply an unordered list and I'm using CSS for all the active and roll over effects. This is the first time I've ever done navigation in this way and it took a good bit of trial and error to get it just right, but I think I've done it. Woo hoo!
The next step is to focus on the Meeting and the rest of the main content sections. Now that I've completed Zeldman's book, I'm going back over the code and cleaning up both the XHTML and the CSS. There's just so much left to do and I really wanted this done before our next meeting - which is NEXT Saturday. Where does the time go huh?
Posted by mashby at 12:22 AM | Comments (0) | TrackBack