Modern Web Design Style, Good Web Design

In this article I try to sum up the current state-of-the-art in graphic design for web pages (late 2006, but still highly relevant today), and identify the distinctive features that make a modern web page look fresh, appealing and easy to use. The key feature of modern web design is simplicity. To learn how to apply simple web design to your own sites, you need to read “Save the Pixel – The Art of Simple Web Design”, which takes you through a full set of simple design tools, illustrated with 22 before & after redesigns. I’m glad to say that web design is better today than ever – and it’s continuing to improve. The examples below (which I’ll roll over time) show excellent modern graphic design technique. Hotties I’m not saying these are the very best sites out there, just that they’re typical of today’s best design. Common features The great sites above share the following design features: Let’s look at these features one by one. Simple layout Centered orientation Design the content, not the page

CSS Tutorial Ajax Wireframing Approaches This is the second of three installments of A Designer’s Guide to Prototyping Ajax. Be sure to also check out the Introduction and the final installment on JavaScript Basics for Prototyping. Introduction Last week we introduced the concept of prototyping as a solution to the problem of representing Ajax at the early stages of designing an interface. We talked about some general strategies and attitudes we should take when starting a project (like not being a hero and establishing good relationships with our programmers) and reviewed some fundamental XHTML and CSS skills we should have in our arsenal before beginning the prototyping process. In this installment, we’re going to go over a few techniques and approaches we use to create the foundation of every prototype—wireframes. Creating an XHTML/CSS wireframe is easy enough, basically you just build the web site with your editor of choice (we like TextMate and Skedit on OSX and Notepad++ on XP). Keyframing Stacking Using Useful Class Names

First webpage guide This guide is intended for those who have no experience creating web pages and want to get started. It will show you how to write the code for a webpage, save it, and view the result. The world of webpage building is an interesting and rewarding one, hopefully this quick guide on making your first webpage will serve as an easy to understand introduction that will bring you into it. First webpage Creating your first webpage and viewing the result. Second webpage Similar to the 'creating your first webpage' page, but this page goes into some more detail as well as repeats some concepts to reinforce them in your mind. First webpage guide summary A quick overview of the information in this section and info on what you should learn next. Test your knowledge of basic webpage building with the First webpage guide quiz

MISHOX | Michal Svec - new media designer. Web design and coding, branding and corporate identity. wtf 2.0 The worst thing about all the Web 2.0 hype is the complete loss of business perspective. There's a few companies out there that seem to get it but just about every other new website I've seen lately is nothing but features parading as businesses. Sure, these guys get to be entered in the "Flip It Quick Acquisition Lottery", but beyond that, none seem to be creating anything of any real value. Yeah, I've bitched about this before, but hey... today seems like a good day to start in again. What part of "Version 2" don't these people get? Let's go back in history (2004) to the conception of the term "Web 2.0" itself - the shining examples then were Amazon.com and eBay. I've still got the little "Internet Metrics" book they handed out at the O'Reilly conference back then - the contents page reads like this: "The Mobile Platform, Music is a Platform, Search is a Platform, The Telephone is a Platform, Media is a Platform, The Platform Revolution," you get the idea. Okay, I've ranted enough.