Great jQuery plugins for fresh websites

One can only imagine how tough it was to practice web design back when everything seemed so new — during the days of Netscape Navigator and Microsoft FrontPage. Looking back, it seems like such an archaic time in the history of web design. It was almost impossible to design something of supreme and intelligent creativity. Back then, you were seen as creative if you had an awful flashing background or colored scrollbars.

There wasn’t a ton of flexibility really when it came down to the nitty gritty of design. Many of the layouts were the same and mimicked what was seen in magazines and newspapers. I mean just think about it: not too long ago we were able to finally figure out a way to use decorative fonts online. Beforehand, it was all Arial, all Verdana and all Times New Roman — in 2012, can you imagine living that life?

Tables were the norm and those weren’t too flexible. Speaking of flexibility, how did we ever live without responsiveness? If you wanted to design a website a while ago, you pretty much were boxed in to work with what you had. No one complained then, but thank goodness for progressive technology.

Fast forward to now, and we can pretty much design anything the way we want to, in whatever we want to. These types of things shouldn’t be taken for granted, but as new generations of designers and developers enter this realm, it pretty much is. I mean, just a few months ago, we were finally able to use style sheets to create rounded corners — how quick do we forget? Seguir leyendo “Great jQuery plugins for fresh websites”

Here are 35 great Free Ecommerce Icon Sets

Ecommerce refers to the buying and selling of products or services over electronic systems such as the Internet, mobile network and other computer networks. Nowadays, organizations creating their websites for expansion of business and of course for greater customer service. Ecommerce web design brings some unique requirements, and this usually includes the need for specific icons such as shopping carts, credit cards, and others related to the online shopping experience.


Here’s a collection roundup of 35 great Free Ecommerce Icon Sets. These sets of free ecommerce icons are excellent for use on ecommerce websites or other ecommerce project. As always when you’re working with thisfree ecommerce icons, be sure to read the terms of use or license agreements stipulated by the designer. Hope you like them all!


1. Shopping Cart Icon by Bartelme

ecommerce icon 1 35 High Quality Free Ecommerce Icons

2. Sienna Ecommerce Icon

siena ecommerce icon 35 High Quality Free Ecommerce Icons

3. Payment Method Icons for Ecommerce Website 

payment method icons setpayment method icons for ecommerce website 35 High Quality Free Ecommerce Icons

4. Weby Icon set

Weby Icons set 35 High Quality Free Ecommerce Icons

5.Glossy Ecommerce Icons Seguir leyendo “Here are 35 great Free Ecommerce Icon Sets”

Less is More: 32 Clean & Minimal Websites

By Brant Wilson |


In this post we have put together some clean web designs for your inspiration








Seguir leyendo “Less is More: 32 Clean & Minimal Websites”

Design is About Solving Problems

Web design is, and always will be, about problem-solving, and galleries generally can’t teach you how to be good at that.

You won’t find inspiration in design galleries: just a solution to someone else’s problem.

I’m keen to reiterate this, especially to young designers in the industry who look at the huge number of inspirational galleries and treat them as definitive answers on how to create user interfaces and experiences, rather than just as examples of good visual flourishes in other people’s products.

Other Designs Can’t Solve Your Problems

When a project brief is submitted, there’s an inherent danger in the designer asking the client what other websites they like. Getting an idea of the sort of thing the client likes and would want to see in their own project is usually considered harmless.

But I’ve stopped asking this, simply because it plants a seed in their mind of the sort of visual features they like on someone else’s website. And once you start down that path, you’re in trouble. Clients often focus on what their competitors are doing, without considering the possibility that the features they see might not even be effective. They’re not considering their own users or the strengths of their own product. Rather, they’re chasing their competitors. It’s amazing how many times you’ll see this happen in our industry. Not making the same mistake in your work is vital.

When you look at an inspiring gallery or attractive website, remember that what you’re seeing is merely the result,
not the process.

You usually have not been party to the process that got to that result, which could include a range of things such as user testing, multiple iterations and prototypes, A/B testing, various stages of client input and so on.

Often, even the simple things you see on a website or in a design gallery are the result not only of a process but also of the experience of the designer behind the result.

So, Where Else Can You Look To For Inspiration?

