html

Manual básico para el no entendido en el asunto del desarrollo y diseño web.

Enlace Posted on


b-titanesDesde el sitio BrandWarm no encontramos con este interesante manual para comenzar a diseñar sitios web si no eres entendido en el tema, con los siguientes temas:

1) Planificación.

2) Estudia bien como usar los elementos disponibles y cómo es su compatibilidad en distintos browsers.

3) La gráfica a ocupar y el peso de ella.

4) Recursos y FrameWork

5) programas y app’s que ocuparemos.

6) Haciendo nuestros primeros Wire Frames.

y no olvides a ver la segunda parte en donde te explican el funcionamiento del HTML y CSS.

Ir a BrandWarm con el artículo completo.

 

Anuncios

Fusionar fondos con CSS3

Posted on Actualizado enn


css-background-blend-modeTodos los diseñadores que comenzaron con Photoshop y después pasaron a la web se han encontrado que no pueden utilizar modos de fusión de capas por que tienen problemas al separar las imágenes.
Con CSS3 parte de esos problemas se pueden ver resueltos (no todos), y que mejor que hacerlo en el código. Aquí les dejo un articulo desde el sitio Mantra Creativo en donde nos muestran el resultado, su código y una tabla con la compatibilidad en navegadores.
Si quieren experimentar y ver lo que su imaginación hace con eso, pasen por aquí.

Extract PSD en Brackets 1.0

Posted on


heroPor fin tenemos una versión oficial de la aplicación para el editor de código gratuito Brackets.
Y la gran novedad es la implementación de la extensión Extract PSD en donde podemos ver un archivo PSD con todas sus capas y copiar de forma rápida sus características al estilo CSS de cualquier página web.
Pero eso no es todo, por que te permite utilizar rápidamente las imágenes utilizadas en tu PSD y guardarlas en la carpeta y formato que quieras.

Para los que no conocen esta aplicación y necesitan trabajar archivos HTML, CSS o JS les recomiendo darle un vistazo por que puedes ver de inmediato los cambios y cada vez que seleccionas parte del código te va mostrando que estás editando, así que resulta ideal cuando aun no entiendes bien el funcionamiento del HTML y CSS.  Lo mejor es que siempre ha sido de código abierto, es decir, que es de libre distribución.

Como tiene tan buenas características fue adquirido por Adobe y podemos ver las mismas caracteristicas en Edge Code y que puedes descargar si tienes una cuenta de Creative Cloud.

Los dejo con un video realizado por Code4d explicando de forma simple sus principales características. Leer el resto de esta entrada »

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.

Tutorial: Menú con HTML y CSS

Posted on


Después de mucho tiempo por fin puedo realizar un nuevo video tutorial en donde explico a realizar un menú con opciones desplegables (o submenú) partiendo de una lista. Si sabes algo de CSS podrás personalizar este menú para tus diseños.

Si sigues leyendo podrás ver el código utilizado. Leer el resto de esta entrada »

Aprende a crear un sitio web profesional con Codecademy

Posted on


Gracias a Bitelia conocemos a Codecademy, que es una plataforma de educación gratuita en línea que ofrece cursos de programación en lenguajes como JavaScript, PHP, Python y Ruby; y de lenguajes de marcado como HTML y CSS. Su popularidad se ha multiplicado a partir de su fundación en 2011 y se ha mantenido. Más de 24 millones de personas han tomado sus cursos y hoy en día sigue siendo de las mejores opciones para aquellos que quieren aprender a programar por su cuenta. Leer el resto de esta entrada »