In today’s tutorial Mary Lou will be creating a custom animation banner with jQuery. The idea is to have different elements in a banner that will animate step-wise in a custom way. She will be using the jQuery Easing Plugin and the jQuery 2D Transform Plugin to create some nifty animations. Just choose your images and lets get started.

In this guide Jake Rocheleau would like to share some of the most common tips when designing for mobile screens. The web is a fluid beast constantly changing with the times. You have to limit your knowledge of building for desktop browsers in exchange for newer compact designs. The learning process is devious but after a bit of practice you’ll pickup mobile design very quickly.

This is a different take on Responsive Web design. This article discusses how we can better embrace what the Web is about by ignoring the big elephant in the room; that is, how we can rely on media queries and breakpoints without any concern for devices.

As the icy grip of winter closes in tighter many begin to dream of spring. That time of renewed growth and warmer days that tends to draw us back outside and into nature’s waiting open arms. With the seeming promise from the old groundhog that we will more than likely be seeing a few more weeks of winter, we thought our readers could use a little piece of spring a bit early.

In addition to finding and selecting colors that work for you, it is wise to develop and manage a color scheme for your project. It is simple to create a set of swatches in common image software such as Adobe’s Photoshop or Illustrator and organize colors in such a way that they are easy to find and use.

In this article, we’ll discuss “designer myopia”: the all-too-common phenomenon whereby, despite our best intentions, we sometimes design with a nearsightedness that results in websites and applications that please ourselves and impress our peers but don’t meet user and business goals.

In this article, we’ll show you how spending more time up front designing user flows leads to better results for both the user and business. Then we’ll look in depth at a common flow for e-commerce websites (the customer acquisition funnel), as well as provide tips on optimizing it to create a complete customer experience.

Simplicity is about subtracting the obvious and adding the meaningful. Simple designs are typically easier to use. The first step in achieving simplicity in design is, as Jony Ive said, to go deep. You have to truly understand what’s at the core, what’s the essence of the thing your designing.

Minimalism, interestingly enough, is usually born out of excess. In all arts, in all ways of life, we start out by taking and adding whatever we can. When we start to realize that more is not necessarily better, and that we can get by with less stuff, we try to simplify by removing unnecessary elements so we can focus on what’s truly important.

Over the past few years the number of fonts available for use in web design has dramatically increased. It wasn’t long ago that we all knew not to stray further than the basic Arial, Helvetica, Times, Georgia mix, but now there’s a range of services that allow the use of almost any font imaginable in your website design. This post rounds up the various custom web font solutions and looks at the pros and cons of each.