Whenever anyone asks how to get inspired, I always point to people themselves. Watch people as they interact with the things around them and solve problems. You’ll learn an immense amount.

National Geographic Magazine

If you can, study people, and look at their stories. One source of real inspiration for me is National Geographic. I’ve had a subscription for years, and seeing how people all around the world solve problems in their lives, on both big and small levels, never fails to inspire me. Seguir leyendo “Design is About Solving Problems”

Como saber si una foto ha sido retocada con Photoshop

Autor: r.avila

Gran idea que tuvieron aquí, nueva aplicación web nos dice cuando una imagen ha sido retocada con photoshop.

Sitio que identifica si una foto fue retocada o alterada en photoshop

Hay ciertas imágenes que al verlas de reojo uno puede identificar que han pasado por un editor de imágenes, y las hay que han sido modificadas por un maestro de estos software (Todos conocemos a alguien que utilice Photoshop), con un grado de error tan bajo que se necesita de cierta ayuda para saber si es real o fue alterada.

Por suerte, para aquellos que se nos dificulta identificar la viabilidad de las imágenes, hay un nuevo sitio web que nos ayuda con esta difícil tarea.

Ingresando al sitio errorlevelanalysis, indicamos la url de la imagen que queremos comprobar, aunque únicamente trabaja con formato jpeg, es una gran ayuda en un apuro donde necesitemos comprobar que tanta fantasía fue añadida a la imagen. Seguir leyendo “Como saber si una foto ha sido retocada con Photoshop”

The distinction between interfaces & graphics. by Michael Dick

Clip from…

A very common question I encounter with in our industry is sort of a trick question, they ask me if I do graphic design. I reply with, no. Then the next question that follows asks me who designs my graphics.

In any industry there is terminology and that terminology gets mixed up. Some people use it one way and others use it their way. The case against Interface and Graphic design is the most often encountered in ours. Trying to explain to someone that I’m an interface designer but not a graphic designer can get tricky.

Let’s settle the score here.

Interface design is when one is designing something that will be used by humans. The understanding of how a user thinks, learns and adapts is important knowledge.

I’m not down playing graphic design in any way, it’s just different. For example, graphic designers have the intention to grab an emotional response visually. While Interface designers have the intention to grab a logical response mentally.

Seguir leyendo “The distinction between interfaces & graphics. by Michael Dick”

7 Secrets Graphic Designers Won’t Tell You about Effective Website Design

By James Chartrand | //

Ever had a run-in with a graphic designer who promised you a brilliant design but all you got was a big mess?

No, you’re not an expert, but you know what’s good and what’s not. You also know when you’re being taken advantage of. All you wanted was a website that would help you succeed online, and what you got instead wasn’t worth the pixels it was painted on.

And what’s worse is you have to start over. You’ve lost months of time, burned through thousands of dollars, hurt your business reputation, and gone through the emotional turmoil of it all, and now you have to do the whole thing over again.

It’s scary, because let’s be honest. What if Take Two is just as much of a nightmare?

Well, we’re not going to let it happen again. Here are some secrets many graphic designers won’t tell you, and knowing them can save you a bundle of both time and money… Seguir leyendo “7 Secrets Graphic Designers Won’t Tell You about Effective Website Design”

25 Nature Related Web Designs to Inspire You

Gisele Muller

A while ago we published a list with 50 Green Web Designs to Inspire You, and the post was a hit. This time we decided to focus on green websites, but green by meaning nature related websites – eco-friendly stuff, organic food, reusable energy, etc. So today you will get inspired not only by web design but also by eco-friendly ideas, which is simply great! I hope you enjoy.



e-One’s mission is to develop innovative ways to bring the benefits of environmental sustainability to small and medium-size businesses and organizations. Seguir leyendo “25 Nature Related Web Designs to Inspire You”

Absolutely Amazing Photoshopped Effect That Make You Say Wow (PICS)

Today’s post is a showcase of amazing concepts of all talented professionals of Photoshop participants in Worth1000. This showcase is consists of Photo effect techniques for creating fun and illusion in terms of Super-Giants peoples and animals. This is an amazing collection that looks realistic view of an unreal picture and highlight incredible fun in these photoshopped images.

