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.

Now…
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? Continuar leyendo «Great jQuery plugins for fresh websites»
Anuncio publicitario

Here are 35 great Free Ecommerce Icon Sets


http://smashfreakz.com/2012/05/35-high-quality-free-ecommerce-icons/

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 Continuar leyendo «Here are 35 great Free Ecommerce Icon Sets»

Less is More: 32 Clean & Minimal Websites


By Brant Wilson | http://designm.ag

 

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

 

ducttapeandglitter

colorgrade

drxlr

kernandburn

wearyoubelong

happycog

builtwithmomentum
Continuar 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.


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. Continuar leyendo «Design is About Solving Problems»

Como saber si una foto ha sido retocada con Photoshop

La forma en que trabaja es así, salvar en jpeg una imagen una y otra vez. ¿Por qué? Las imágenes en formato jpeg pierden calidad cada vez que se salvan, por ejemplo, si uno tiene una imagen al 90% de la calidad original, y la guarda, tendrás una imagen que es el 90% del 90% de la original (alrededor de un 81%).

De esta manera, al salvarlo una y otra vez, esta aplicación va detectando las zonas donde la resolución se pierda en menor medida que en otras, desplegando un mapa térmico donde las áreas que han recibido edición aparecen de un color mas “vivo”.


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. Continuar leyendo «Como saber si una foto ha sido retocada con Photoshop»

The distinction between interfaces & graphics. by Michael Dick

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.


Clip from…
http://m1k3.net/

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.

Continuar leyendo «The distinction between interfaces & graphics. by Michael Dick»

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

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…


By James Chartrand | //blog.kissmetrics.com

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… Continuar leyendo «7 Secrets Graphic Designers Won’t Tell You about Effective Website Design»

2000 Free Photoshop Patterns


By Brant Wilson

Flowers Patters for Photoshop (6)

Photoshop Patterns

Photoshop Patterns (12)

Continuar leyendo «2000 Free Photoshop Patterns»

25 Nature Related Web Designs to Inspire You

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.


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

naturesites01

e-One’s mission is to develop innovative ways to bring the benefits of environmental sustainability to small and medium-size businesses and organizations. Continuar 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.


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) Continuar leyendo «Absolutely Amazing Photoshopped Effect That Make You Say Wow (PICS)»

A 6-Step General Process for Producing 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.


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. Continuar leyendo «A 6-Step General Process for Producing a Website»

Tips for Effective Storyboarding

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 film – storyboards 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.


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. Continuar leyendo «Tips for Effective Storyboarding»

Creating a Stylish Blog Design Layout in Photoshop

The design I’m working on for ChrisSpooner.com 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.


View the article

One of my current projects is a redesign of my personal blog over at ChrisSpooner.com. 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 ChrisSpooner.com 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. Continuar leyendo «Creating a Stylish Blog Design Layout in Photoshop»

40+ Web Design and Development Resources for Beginners

Brian Casel is a web designer and owner of ThemeJam WordPress Themes and CasJam Media. You can follow Brian on his blog at BrianCasel.com 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.


ipsum imageBrian Casel is a web designer and owner of ThemeJam WordPress Themes and CasJam Media. You can follow Brian on his blog at BrianCasel.com 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. Continuar 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.



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

Continuar leyendo «Weekly Web Design and Development Inspiration»

Andrés Silva Blog

Marketing, estrategia y transformación digital

GENTE COSMO

LIFESTYLE - by Esther Herrero

Being Your Brand

Branding and Strategy for Business and Life

Cruces, Sol y La Imaginación

Cuando la imaginación y la creatividad suman infinito

tranquicomix

fanzine bejarano de historietas hecho en los 80

A Stairway To Fashion

imagination is the key

Vinod833's Blog

This WordPress.com site is the bee's knees

Apasionada de las Redes Sociales

Compartir conocimientos 2.0 y Marketing Online

Zona de Promesas

Blog de Tecnología en Español - Internet - Redes Sociales - Entrepreneurship - Innovación

Top Master | Blog

LOS PROGRAMAS DE MBA Y POSTGRADO MAS INFLUYENTES DE TODO EL MUNDO

Unencumbered by Facts

Taking unsubstantiation to new levels

PsicoEmocions Blog

Un Pont entre la Psique i les Emocions

TEA PTLS NACHO

AUTISMO.TEA..PTLS

Comunicación & Marketing

De Lilian Lanzieri

Xtratexia

Dirección estratégica para la vida

StellarHIRE Partners

Founding Partner, StellarHire Partners - Executive Search Consultants. Recent engagements include Eloqua, SFDC, Tibco and Veeam.

ivanbrunpr's Blog

4 out of 5 dentists recommend this WordPress.com site

BLOGTEC

Noticias de Tecnologia.

T a l e n t o  en  E x p a n s i ó n

Gestión de personas y transformación digital para las organizaciones líderes de la Era del Conocimiento

Two Leaves Tea SPAIN

Great Organic Tea! ✫✫✫✫✫ Te Organico en Piramides

Ideas para la clase

Experiencias creativas en la clase de español.

No solo los 80's

La mejor música de la historia

Molly Balloon's Blog

Identity + Dressing + Colour

El OJO PUBLICO. / Глаз общественности

Ver para contar & contar para ver. / Чтобы рассказать

Think Creative Idea Growth Hacking

Expertos en estrategia y auditoria de marketing

The Coaching Alliance

El camino hacia el éxito

Erick Lovera

Mi Pasión en un Blog

Estampas de México.

“Un fotógrafo tiene que ser auténtico y en su obra, debe expresar emociones, provocar reacciones y despertar pasiones.” ~ Javier García-Moreno E.

Natalia Gómez del Pozuelo

Escritora y formadora en comunicación

aloyn

Alimentación, ocio y negocios, ALOYN, es un Grupo dirigido a Directivos y Propietarios de empresas, interesados en el mundo de la industria de alimentación y bebidas. Tanto por la parte de la industria productora como por la parte de la industria consumidora y/o distribuidora (Distribución Comercial, Horeca, Vending, Venta Directa, etc). También nos interesan las actividades ligadas al agroturismo y el enoturismo como magníficas actividades de promoción y difusión de la cultura gastronómica.

Blog de Jack Moreno

Un blog de Joaquín Moreno sobre recursos, literatura y ciencia ficción

Mashamour

Ensalada de Manjares

be.blog

be. Intelligent Multimedia Education

~~Mente en Gravedad~~

************************************************************************************************************

The Xtyle

Fashion Blog - Un Blog de Moda y Tendencias by Bárbara Sanz Esteban

aníbal goicochea

Tecnologías de la Información y Estrategia

A Waterfall of Sound

"Poetry is when an emotion has found its thought and the thought has found words." Robert Frost

Health & Family

A healthy balance of the mind, body and spirit

Style & Design

Fashion Trends and News

U.S.

News, Headlines, Stories, Video from Around the Nation

NewsFeed

Breaking news and updates from Time.com. News pictures, video, Twitter trends.

A %d blogueros les gusta esto: