Games are becoming more Web-like, and the Web is becoming more game-like. If you need proof of this, you have only to look at Yahoo Answers. Random questions are posed, the top answer is chosen, and credibility points are given to the winner. It’s a ranking system that accumulates and unlocks more and more features within the system. It works because of the psychology of achievement and game mechanics and thus encourages interaction. This raises the question, what can a Web designer learn from games, or — more specifically — video games?

In this post, we’ll showcase 50 Free high-quality & New (X)HTML/CSS template (some of them include the PSD-source files). You will also find among these elegant templates a very well written step-by-step tutorials showing you how to create your own. Hopefully some of these will meet your expectations and come in handy in your projects.
You will have to check the license first for any restrictions or guidelines before using any template.

All of these sliding box animations work on the same basic idea. There is a div tag (.boxgrid in my css) that essentially acts as a window where two other items of your choosing “peek” through.

The importance of colors can be described by only one sentence – “Color to life is like salt to food”. Colors can change your mood, determine your attitude, whenever you see color you can feel its pleasing effect within your soul. In other words, in life colors express a lot of meanings without saying anything.

Today we have collected some captivating examples of elegant colorful web designs for your inspiration. Have a look.

One of my first icon projects for Campaign Monitor was to create a set of Apple iOS icons for our mobile web application. These are the icons that show up when you bookmark our mobile site to the ‘home screen’ on your Apple device. Now, with all of the iOS devices floating around out there, you can do things the easy way by creating one large icon which is then scaled down for that particular device, or you can do it properly by creating a pixel-perfect icon for each device. For the iPod Touch/iPhone 2.5/3G/3GS, the icon size is a miserly 57 pixels square. For the iPad, it’s 72 pixels square, and for the newer iPhone4, it’s a whopping 114 pixels square.

I created a web-based iPad app mainly for my own personal use. I got fed up with the App Store and all the paid apps that didn’t do the trick.

My particular project is a news aggregating app that makes it easy to take 5 minutes every couple hours and keep up-to-date on news stories from a variety of sources.

The Web Design Ledger is a publication written by web designers for web designers. The primary purpose of this site is to act as a platform for sharing web design related knowledge and resources. Topics range from design inspiration to tips and tutorials and everything in between.

iPad web apps are websites that are optimized for the multi-touch device. This page is constantly updated with the best iPad web apps available. Is there a great web app that we missed? Please contact us and let us know.

Einführung in Canvas

Tool to test designs & web pages on multiple browsers automatically

Below we present over 50 excellent navigation menus — we feature CSS-based design solutions, CSS+JavaScript-based menus and Flash-designs. However, they all have something in common: they are user-friendly yet creative and perfectly fit to the style of their respective websites.

My name is Tina Roth Eisenberg. I am a 'swiss designer gone NYC'. swissmiss is my visual archive of things that 'make me look'. I am a graphic designer and run my own studio in Brooklyn. Contact me if you would like to team up, have a link suggestion or just want to say hello: submissions {at} swiss-miss.com.

Amy Jo Kim is a game/social/web designer known for bridging the divide between game and web design. She has designed software UIs, games, online communities, and wrote the seminal book Community Building for the Web way back in 2000. I have long admired her work, and I am grateful that she recently sat down for an interview on the basics of game mechanics and how they can be used in interaction design.

Here you find links and information about nearly 175 free
PDF mags from all over the world with main focus on art, design, illustration and culture...

I recently finished Outliers: The Story of Success, the latest book by Malcolm Gladwell. More than any other writer, Gladwell can take any topic, even the most dry and boring, and turn it into compelling reading.
The entire Outliers book is good, but Chapter 7: The Ethnic History of Plane Crashes, is amazing. It’s worth the price of the book just to see how Gladwell stitches this chapter together. In it Gladwell tells the story of several plane crashes and uses the last radio conversations between the pilots and the control tower to paint an incredible picture of how they happen.

Conferences about the Web, Web2.0, Design and Development all over the world

All content from FOWA London 2008

Summary: Matching your web site colors isn't always as easy as it should be. Colors that look good to one person may look terrible to someone else. Color Match is a web site tool that helps you to easily find a perfect color scheme generated from a base color then displays the matching HTML color codes.

Blog with inspirational Websites

Ich blogge über Web 2.0, insbesondere Social Commerce und Social Networks … hauptsächlich eigene Erfahrungen: Userverhalten, Social Features, Usability, Informationsarchitektur, Communitymanagement, Best Practice, Negativbeispiele und manchmal auch übers Bloggen.
Über Veranstaltungen zum Thema Web 2.0 die ich besuche, über die Pl0gbar Rhein-Main … ein kleiner netter Stammtisch für Web-begeisterte Menschen und über Wiesbadener Twittertreffen.

Max Kiesler is an award-winning strategic designer and co-founder and principal of Ideacodes.com, a web consultancy in San Francisco focused on next generation websites

Tiffany B. Brown - a web log about web development and internet culture with frequent detours into other stuff.