Inspiración Web

Navegando por la red hemos encontrado esta gran selección de diseño web creativo, inspiracion para diseñadores web multimedia.

Es una selección de los mejores diseños web que encontramos durante nuestros recorridos permanentes en Internet. Estos sitios web sobresalen por su diseño, funcionalidad o creatividad, utilizando Flash, HTML, CSS y/o JavaScript a la perfección.

Esta semana tenemos unas excelentes paginas web como: Reck Design, Mathieu Clauss, Rexona For Men-Mexico, Slavery Footprint y mi favorito esta semana es: Disney Cruise Adventure Inspírate!

Reck Design

Mathieu Clauss

Rexona For Men-Mexico

Slavery Footprint

Disney Cruise Adventure

READMORE

Herramientas CSS para facilitar el diseño

Herramientas y generadores CSS, que he publicado y recopilado. Las hojas de estilo CSS, las podemos editar y modificar con herramientas gratuitas que encontramos en internet, sin necesidad de recurrir a costosas aplicaciones. Dichas  herramientas nos proporcionan las funciones requerida para generar cualquier hoja de estilo CSS, con un aspecto profesional.


Por otra parte una de las cosas más aburridas del diseño de los estilos CSS, es la repetición de los mismos procesos en todo momento. Cosas como la creación de menús o botones, pueden ralentizar el proceso de diseño, un tiempo que los diseñadores podrían emplear en otras partes del diseño.


En artículo CSS Tools to Make Design Easier, de CSSJuice, han recopilado una pequeña lista con cinco generadores que puede ayudar a cualquier diseñador el acelerar el diseño de los aspectos más comunes (menús, estructura, botones, etc.).

• CSS Menu Generator. Este generador nos facilita la generación de menús desplegables con CSS.  Solo tenemos de definir (texto, enlaces, colores, etc.) de los apartados del menú y sus subapartados y la aplicación se encarga de generar el archivo CSS y el código HTML para su diseño. Así de sencillo. La facilidad de uso de este generador nos permite menús en nada de tiempo.

• CSS Layout Generator. Este generador te permite crear una estructura básica de la página utilizando sólo CSS. Esta herramienta toma la iniciativa en cosas tales como la creación de un diseño de tres columnas. Te da una vista previa del diseño a medida que lo creas, eso facilita ver los resultados al instante. Sin importar la cantidad de conocimientos que tiene como diseñador, se puede obtener buenos resultados con esta herramienta.

• CSS Button Generator. Los botones son una de las cosas más aburrido para el diseño en CSS, por la cantidad de tiempo que te quita. El presente generador puede empezar a crear botones en unos pocos segundos. Sólo tiene que elegir el color de fondo, color del borde, y escribir un texto y ya tenemos los botones creador.

• CSS Frame Generator. El uso marcos (frames) en su sitio web ha sido una de las cosas que se han usado desde la aparición del HTML. Antes del uso de los estilos CSS, los marcos eran un mundo confuso dentro de los elementos HTML. Poco después, llegó iframe a la web, y solo ayudo un poco, pero este generador crea la estructura de un modo más fácil usando sólo CSS.

• PSD2CSS Generator. Por regla general, los diseñadores crear el diseño en un editor de imágenes como Photoshop. Después de crear el concepto del diseño, el diseñador traslada la codificación a dicho concepto. Muchas veces tiene que haber cambios en el concepto original del navegador, ya sea debido a problemas con la CSS o a otras limitaciones. PSD2CSS nos ayudará a hacer más fácil el concepto original de diseño. Esta herramienta convierte los archivos PSD en código CSS. 

READMORE

Diseño Web

Hoy os traemos un video que hemos encontrado por internet, una explicación muy completa sobre diseño web. Desde cero, los pasos y protocolos a seguir, diseño web con HTML5 y CSS3 adaptativa...

Video muy completo y muy bien explicado.

READMORE

RECURSOS PARA DISOÑADORES

En este espacio web podreis encontrar una serie de recursos muy interesantes para todos aquellos diseñadores y personas que se dediquen al mundo del diseño gráfico, diseño web, fotografía, ilustración, edición de video, animación, y todos los demás campos creativos. Desde simple imagenes stock a recursos mas elaborados, pasando por páginas de referencia y video tutoriales que consideramos pueden ser interesantes.

READMORE

iCONOS - Herramienta Para Diseñadores

 Aquí os presento una herramienta bastante interesante, sobre todo para diseño web, ya que las imagenes que tenemos aquí son en .png e .ico. No es más ni menos que un buscador de iconos, tanto para el diseño de la web como para el favicon del navegador. Ir a Icon Finder
Para saber como se pone el icono en el navegador y que funcione en los navegadores principales picha aquí.

READMORE

CSS ZEN GARDEN

Página web que cambia de diseño solo con cambiarle el codigo CSS, web de referencia para comprender el funcionamiento del código CSS. Proximamente en recursos internet subiremos un recursos de una web sencilla que cambia el diseño solo con el CSS, para vuestra librería de recursos.

READMORE

Vincular Tipografías a una web "typekit"

typekit Una aplicación web donde puedes configurar entre un montón de fuentes o tipografias, la que más te guste para el diseño de un web, vincúlas y sin problemas de permisos... Todo Free. https://typekit.com/

https://typekit.com/

Fuente|fuentes|tipos|tipografias|tipografías|tipografia|letras

READMORE

Hacer una Revista pageflip Flash para tu web

Hola buenos días,
Hoy os traigo un recurso genial que encontré en internet, es una herramienta muy útil para realizar catalogos interactivos desde un simple PDF, te curras un diseño shulo pçagina por página y lo conviertes a un PDF, luego lo subes a esta web y ya tienes un catalogo interactivo Flash, te pasan el código para ponerlo en tu web o blog. Simplemente genial !!!

http://www.youblisher.com/

READMORE

Plantillas web - Recursos internet -

Navegando por la red, hemos encontrado una selección de recursos a modo de plantillas web bastante interesante para descargar de forma gratuita, ya sea para modificar o simplemente para inspirarnos en algún diseño, hay bastantes, esperamos os guste y sobre todo os sirva. Buen día!

Ir a la selección de plantillas

READMORE

WEB DE FOTOS STOCK

Una web con muy buena iniciativa, fotos de calidad gratis, solo tienes que descargarte la que necesites, también ofrece la venta si la necesitas a mayor calidad, aunque ya estan a bastante tamaño de forma gratuita, eso si con la licencia creative commons. Ahoramismo están cambiando el diseño de su página, pero en breve estará otra vez operativa.

READMORE

iCONOS

Nunca has necesitado unos iconos para un diseño, una web... y no tenías tiempo para hacerlos desde cero?... Aquí tenéis una buena página de iconos. CC, libres de derecho.

http://thenounproject.com/categories/

READMORE