You probably know of Carsonified from its Future of Web Apps and Future of Web Design conferences, or perhaps from its ThinkVitamin site. Now it has added Think Vitamin Membership, which offers a series of videos on a variety of leading-edge web topics.
When you're ready to turn your beautiful design into a live, functioning web site, you need to tread carefully. While many different paths will lead to a site that looks more or less the same, the maintainability may vary dramatically, as may the browser compatibility and accessibility. In this article, we explore coding issues.
Perhaps the biggest difference between designing for print and for the web is the opportunity to use interactivity. Sure, you can build your web pages just like printed pages that appear on screen, but if you do so you're leaving on the table some of the benefits the web has to offer. Interactivity in web pages is provided by JavaScript, the programming language that runs in the browser.
One of the most fundamental differences between designing for the web and designing for print is that there is little predicability in how your web design will be viewed. In print, you at least have control over what size paper your design is printed on. On the web, the same site may be viewed on a mobile phone, a netbook, an iPad, or a 30-inch monitor. That means you don't have any idea how big things are going to be, or where the edges are.
When you design a web site in Photoshop, there's a disconnect between the tool you are using and the medium you are designing for. Although it has evolved somewhat, Photoshop was created for non-interactive design, and for a publishing medium that mapped quite directly from Photoshop screen to printed page. When you're designing for the web, there's big differences.
Not that there was much ambiguity in Apple's position on Flash and Adobe, but just in case it wasn't crystal-clear to you, read Steve Jobs' Thoughts on Flash.
Readers of books expect to find a table of contents and page numbers to help them navigate. Viewers of web sites expect to find headers, footers, and persistent navigation. If you don't provide it, you significantly increase the chances visitors will get lost, or frustrated, and give up.
If you're a graphic designer whose background has been mostly in print, there's a few things we can guess about you: You are much more comfortable and productive in Photoshop than in Dreaweaver or other web tools; you feel overwhelmed by all the technology details that assault you when you need to turn your designs into web sites; and more and more, web sites are what your clients are asking for. If this sounds like you, then finding an effective path to turn your designs into quality web sites could significantly advance your career.
Having spent a week now with an iPad, I'm convinced that it will be the foundation for the next major computing platform, joining Windows and the Mac. Unfortunately, Apple's foolish attempts to restrict innovation in development tools seems likely to be a serious handicap.
Search engine optimization (SEO) is perhaps the most confusing, ill-defined, and controversial part of web design today. The good news is that there are some simple things that will provide a huge boost to most of these sites. Follow the easy steps in this article, and you'll be way ahead of the average site.