youtube

Web con HTML5+CSS partiendo de un Photoshop

Vídeo Posted on


Video grabado en una de mis clases en donde explico como comenzar a trabajar una web a partir de un documento de Photoshop utilizando HTML5+CSS.
Se puede complementar lo visto con los siguientes vídeos:

Menú con HTML y CSS
http://youtu.be/yB36v1gBZsA

Ejemplo de página básica con HTML y CSS
http://youtu.be/VuZwD1z_5r4

CSS básico (BOX)
http://youtu.be/WBnvIbknWl4

HTML Básico: Textos
http://youtu.be/1UEX7W_DJBg

Como utilizar otras fuentes tipográficas en CSS
http://youtu.be/Av7piOMQURA

Tutorial: Galeria con Sprite CSS y Ligthbox
http://youtu.be/-BQwRQvSa0A

Tutorial: Galeria con Sprite CSS y Ligthbox

Vídeo Posted on


Video tutorial de HTML y CSS en donde se realiza una galería intercambiando las imágenes miniaturas con Sprite en CSS y agregando LigthBox para mostrar la imagen en grande.

Nueva herramienta de Google para diseñar sitios y avisos en HTML5

Posted on


web-designerA traves de Fayerwayer nos enteramos de que Google ha sacado una nueva herramienta para diseñar sitios y avisos en HTML5  (a parte de Google Swiffy que convierte archivos SWF en HTML5) llamada simplemente Web Designer y apunta al sector profesional ya que se requiere conocimientos previos de HTML y CSS como mínimo.

Esta disponible desde ayer 30 de Septiembre y se encuentra en su versión beta (también en español) para Mac y Windows desde aquí.

La herramienta fue desarrollada pensando inicialmente en los avisadores, de forma que pudieran crear publicidad en HTML5 para móviles y equipos de escritorio. Sin embargo, también es posible crear sitios interactivos y animaciones para otros propósitos. Google afirma que planea expandir las características disponibles para otros contenidos en el futuro.

La herramienta es muy visual, aunque se puede ingresar al código JavaScript y CSS para ajustar diferentes aspectos directamente en un editor integrado. Se puede hacer vista previa de los cambios en cualquier navegador instalado en el equipo. Web Designer también incluye una herramienta de lápiz para dibujar, además de una línea de tiempo para crear animaciones. También permite crear contenido 3D con CSS3 e importar componentes para galerías, mapas e insertar videos de YouTube.

Como es gratis  puede darle ventaja sobre otras alternativas como Adobe Muse o Reflow.

A continuación les dejo un extenso recorrido por las principales características de la aplicación.

Leer el resto de esta entrada »

Illustrator: Máscaras y multiplicar en transparencias.

Vídeo Posted on


Máscaras y multiplicar en transparencias para realizar una ilustración simple en Illustrator.  Se puede realizar en casi todas las versiones de illustrator.