Blog: March 2009

We Recommend Nexcess.net for Web Hosting

March 25, 2009

In our proposals, we almost always recommend Nexcess.net for Web hosting.  Why? Simply put: because they respond quickly, every time we contact them.

Not just some of the time, not with a lame response and then a 6 hour wait for a real response.  They fix the problem and get back to us within about 5 minutes or less, or they respond right away and then dig in and fix the problem as soon as you can possibly imagine.  They’ve done this day and night for years, and it’s the number one reason we choose them.

We also like that they’re friendly and affordable—not the cheapest Web hosting out there, but cheaper than most.

Nexcess promises, if I remember correctly, 99.5% uptime on shared hosting, which is only about 4 hours a month down time, and they over-perform regularly.  That’s pretty darn good, and for the low rates they charge, it’s excellent.  If you happen to need higher uptime than that, they can arrange for that as well, for a decent price.

They do virtual private servers, managed servers, clustered servers, and we haven’t seen a significant outage from them in years.  Their control panel is one of the best I’ve used (not the best, but darn close). And they offer all the latest Web technologies.  We’ve hosted ExpressionEngine, Movable Type, WordPress, MediaWiki, phpBB, phpList, OpenX/OpenAds and all sorts of other software there, and it’s handled it all.  The only thing they don’t offer, oddly, is true SFTP—we use a tunneled secure FTP instead, and it’s all fine, but it’s an odd omission from their otherwise stellar offerings.

In fewer words: Nexcess.net has our trust, and we appreciate their dedication and their support as Hop Studios has grown.

I’m recommending them today because we’ve been using them for years and it’s time we gave them their props.

If want more information, click one of the following links to visit their site.  If you end up signing up for a new account from this link,  we get a cut. If you use this link, we don’t—it’s up to you.

 

 

Posted by Travis Smith at 9:50 PM | Comments (4)

Getting the Dirt Daily

March 24, 2009


Cindy McNatt came to Hop Studios with the idea of starting her own blog driven project. She has a background in journalism, and is a staff writer with the Orange County Register but she was interested in breaking out on her own. Her project was to launch a new blog under the name Dirt du Jour and focus on providing gardening tips, techniques and advice. She blogs every day, which is an impressive commitment, and each entry is made available to subscribers as a daily electronic newsletter as well (which we designed).

Speaking of design: The site is light and airy with lovely accents provided by the illustrations used throughout the site that were created by Cindy herself. The title text of Dirt du Jour and Daily Dirt were hand-drawn by our designer Matt and add to the hands-on, “human touch” feel of the site.

Since it looks like I’ll be getting into gardening this summer, I have signed up to receive the Dirt du Jour newsletter. I’m looking forward to reading Cindy’s many hints and tips, and getting my hands into the dirt. wink

Posted by Rachael Ashe at 11:50 PM | Comments (0)

Announcing: Feed URL Plugin for ExpressionEngine

March 20, 2009

ExpressionEngine’s weblogs include lots of paths to configure (so many that we wrote a module to help manage them).  One of these paths is the RSS Feed URL. 

Now, say you wanted to use that URL somewhere in your templates.  For example, you might want to put a link to your blog’s RSS feed on your site.  To do that, you would simply use the ExpressionEngine tag for the RSS Feed URL, which is ... um ... well, it’s ...

Huh.  There isn’t a tag for that.  But now there’s a plugin for it!  Feed URL outputs the value of a particular weblog’s RSS Feed URL.  Use it in any template on your site.

If you like it, or if you have any questions, just get in touch!

Posted by Justin Crawford at 3:37 PM | Comments (1)

Why It Looks Like That: Constraints in Web Design

March 4, 2009

A traditional print project has one chief constraint: money. You can apply more to get what you want: larger paper sizes, more or brighter colors, or more exciting art. The balance between what a client can afford and what the technology can provide directly shapes the project’s parameters (if all aesthetic concerns are equal).

A web page, however, because of its distribution method, is shaped by forces outside of a web developer’s or client’s control. Some of these limits are created by international standards, others by technological limits or even just established conventions. For someone new to creating web pages it can be a confusing obstacle course with hidden problems.

Hop Studios often is in the position of explaining why the Internet works the way it does to clients. The Internet, unlike other earlier media forms, is largely shaped by extrinsic forces.  Answers to the why question, as any parent knows, are an ever-expanding snowball that often result in the classic “Because I said so!” or “That’s just the way it is!” This rarely works on clients. Therefore, I have tried to break down a few of the basic elements that shape the way that websites look and behave.

Page Size

Nobody sees the web in exactly the same way. Not in a philosophical, “everyone is special” sense, in a very practical sense. One of the basic differences is the hardware we use to look at it - our monitors. The resolution of your monitor has a direct correlation with the amount of information that can be displayed on it. Older or smaller monitors (and let’s ignore, briefly, the very small screens of mobile devices) have a lower resolution. Because of the convention that websites should only expand lengthwise, monitor size directly effects the width of websites. Many websites are centered in the browser window, creating unused areas to the left and right of the main content on larger monitors.

