Videotutorial de PSD a CSS XHTML

En los últimos tiempos ha cobrado importancia la maquetación de PSD a XHTML/CSS debido a que permite trabajar comodamente el aspecto gráfico y obtener resultados eficaces en el paso al aspecto de desarrollo.

La integración del diseñador gráfico con el desarrollador se mejora notablemente con este tipo de técnicas, y se obtiene mejor calidad en menos tiempo.

A pesar de que información sobre este tipo de creación de webs hay mucha, en nuestro idioma no abunda tanto.

En esta recopilación de Videotutoriales se muestra de que forma trabajar con PSD y XHTML/CSS para mejorar nuestra técnica de desarrollo. Se maquetará a partir de un archivo fuente de Photoshop en .PSD y el resultado se obtendrá en XHTML/CSS, listo para poder subir a un servidor.

Os recomiendo que la sigais para los siguientes capítulos que vayan saliendo, porque es una buena forma de aprender una técnica de calidad de forma clara y en nuestro idioma.

Capitulo 1

Capitulo 1: y aqui les presento a la plantilla

Capitulo 2.1

Capitulo 2 parte I: Cortar, Organizar y Nombrar

Capitulo 2.2

Capitulo 2: parte II: XHTML!!!!!

Pasando de PSD a XHTML/CSS Online

Y si seguís interesados en la creación de archivos XHTML/CSS a partir de PSD, os recomiendo esta otra herramienta online para poder realizarlo en un solo paso; Ppsd2cssonline.

Subiendo un archivo en PSD os devuelve un archivo maquetado con CSS, al que solo tendreis que añadir los retoques para tenerlo finalizado. La aplicación cuenta con abundante material de ayuda para obtener resultados profesionales. Aquí teneis un video demostrativo de cómo convertir un archivo PSD en una plantilla para Joomla.

Y aquí cómo convertir un archivo PSD en un Theme para Wordpress.

Aquí teneis más información sobre esta herramienta.

Fuente: Cristalab

250 Recursos de CSS

Un interesante artículo en donde se recopilan 250 Recursos de CSS para convertirse en todo un experto. Uno de esos post que no deben de dejarse pasar, y que nos ayudará a conocer nuevas herramientas para trabajar con CSS.

En este artículo podrás encontrar desde recursos esenciales de CSS, material de aprendizaje, tutoriales, material de referencia, cheatsheets, templates, frameworks, galerias de CSS, herramientas, blogs de referencia, técnicas e ideas y muchos más recursos para mejorar considerablemente tus conocimientos sobre CSS. Uno de los artículos más completos sobre este tema.

Si eres maquetador de HTML y CSS, o si estás iniciandote en el CSS esta información te vendrá muy bien para mejorar tus proyectos.

Fuente: Webdesignerdepot

VideoTutorial CSS

Una buena forma de iniciarse en el CSS para todos los que necesiteis aprender un poco de las Hojas de Estilo en Cascada (CSS) para mejorar vuestros proyectos o aprender otras formas de diseñar y mejorar las webs haciendolas más precisas y con mayor control en el acabado. Y por si no lo sabes el HTML/CSS ofrece unas enormes posibilidades a la hora de crear páginas web eficaces.

Estos videostutoriales han sido editados por la gente de Desarrollo Web y sin duda es de lo mejor que hay en internet para aprender CSS. Además se irán publicando más videotutoriales sobre diferentes temas relativos al CSS, hasta completar el manual de CSS. Y es que los videotutoriales complementan a los clásicos manuales de CSS que ya estaban publicados. Tambien está este otro Manual de CSS para los que necesiten ampliar más información. Para los que no conozcais todavía Desarrollo Web seguramente descubrireis una buena cantidad de material para aprender todo sobre programación y diseño de páginas web. Un clásico entre las webs para desarrolladores que os recomiendo a que la guardeis entre vuestros feeds/favoritos.

Os dejo con esta hora y media de clase de CSS. Que la disfruteis...

Manual CSS - parte 1

Manual de CSS - Parte 2

Fuente: Desarrollo Web

50 Plantillas XHTML/CSS Gratis

Si eres diseñador web y necesitas plantillas para tus proyectos o simplemente quieres aprender a mejorar tus diseños en XHTML/CSS ahora tienes esta recopilación de templates que te ayudarán a hacerlo.

En esta recopilación de 50 Plantillas XHTML/CSS puedes encontrar todo tipo de diseños, desde los más simples a los más avanzados, disponibles todos para descargar de forma gratuita. Entre los 50 diseños encontrarás el que mejor se adapte a tus necesidades. Todos los ejemplos tienen el enlace de visualización previa y el de descarga. Además algunos incluyen un formato PSD para poder utilizarlo con Photoshop.

Una de esas colecciones para tener a mano cuando comenzamos un nuevo proyecto.

Fuente: Noupe.com

300+ de Menus de Navegacion; JQuery, Mootools, Css

Si eres de los que le fascina la simplicidad y eficacia de las librerías de JavaScript, en este post encontrarás más de 300 Menús de Navegación en JQuery, Mootools y Css para utilizar en tus diseños. Obtendrás más control sobre aspectos como el fading, sliding, dragging, desde lo más simple a lo más complicado en diseño de menús de navegación.

Entre los tipos de diseños tienes menús verticales, horizontales, para poder incluir imágenes o formularios, e incluso con diseños avanzados.

Debes de implementar el código de JQuery o Mootools, el Css correspondiente y por supuesto el código HTLM para poder utilizarlos.

Fuente: 1stWeb Designer