photoshop image 15 Absolutely Amazing Photoshopped Effect That Make You Say Wow (PICS)

photoshop image 14 Absolutely Amazing Photoshopped Effect That Make You Say Wow (PICS) Seguir leyendo “Absolutely Amazing Photoshopped Effect That Make You Say Wow (PICS)”

A 6-Step General Process for Producing a Website

by Chris McConnell

A 6-Step General Process for Making a Website

When it comes to building a website, it helps to have a process to follow, especially if you are just getting started as a web designer. Good guidelines can help you work better by keeping forgetfulness to a minimum.

Every designer or company will develop unique components to their web design process over time, but the basics remain the same: learn, plan, design, code, launch and maintain.

In this article, I will share my process for designing a website. Seguir leyendo “A 6-Step General Process for Producing a Website”

Tips for Effective Storyboarding

Animated fire
Image via Wikipedia
Author Joshua P.
If a picture is worth 1,000 words, how much could I get for a strip of eight?

Whether you’re working on an interactive project, commercial TV spot, animation, or indie filmstoryboards are an effective way to quickly tell a story, show an animation sequence, or describe a user experience. Storyboards are particularly effective at visually communicating action, timing of dialogue and voice-over, and camera movement in a scene. Early on in the production process, they are necessary to tell the story and communicate the concept. Later on, they serve as a guide to produce the final work – and they often include technical notes and markup. Detailed storyboards make sure everyone is on the same page and can often prevent major pitfalls that affect production and cost.

In this article you will learn how to create storyboards and present them. At the bottom of the post you’ll find free storyboard templates available for download. Seguir leyendo “Tips for Effective Storyboarding”

Creating a Stylish Blog Design Layout in Photoshop

View the article

One of my current projects is a redesign of my personal blog over at The aim is to move away from the current fun and cartoony theme and give it a more sophisticated, minimal and stylish design. I thought this would be the perfect opportunity to create a blog design walkthrough. This tutorial starts with the Photoshop stage of the blog design process, and shows how the design and layout are created to form an initial concept from which the fully coded blog will be based on.

View full size concept

View full size concept

The design I’m working on for features a slightly retro beige and brown colour scheme with a burgundy red as a highlighting link colour. Subtle textures and patterns like the background noise, chiseled lines and inset text effects all help add the visual details to the design. Being a site that holds a fair few YouTube videos, the content area needs to be wide enough to accommodate at least 640px, which leaves just enough space for a thin sidebar to contain category links and a brief overview of the websites I run.
I wanted the footer to be a place where visitors could find a wealth of additional info about me, so it includes a list of latest posts from my design blogs, insights into the music I’m listening to and latest shots from Flickr. Seguir leyendo “Creating a Stylish Blog Design Layout in Photoshop”

40+ Web Design and Development Resources for Beginners

ipsum imageBrian Casel is a web designer and owner of ThemeJam WordPress Themes and CasJam Media. You can follow Brian on his blog at or on Twitter @CasJam.

It’s no secret that web design is a fast-growing industry. Virtually every type of business is in need of a quality website. There are opportunities at the large agency level down to freelancers developing small-business websites from home.

So how do you break into this exciting field? With little or no experience creating websites, getting yourself up to speed can be a daunting task. There are so many different avenues of design and development to explore. Which way should you go first? Which skill sets suit you the best?

We aim to give you an overview of a few things things that are essential to a well-rounded knowledge of web design. These are starting-points, if you will. Below each item, we’ve listed additional resources for you to continue on in your learning process.

Before we get into it, heed one important lesson: You can’t become a professional web designer overnight. It takes years to reach an expert level in any aspect of the field. But everybody starts somewhere, and there’s no better time than the present begin your web design education. Seguir leyendo “40+ Web Design and Development Resources for Beginners”

Weekly Web Design and Development Inspiration

This is our selection of our favorite web designs from the past week or so, some sites we discovered, but the most of them have been recommended by our readers.

Thanks for all your recommendations, and we hope you like this selection of sites as much as we do, feel free to comment and let us know what you think.

Paul Bennett

Paul Bennett

Seguir leyendo “Weekly Web Design and Development Inspiration”