As interface designers, we’re often required to demonstrate the look and feel (and interactions) of the interfaces we design. We often begin with a series of flat images, and while these may be pixel perfect and show some amazing detail, they lack the context of the user experience.

Without context, it would be difficult for your clients to understand the flow of an app or website in the way you originally planned it. The best way to introduce context is by adding interactivity. By providing an interactive prototype (or interactive mockup), your clients can play around with it to their hearts’ content to get an idea of how the app will work and to test the interactions.
Read more...
Serifs, sans serifs and… scripts. In theory not a bad typographic palette to play with, but when it comes to practice, the options are always far fewer.

One member of that stylistic trio could never quite punch its weight. But over the last few years we have seen something of a rebirth and revitalization of scripts, a category that once represented a care home for the typographically underemployed. But why has this come about, and why was one needed in the first place?
Read more...
We always try our best to challenge your artistic abilities and produce some interesting, beautiful and creative artwork. And as designers we usually turn to different sources of inspiration. As a matter of fact, we’ve discovered the best one—desktop wallpapers that are a little more distinctive than the usual crowd. This creativity mission has been going on for over four years now, and we are very thankful to all designers who have contributed and are still diligently contributing each month.

We continue to nourish you with a monthly spoon of inspiration. This post features free desktop wallpapers created by artists across the globe for July 2012. Both versions with a calendar and without a calendar can be downloaded for free. It’s time to freshen up your wallpaper!
Please note that:
- All images can be clicked on and lead to the preview of the wallpaper,
- You can feature your work in our magazine by taking part in our Desktop Wallpaper Calendar series. We are regularly looking for creative designers and artists to be featured on Smashing Magazine. Are you one of them?
Read more...
Working as a Web designer can suck sometimes. This is especially true when you don’t get to work alongside the client. Unfortunately this scenario is more common than you would think. Many organizations have been carefully structured to keep the Web designer and the client apart. But is that really sensible? Would projects run much smoother without your account manager or boss acting as the middleman?

This issue came to my attention following the release of my latest book “Client Centric Web Design.” In this book I provide advice about how to work more effectively with clients. However, I had made an assumption in the approach I presented, an assumption which turned out not always to be true. It assumed that the Web designer and client can work collaboratively together. Following the book's release I realized that for many Web designers that this is not the case.
Read more...
Let’s see what we got: WordPress as this flexible, easy to use Open-Source blogging and CMS system. More and more mobile devices flooding the market every day and being extremely popular. Plus the need of more beautiful designed and coded WordPress themes for users to choose from that will work well across all these different devices. So what are we waiting for? Let's get to work!

At first the idea of designing and developing a fully responsive, mobile-ready WordPress theme can be a bit overwhelming and you might think: How am I going to handle the responsive design with all this flexible content a WordPress theme has? What do I have to consider when designing for touch devices? And do I really have to get rid of drop down menus and other hover elements on mobile devices?
Read more...
Due to big changes in the SEO landscape, designers, photographers, videographers and writers have new opportunities to build their reputation, expand brand awareness and generate more leads. This post describes five important developments that content creators should be aware of, and then we’ll outline several ways to capitalize on them.

Thanks to self-publishing and social networks, the world is drowning in content. Google’s response: make it easy for searchers to drill down to exactly what they are looking for. Today, we can perform a search and look at the results all together in one big chunk, or we can carve off just a piece.
Read more...
Error pages for form-field validation are dreadful. You’ve just filled out 20 form fields, yet you get the same bloated page thrown back in your face because a single field failed to validate. I clearly recall the often loud sighs of despair during our last usability study each time a test subject encountered a validation error page.

We reflected on this problem and got an idea that we call “error fields only” — which is exactly what this article is about. Before exploring this idea, let’s look at three traditional types of validation techniques: “same page reload,” “optimized same page reload” and “live inline validation.”
Read more...
You probably know that testing is good, but the first hurdle to overcome when trying to write unit tests for client-side code is the lack of any actual units; JavaScript code is written for each page of a website or each module of an application and is closely intermixed with back-end logic and related HTML. In the worst case, the code is completely mixed with HTML, as inline events handlers.

This is likely the case when no JavaScript library for some DOM abstraction is being used; writing inline event handlers is much easier than using the DOM APIs to bind those events. More and more developers are picking up a library such as jQuery to handle the DOM abstraction, allowing them to move those inline events to distinct scripts, either on the same page or even in a separate JavaScript file. However, putting the code into separate files doesn’t mean that it is ready to be tested as a unit.
Read more...
There are different ways to make your website faster: specialized plugins to cache entire rendered HTML pages, plugins to cache all SQL queries and data objects, plugins to minimize JavaScript and CSS files and even some server-side solutions.

But even if you use such plugins, using internal caching methods for objects and database results is a good development practice, so that your plugin doesn't depend on which cache plugins the end user has. Your plugin needs to be fast on its own, not depending on other plugins to do the dirty work.
Read more...