The smallest screen resolution standard that is designed for in 2009, is 800 x 600 pixels, roughly 4% of users browse the web at that resolution. This format is generally considered the lowest recognized standard. 800 by 600 is quite small and well designed pages for this size should allow for the space used by the frame of the browser and scroll bar. So the maximum space you can design for is roughly 740 pixels wide. This assumes that 800x600 users will browse the web with their browser window maximized.

In the last few years the adoption of larger monitors with better resolutions has moved the majority of users to the next larger resolution, 1024 by 768. About 36% of users browse at this resolution. Allowing for the browser frame gives you a conservative width of 980 pixels. This is the size most contemporary webpages are built to display at.

The bottom line for clients: As you increase width you decrease accessibility. Most clients will have no problem cutting out 1 or 2 percent of web traffic, but if your site has an unique audience, like older users or mobile devices, your design should account for that. Hop Studios uses site usage statistics and research to help us decide on the best size for you.

Browser

For designers, this is an old, ugly chestnut, for web users this is the forgotten variable. Your browser has a huge and somewhat hidden impact on the structure of the Internet. Why? because different browsers render code differently.

There are many browsers in the world but the most popular are Firefox, Safari, and Internet Explorer. Making your web site look the same in all the of the browsers is called cross-browser testing, or cross-browser compatibility.

There are two schools of thought for dealing with cross-browser compatibility, the first is complete parity, where your code renders the same across all browsers. This creates a strange situation where the capabilities of your site are decided by the weakest player. You have to accept the limits of the least technologically advanced browser. Which in this case is Internet Explorer. Explorer is less capable then most other modern browsers, and in the case of IE 6, has fundamental errors in the way it renders HTML and CSS.

The second method for web development is tolerable degradation, this means that a level of disparity is allowed between browsers, as long as they degrade gracefully and the differences are accounted for. This method can include more design and programming time but is probably the more commonly used. A variety of hacks, work-arounds and secondary style-sheets make it possible to target specific browsers.

There are fundamental differences that designers have less control over. While it is possible to style some of the elements of the browser window frame, this is seen as an outdated avenue for expression and is generally unfashionable. Today the browser frame is not considered as part of the design canvas. The default appearance for HTML elements like forms, input fields and buttons are set by each browser. Unless overridden, these have a lot of visual variety across all browsers.

The bottom line for clients: Your site may look different in different browsers, and other people might not see exactly what you are seeing. Hop Studios tests the sites we create in all of the major browsers. It is also important to realize that if you personally use an outdated or eccentric browser, it might not be in your best interest to optimize your site for what you see.

Color

Many users don’t recognize this as a limit, but only 16,777,216 unique colors are possible on the web, less then 50% of the color spectrum that is visible to humans. Computer monitors use the additive RGB color model. An additive model of color uses light and “adds up to white” when all colors are combined in equal amounts. We are generally more familiar with the subtractive system used in painting, printing and pigments. Subtractive systems, like CMYK, remove color to get back to the white of the page or substratum.

Based on the Young-Helmholtz theory RGB mimics how humans see, and occupies a gamut (all of the achievable colors in a given color reproduction system) in the center of our visible spectrum.

On a more practical level, there is significant color drift between Mac and PC screen settings. Macs closely mimic the printed page and display colors as brighter, they can show colors that have very low saturation. As designers often favor apple products this can mean that subtle colors are harder to co-ordinate across computers.

Finally, monitors display colors differently based on calibration, age and technology. Color display can be tweaked and fine tuned, but most users don’t calibrate their monitors. Older Cathode ray tube (CRT) monitors display color differently them modern liquid crystal displays (LCD). Individual image files may also have built in color profiles that are recognized in some browsers and not in others, causing images to display differently.

The bottom line for clients: Sadly, color is almost impossible to match perfectly across all computers and monitors. If you have specific company colors that you have to match, it’s a good idea to optimize them for the highest proportion of your audience, and (it pains me to say it) recognize that you can’t control everything!

Whew, well that’s a start! In my next post i will attempt to cover the problems with type (aka fonts), file size, layout, and interaction. We have just barely scratched the surface here; the web is a very complex non-place.

Posted by Matt Gardner at 11:46 PM | Comments (8)

Author Don Calame

March 3, 2009

Our client Don Calame is about to add “book author” to his many writing credits as a screenwriter of film and television projects. His new book, “Swim the Fly,” is due to be published in April 2009. In order to generate a little buzz and build an online presence Don wanted a web site designed from scratch to showcase his writing career and interests.

don calame web site

Don wanted to do something a little different with the design of his site so we created a very visual home page. Using images of his personal mementos including items from his childhood such as toys, photographs, and hockey memorabilia we created a montage of objects. The imagery on the homepage ties into the different sections of the site adding a lot of visual appeal, as well as giving a more intimate touch, and fun personality.

The site also has a blog, so that Don can keep in touch with his readers on an ongoing basis. He’s already gotten started by sharing some real gems with his readers:

Check out the site!

Posted by Rachael Ashe at 2:34 PM | Comments (1)

From the Blog

  • Click to fill out the Hop Studios Quote Request Form



 

Recent Blog Posts

RSS Feed


Archives