• | | | | | |

    Google Chrome

    I wasn’t going to formulate any real thoughts on this. I am solely a Mac user so I have to wait a little longer to use Google Chrome, but after reading this helpful comic and giving it some thought, I can make some speculations as to what Google Chrome means for Google, and browsing in general.

    First, Chrome is a lot like an operating system in a lot of ways. Multi-threads, each tab has its own process, a javascript virtual machine with better garbage collection (among other things), and its own task manager. Over the years there has been a lot of speculation of a Google OS and this I think, brings us one step closer to that. I can easily see it having better integration for Google Products and for core Google users, that would be clutch.

    Also, it has better Gears integration. Now this one is a more whimsical thought, however with the advent of Gears and being able to browse offline, there might be some intention to allow for offline browsing of any site you’ve visited. This would be especially useful for those of use who rely on web apps on a regular basis and may be stuck without an internet connection.

    I only know this for certain- everything Google does is a measure and calculated act. Especially considering their great relationship with Mozilla, there is a lot of motive behind Google Chrome and I think we will begin to see what it is in the coming months.

  • | |

    Freelancers: Generalize Your Code

    One thing that was really driven home during my first year of grad school was the importance of reusable code. Not to say that it wasn’t taught to me as an undergrad, because it was; this year it just seemed to hit harder. As a freelancer in a niche market (small businesses, facebook apps), I tend to generate a lot of similar code. Just recently (within the last few months), I’ve started to generalize that code into reusable PHP objects, and it really helps.

    I point out freelancers in the subject of this post because I feel, at least starting out, it’s not something freelance programmers (or designers for that matter) think to do. I know my concerns were more getting those jobs so I could code, not the process of coding. But whether it be a list of objects you can use on each site, or a HTML/CSS template with variables for the title, key words, headers, etc., you can save a lot of time in the long run by taking the extra time to abstract out the details and come up with something general you can use over a number of different sites. I, for example, have general code for: XHTML/CSS templates (NOT the design, just the general tags that should be applied to every site), [basic] contact forms, [basic] google maps, database objects, image uploading objects and XML parsing objects. Right now I am taking the time to look at other code I’ve done to see how I can generalize it.

    This doesn’t only save time in writing the code either, but in testing. If you have core code that you know works, you don’t need to test for the general cases, or debug that code; just what you’ve added to customize it for that site or app. It’s stuff like this that will increase your productivity and your profits in the long run.

    So generalizing code helps- and not just with time, but productivity and profits. And just about anything can be generalized to some extent. So the next time you code, take an extra moment to think how you can abstract away the details of that project (the variables if you will), and how much of what you are doing is reusable.

  • | | | | |

    A List Apart Web Design Survey

    ALA 2007 Survey

    Last week, popular web development website A List Apart (ALA) released the results of it’s 2007 Web Design Survey. I’ve spent the last few days reading over the 82 page document and found a good amount of the results interesting.

    • Over 80% of the respondents were White Males
    • 48% came from the USA
    • When asked if they were excited by their field, 43.6% said Fequently, 35% said Very Frequently, meaning 78.6% like what they do most of the time.
    • About 20% want to start their own business as their next move.
    • Of that 20%, 89.9% were men.
    • 47.9% are in the salary range of $20,000 – $80,000, where 52.3% have been in the industry 5 years or less.
    • 1/2 of the people in my age group (21-24) make less than $20,000. Something to consider is most people who graduate college are 21 or 22.
    • ALA found that Job Satisfaction increases with age. I think this is because when starting out, (for me anyway), you’re not doing the cool and exciting stuff you’d like to. My internships consisted mostly of fixing HTML, and not any real development.
    • Of those who saw an age bias, Under 21 and 21-24 combined made up for 70.2% of the respondents.
    • 22% of female respondents saw gender bias, where only 1.5% of male respondents did. (NOTE- that is 22% of the females, which made up ~16% and 1.5% of the males, which made up ~84%).

    What was most surprising to me was how big the gap between male and female respondents is. I knew the computing field is male dominated, but I didn’t think it was that one sided. This survey also gave me a pretty good idea of what I can expect as a salary once I get out of Grad School. You can download and review the results here, and if you are a web professional, I strongly recommend it. It’s extremely informative.

  • |

    How to Develop a Website pt. I

    Design a Website

    Over the summer I did a good amount of web design. I have been developing websites for almost 7 years now and have been inventing and reinventing my process as I’ve gotten older, more mature, and a better developer. This summer I got to evaluate my process to see what I should change about it- how I can make it better. I’ve come up with a five step process to take me from start to finish. Number one, Planning, is by far the most important part.

    A problem I often run into is that user requirements, what a client defines as necessary for their website, change a lot. Recently one client I was working with changed the entire scope of the site, changing the necessary information being posted on it and thus changing just about everything about the site. That is why it is critical to nail down the details as much as possible before any coding starts. Sit down with your client, face-to-face when possible, and ask them to describe in as much detail as possible what they want their website to accomplish. Take down notes and write any of your questions or thoughts down. Then try to formulate something for them. This doesn’t have to be on the spot, and probably shouldn’t be. Schedule a follow-up meeting to make sure you interpreted what the client said correctly.

    At the follow-up meeting, propose something. Most clients will not be computer savvy and will rely on your input. Don’t be afraid to make suggestions as to what you think will work or more importantly, what won’t. They see you as the expert (because you are) and the input is usually welcomed and valued. It’s also important at this follow-up to make any final pre-development changes and tie up lose ends. Add the proposed website/requirements to a contract and both of you sign it and initial each page.

    Once this happens, and you have requirements nailed down and decided on, it’s time to move to part II- the mock up.

  • |

    CNN’s Redesign

    CNN Redesign

    A few weeks ago CNN launched the redesign of their site, and in my opinion they really nailed it. With a cleaner design and new up-to-date features, the new CNN is really a leader in the major news industry websites.

    Design: Looking at the old design, You can tell the new CNN is much much cleaner and more organized. With a full width header and fixed width content, everything looks more spread out and less crammed. The user is not overwhelmed by the massive amount of content CNN has to offer. They also decided to tone up their color scheme a little, going with more consistent reds, whites and lighter blues, like teal. This makes the site conform better than their previous design. Finally, a quick look at their source will reveal significantly less tables in the new design. This puts them way ahead of other major media sites.

    CNN Local

    New Features: I feel the best part of CNN’s redesign is the fact that their new features are more user oriented. They offer a great number of videos, blogs, podcasts, polls, RSS Feeds, hot topics and even comments to allow the user to make the CNN experience their own, which is a huge plus. My favorite new feature, however, is the “Local” box on the homepage.

    The CNN Local box gives you weather reports and headlines from whatever zip code you decide to put it, and I find that awesome. Instead of having to navigate away from CNN, I can get all the news in one place. It also pulls from a number of local news sources for your area, which almost serves as an RSS feed for your zip code.

    Over all, CNN’s new design is pretty nice. While they could have gone totally tableless, I think the new features and mostly tableless design puts them way ahead of their competitors. The new website keeps me coming back even if their brand of news isn’t mine.

  • | |

    How Design Effects Users

    As a web developer, I feel I know a little bit about design and functionality on a website. Lately I have been noticing my use of a website depends heavily on design and functionality, as I’m sure it does for most people whether they realize it or not. Take, for instance, how I get my news online.

    CNN

    Fox News

    Here are screen shots of both CNN and Fox News. Click the images to go to the sites. While Fox News is more my brand of news (surprise surprise), I find myself going to CNN more often. This is because I feel CNN has a nicer, cleaner looking site. CNN’s logo blends nicely with the rest of the banner, unlike Fox’s, which just looks like it’s thrown there. There isn’t too much going on ‘above the fold’ for CNN. With Fox, it’s a different story. For example, Fox offers 27 links in it’s main navigation. CNN offers 20 (which was actually more than I thought). CNN’s navigation is also contained to one, solitary line. Fox has theirs on two lines, each a different shade of blue. Below the fold on Fox is even worse.

    Where CNN offers more stories organized in a pretty nice fashion, Fox offers links to all of their shows and a litany of thumbnail images. I feel that I get much more information from CNN’s homepage, which is what the user wants. Plus, CNN’s links are much friendlier. If you’ll notice, a link to a story on CNN appears like this, after ‘cnn.com’: /2007/US/04/16/vtech.shooting/index.html. Year, region, month, day, name of story. Here is a link following ‘foxnews.com’: /story/0,2933,266463,00.html. This is not informative, nor very nice looking. But news isn’t the only problem area. Because of GMail, I never use my school’s email system.

    What got me thinking about this was Google asking students to take their survey about campus email. I am a staunch user of GMail and tell everyone I know to use it. It’s a good interface, easy to use, lots of space and has great IM and Calendar integration. I was also able to make it a one stop shop for sending and receiving email from the multitude of email addresses I have. “Royal Mail,” as the University of Scranton calls it, is not a good experience. It’s poorly designed and not very intuitive. Unless you change the settings, you get oldest mail first, and deleting a lot of email at one time is not easy. But the biggest annoyance I feel, is no search. GMail has excellent functionality here, allowing me not only to quickly find mail, but the search also allows me to use GMail as a file server. And with near 3GB of space, I have the capacity to do so too.

    Design and functionality is everything on the web. If your site doesn’t make the user experience easy, you’re app is dead in the water. GMail has turned me away from my school’s lousy email system, and CNN’s design helps me tolerate their particular branding of news (though CNN isn’t nearly as bad as MSNBC).

  • |

    New Design- Dynamics

    This is part 3 of 5 of the mini series for my new design. In this part I will be talking about the dynamics of the site and using WordPress as a Content Management System (CMS).

    A change made more on the back end of this site is all of the pages on the site can now be edited through WordPress. This makes it much easier when I want to update things like my resume, the about page, etc. One of the reasons I never did this before was I did a lot of PHP stuff on the seemingly static pages, and there was no way for me to integrate PHP code via the WordPress admin panel. To fix that problem, I found a plug-in called runPHP.

    This handy little plug-in ads a check box to each post asking if I want to run the post or page thought the PHP preprocessor. All I do I add in the php code (with normal tags) and I’ve got dynamic, easy to update pages. This comes especially handy on my projects page, which calls a number of custom functions. With runPHP I can easily change parameters or function calls right from WordPress.

    On the same token, my projects page is also completely dynamic. I will talk more about the plug-in I wrote in the next series, but I would like to touch on the fact that this was something I had been planning for a while. I needed an easy way to add, edit and delete projects from my resume site, Casabona.Org. With WordPress, I was able to add another set of pages to the admin panel to do just that. In the coming months I will be combining Casabona.Org and this site, making them fall under one roof. This plug in will make it much easier for me to manage my projects.

    Using the power of WordPress, I am able to quickly and easily manage my site, transforming the open source blogging system into a CMS. Now, this site is updated more frequently with some very rich content.

  • | |

    Desktop Publishing

    I have been doing a lot of desktop publishing lately- Quark Xpress, Publisher, Photoshop for info graphics and the like. I’ve got to say it has been a nice change of pace from the normal coding sessions I have been doing the past few weeks. Once some of the stuff I have been working on is finalized I will add it to my Projects page. As much as I love coding, it’s been nice to do some design work lately. I can only take so many lines of PHP (and recently those lines have been hitting the thousands).

    PS- Once I get time, I’ll be posting some of those projects too!

  • |

    New Design- Design

    This is part 2 of a 5 part series starting here. This post is going to focus on the overall design of the site, and some of the decisions I made regarding it.

    The first thing some might notice is that this design is wider than my other ones. I decided in creating this new template to go with a site optimized for a 1024 screen resolution. According to w3schools, only 14% of users have a screen resolution of 800×600. That is compared to 80% using 1024×768 or higher. This is also down 11% from September, the last time I checked the numbers. Further more, my target audience is tech-savvy people and college students. I’m sure if we break those numbers down into these two demographics, the number of 800×600 users would be even less.

    With this new design I also wanted to move away from a tradition blog template. I made it so one post would appear on the homepage, along with a number of other resources I’ve made available. These resources include my Resume, Projects, links, and of course the traditional (to this site) site navigation. I did this in an effort to merge Casabona.Org and this site into one. I’ve also create TheJoey.Net’s first logo. It’s a circle broken into 4 quarters. Each quarter represents one of the following: Personal, Professional, Play and Projects. The Personal is any news or information having to do with me. Professional for the work I do for clients through JLC Web Design. Play is for fun/cool things I might find interesting and Projects for side projects I am working on on my free time.

    I hope the new design has also made the site a little more user friendly for post navigation and searching. If you have any questions or comments, of course feel free to leave them below!

  • |

    New Design- Overview

    Introduction

    I suppose if I had to give this version a number, I’d say it’s version 4.0. TheJoey.Net has seen 3 major redesigns and I had a “blog” when I first started web design. This design by far has seen the most innovation and customization on my part. On the About Page it says this site is my sandbox. That is the absolute truth, and probably the reason the design changes so often (I’d say once a year is pretty often). But this time around I wanted something that will hopefully last longer than that. So not only did I work in a ‘change of face,’ I added new features and showcased some of my new skills.

    What’s Coming

    This mini series on the redesign will probably be four posts: Design, Dynamics, Projects and Plug-ins. Within these four posts I’ll be able to talk about all of the new and improved features of the site. For example, I am using a layout optimized for a 1024 screen resolution instead of 800. I also changed all of the pages so they can be updated from the back end. I worked in some Ajax and wrote my first plug in.

    What do you want?

    If there is a feature you want to hear specifically about, just leave a comment and I will make note of it. I personally think I was about to do some cool stuff, and while there is still some house keeping I need to attend to, I am happy with how the site came out.