Facelift for sunhome.biz
March 21st, 2009
Facelift for sunhome.biz
|
|
WebdesignFromScratch.com recently gave sunhome.biz a slick re-design and they documented there thoughts and motivations so everyone can learn. The original design was drab with a large white space in the middle of the page. Also, the original design doesn’t consider the needs of its target audience, senior citizens. The new design is much easier to follow and more pleasing to the eye. Give the article a read to learn the specifics of what they changed and why they did what they did, which is the best way to learn good design.
Read | Permalink | Email this | Linking Blogs | Comments
Similar Posts
- Where am I?
- Where can I go?
- Where have I been?
How does your design approach affect accessibility?
In an article entitled “Visual vs. Structural,” Tommy Olsson compares the two most typical – and often competing – web design approaches: visual design and structural design. The balanced and well-written article makes the point that while there are often no major differences in the code produced from one design approach or another, using a structural approach can result in more accessible sites. While I hesitate to use such loaded words as “better,” I definitely agree that structural design can contribute to a product that is more scalable, easier to maintain, and more accessible. (I say this from the perspective of someone who has employed both approaches at one time or another.) And remember, “accessibility” doesn’t just mean “blind people.” As the web moves away from being confined to the desktop computer, accessibility is as much about accommodating mobile technologies as it is about making sure content is available to disabled users.Read | Permalink | Email this | Linking Blogs | Comments
Traveling back to 1996…
The Internet was a bland wasteland in 1996. Just take a look at some of the big corporations sites from 10 years ago. It may be downright painful, but it is a testament to see how far web design has come with the help of CSS. Check out Pepsi’s futuristic web-look. Ah, those were the days…Read | Permalink | Email this | Linking Blogs | CommentsDvorak gripes about CSS
Love him or hate him, John C. Dvorak has written an article concerning the topic of this blog. John is bugged by CSS. The idea is great, it just falls apart in practice noting how Firefox displays CSS differently from Internet Explorer, which displays it differently from Opera he says.“Everyone loses here, from users who can’t understand why things look screwy, to developers who can’t get CSS to do the job right, to baffled content providers.And what’s being done about it? Nothing! Another fine mess from the standards bodies.”If we could get atleast two of the popular browsers on the same page, than we would be set. Imagine if IE and Firefox rendered code the same way. Every other browser would be forced to follow or die a slow and miserable death.Read | Permalink | Email this | Linking Blogs | Comments
Three timeless navigation tips
It’s 2006, and we’re still talking about site navigation? Yes, we are; and apparently we need all the reminders we can get, since so few sites seem to get it right. (Including, I’m well aware, CSS Insider. Don’t hate; I didn’t design it.)In his new A List Apart article (“Where Am I?”), Derek Powazek slaps us upside the head, again, with the cardinal rules of web site navigation. From any page on a site, a user should be able to easily answer these three questions:
Derek provides visual examples of great site navigation. Put your site to the test! Do you know where you are, where you’ve been, and where you’re going?Read | Permalink | Email this | Linking Blogs | Comments
100 Raw CSS Examples
Looking for examples of CSS in action? Well you have come to the right place. The examples are very crude but function perfectly. Take a peek at the source code to figure out how it was done. There is a lot to look through. Read | Permalink | Email this | Linking Blogs | CommentsClickTale: Watch what your visitors are doing
Analytic services provide valuable stats to web site owners and can be the only way of determining if a design is really working or not with real users. ClickTale hopes to up the ante by recording user actions so you can see every mouse movement, every click, and every scroll. Then the service lets you, the owner, see exactly what the user did. Perfect for testing usability. Currently ClickTale is a closed beta but you can sign up for updates by email. A web 2.0 site that is plum purple? I like it.Read | Permalink | Email this | Linking Blogs | CommentsStyling the html element
In his article “HTML’s a Tag Too,” Bryan Veloso discusses the benefits of applying styles to the <html> element. He argues that by making more effective use of <html>, developers could eliminate the need for a wrapper div. Everything would effectively be “moved up” a level – apply global styles to <html> instead of <body>, and then <body> can serve the same purpose as the wrapper div would have. Bryan points out that this can be particularly handy in XHTML 1.1, in which the <body> no longer stretches the entire length of the page. It’s a neat idea, but for many developers – particularly those of us who work on large, enterprise-level sites – it is simply impractical. On large sites, rarely would you want to declare a global background image, for example. Or, you may not be able to access certain elements of a page at all, due to CMS limitations or other restrictions. However, for a small-scale site, styling
<html> could be a good way to reduce divitis, as long as you’re mindful of scalability issues.Read | Permalink | Email this | Linking Blogs | CommentsIE 7 via Automatic Updates
According to a post on IEBlog, IE 7 will be distributed via WIndows Automatic Updates. I’m confused now, because in the interview with Chris Wilson that I linked to yesterday, Chris seemed to definitely say that Microsoft won’t go that route in distributing updates. Or maybe when he said “pushing it out” he was referring to something other than Automatic Updates…?
Hmmm…Read | Permalink | Email this | Linking Blogs | Comments
IE 7 Beta 3 available
Internet Explorer 7 Beta 3 has been announced and is now available for download. Features include tabbed browsing, RSS integration, multiple search engines via the built-in search box, and more. Sure, these are all features that Firefox, Safari, etc. have had for a quite some time, but as the old saying goes, better late than pregnant. There are no new CSS features, however; Microsoft has stayed true to their promise that, for better or for worse, as of this March IE 7 was “layout complete.”Read | Permalink | Email this | Linking Blogs | CommentsInterview with Håkon Wium Lie
Check out this Slashdot interview with Håkon Wium Lie, the originator of the CSS idea. (Can you believe it’s been over 10 years since CSS was proposed? Time flies when you’re coding with tables!) Lie currently serves as CTO of Opera Software.In the interview, Lie suggests that before releasing IE 7, Microsoft should ensure that the browser passes the Acid2 test and supports TrueType downloadable fonts. He also discusses XML, microformats, Ajax, and (of course) the future of CSS. Read the interview and watch him effortlessly knock down all suggestions that CSS is somehow lacking in capabilities.Read | Permalink | Email this | Linking Blogs | Comments