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

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

Generador de menus CSS

En esta página podremos crear, para nuestra web, menus interesantes con CSS

http://www.cssmenumaker.com/

READMORE

Creación de HTML y CSS a partir de un PSD

Herramienta muy util para maquetar una web con html y CSS desde un simple PSD...

http://psd2cssonline.com/

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

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