02 Sep

Menú sensible en CSS compatible con IE6

Si han intentado realizar menúes que respondan de determinada manera a los movimientos del ratón, probablemente han hecho uso del a:hover para cambiar el color. Pero hoy en día se pueden animar estas respuestas a través del uso de Selectivizr, un JavaScript que permite que estas pequeñas animaciones aplicadas a los botones puedan visualizarse correctamente en todos los exploradores, incluído en IE6.

Seguir leyendo

Share this
29 Ago
27 Ago

Plantilla PSD para sitio web con diseño simple y minimalista

En el último tiempo, debo reconocer que los recursos estilo vintage están superpoblando los sitios en los que suelo buscarlos. Tiene que ver con la moda y la decisión de utilizar esta estética en casi todos los proyectos nuevos, pero hay quienes aún se deciden por aquellos diseños simples, limpios y que son eficaces a la hora de desplegar la información.

El caso de “Award The Inspired” es uno de los que cumplen esta función, detrás de esta plantilla encontramos la posibilidad de plantear un sitio informativo o institucional, obviamente la estética puede aplicarse a un blog, pero necesitar rediseñar la plantilla.

Seguir leyendo

Share this
21 Ago
07 Ago

8 Plantillas web profesionales HTML5 gratis

Siguiendo con la tendencia de incentivarlos a migrar a HTML5 queremos compartir con ustedes 8 plantillas web profesionales HTML5 que son completamente gratis para que utilicen en sus próximos diseños, después de todo HTML5 es una tendencia global en cuanto a diseño web y que poco a poco se esta convirtiendo en un estándar, es muy recomendable porque una de sus mayores ventajas es que incluso utilizando animaciones hechas con HTML5 y CSS3 sus sitios seria totalmente visibles y adaptables para los usuarios que naveguen en Internet con un iPad, iPhone y cualquier tableta o telefono móvil del mercado.

 


PLANTILLA HTML5: TRINITY

plantillas html5 trinity 8 Plantillas web profesionales HTML5 gratis

PLANTILLA HTML5 PARA SITIOS DE EMPRESAS

plantillas html5 company 8 Plantillas web profesionales HTML5 gratis

PLANTILLA SIMPLE HTML5 CON SCROLLING

plantillas html5 scrolling 8 Plantillas web profesionales HTML5 gratis

PLANTILLA HTML5 + PSD: HOSTING

plantillas html5 hosting 8 Plantillas web profesionales HTML5 gratis

PLANTILLA HTML5 + PSD: SHINRA

plantillas html5 shinra 8 Plantillas web profesionales HTML5 gratis

PLANTILLA HTML5 + PSD: NOVA

plantillas html5 nova 8 Plantillas web profesionales HTML5 gratis

PLANTILLA HTML5 + PSD: FOTOGRAFÍA

plantillas html5 fotografia 8 Plantillas web profesionales HTML5 gratis

PLANTILLA HTML5: IPHONE APP

plantillas html5 iphone 8 Plantillas web profesionales HTML5 gratis

Share this
05 Ago

17 Archivos PSD para diseños de Interface de Usuario

Excelentes archivos PSD para diseños de interfaces de usuario son perfectos para crear diseños de paginas web o sistemas de administración, usualmente son la base perfecta para diseñar una interface de usuario usables y facil de utilizar, estos archivos PSD incluye menus de navegación y botones listos para que utilices con tus diseños ya sea para Web, aplicaciones de escritorio o incluso para telefonos moviles.

 

 

CRITO UI

crito 17 Archivos PSD para diseños de Interface de Usuario

BLACK AND RED UI

black and red 17 Archivos PSD para diseños de Interface de Usuario

CLASSIC GREY WEB UI

classic grey web ui 17 Archivos PSD para diseños de Interface de Usuario

YOUTUBE UI

Youtube UI 17 Archivos PSD para diseños de Interface de Usuario

PACK WEB ELEMENTS

pack web elements 17 Archivos PSD para diseños de Interface de Usuario

IMDB FILM WEB SITE

IMDB 17 Archivos PSD para diseños de Interface de Usuario

STICKY BUTTERSCOTCH

Sticky Butterscotch 17 Archivos PSD para diseños de Interface de Usuario

CHUTZPAH UI

chutzpah ui 17 Archivos PSD para diseños de Interface de Usuario

BLACK UI

BlackUI v1 17 Archivos PSD para diseños de Interface de Usuario

CLEAN GRAPHICS

clean graphics 17 Archivos PSD para diseños de Interface de Usuario

SOFT UI

Soft UI 17 Archivos PSD para diseños de Interface de Usuario

FRESH UI KIT

Fresh UI 17 Archivos PSD para diseños de Interface de Usuario

WOOD APP

Wood APP 17 Archivos PSD para diseños de Interface de Usuario

WEB UI ELEMENTS

Web UI Elements 17 Archivos PSD para diseños de Interface de Usuario

USER TOOLS UI

user tools UI 17 Archivos PSD para diseños de Interface de Usuario

MODERN UI

Modern UI 17 Archivos PSD para diseños de Interface de Usuario

SLICK PRICE TABLE

Slick Price Table 17 Archivos PSD para diseños de Interface de Usuario

Share this
01 Ago

UI: Reproductor de Audio [PSD]

Si estas pensando en rediseñar el reproductor de audio de tu sitio web, entonces este recurso te parecerá interesante.

Se trata de Super slick Music Player, una interface de usuario completa y en formato PSD de un reproductor de audio. La interface es de descarga gratuita, y no posee ninguna limitación de uso, tan solo descargamos el archivo y estamos en condiciones de aplicarlo a cualquier sitio de nuestra autoría.

La interface se ve así:

Como comente anteriormente este recurso se descarga en formato PSD, el documento se encuentra perfectamente dividido en capas, facilitando considerablemente su edición. Algo que se agradece especialmente desde el punto de vista de adaptar los colores al de nuestro sitio web.

Este fantástico diseño llega a nosotros gracias a Iqbal Perkasa un diseñadores de 17 años que reside en Indonesia.

Web: Super slick Music Player

Share this
28 Jul

Elementos UI de iPhone 4 en PSD

Si se encuentran desarrollando una aplicación para iOS o pretenden iniciarse en este arduo camino, puede que un set de elementos UI diseñado exclusivamente para visualizarse en iPhone 4 les ahorre parte del trabajo.

Estos elementos fueron diseñados por Tomas Jasovsky y pretenden cubrir todas las necesidades gráficas de cualquier interfase básica. Desde menúes select, hasta estrellas de valoración, pasando por diferentes opciones de menúes funcionales con íconos que obviamente pueden reemplazarse por otros acordes a la función que requiera la aplicación.

Descargar iPhone 4 UI Kit | Dribbble

La plantilla se incluye en formato PSD y pueden descargarla desde el enlace publicado por el mismo autor en Dribbble como regalo a la comunidad de diseñadores.

Share this
20 Jul

Google+: crea una portada personalizada para tu perfil en Google+

Google+ cada día se está pareciendo más a Facebook, la estética de pagina tiene los aires del nuevo Timeline y eso es inevitable. Ahora, sino te importa la copia y simplemente quieres personalizar tu perfil en Google+ pero crees que no tienes las herramientas, Cover Photo Editor será la mejor solución.

Se trata de un servicio web que, de forma totalmente gratuita y sin requerimientos de suscripción, nos permite crear una portada personalizada con las dimensiones exactas que la gente Google nos pide, de hecho ya tienen también su versión la el timeline de Facebook.

Podemos elegir entre gran cantidad de fondos ya hechos y que sólo requieren descargarlos, pero también podemos elegir una foto o imagen desde nuestro ordenador y editarlo con elementos adiciones como textos o figuras.

Una vez que terminamos la edición simplemente guardamos el resultado en nuestro ordenador, nos dirigimos a nuestro perfil de Google+ y cambiamos las dos fotos. Sencillo y practico, a veces es necesario para quienes quieren efectos y letras pero creen que es necesario Photoshop o cualquier tipo de programa similar.

Visita: CoverPhotoEditor

Share this
10 Jul

Set gratuito de micro iconos

Me encantan los iconos, me parecen un recurso fundamental para la mejora de la experiencia del usuario, son pequeñas guías gráficas que orientan a las personas a utilizar mejor las herramientas. Unos iconos que me fascinaron son los que encontré en 365psd.

Este set esta compuesto por más de 100 micro iconos, su tamaño es de apenas unos 16×16 pixeles. Estas dimensiones lo transforman en un recurso perfecto para utilizar en espacios reducidos, por ejemplo en menú de navegación o botonera.

Muestra de los algunos micro iconos:

Estos iconos pertenecen a un trabajo del diseñador Matt Gentile. Son gratuitos y no presentan ninguna restricción para su utilización en cualquier sitio web.

Exactamente en la descarga van a encontrar 110 iconos, los mismos se encuentran en formato PSD listos para ser editados con Photoshop.

Web: Micro icon Set

Share this

© 2006 Miracle Design. Todos los derechos reservados