13 fantásticas plantillas HTML5 gratuitas

plantillas-html5

plantillas-html5

Encontrar recursos gratuitos en internet es sumamente fácil. Ahora, encontrar recursos “de calidad” puede tornarse un poco mas dificil… pero por suerte siempre surge algo interesante para compartir con Uds.

En este caso di con HTML5 Up!, un sitio que brinda en total 13 plantillas gratuitas HTML5 de alta calidad, todas ellas con un diseño cuidado y una amplia variedad de uso, siendo todas ellas adaptables (Responsive).

En el sitio podremos previsualizar como queda el sitio para web, tablet, smartphone y descargar el que mas nos guste.

Enlace | HTML5 Up!

Guía gratuita para aprender a diseñar sitios web

diseno-web

diseno-web

Esta semana parece que viene por el lado de la enseñanza… mientras que ayer veíamos un curso gratuito para Community Manager hoy me ecuentro con esta fantástica guía para crear sitios web.

El PDF cuenta con 172 páginas en donde podremos aprender desde el diseño en Photoshop al armado en HTML5 y CSS3, brindando también un buen panorama de jQuery.

Algunos temas interesantes que encontré en la rápida revisión que hice fueron:

  • Encabezados progresivos con HTML5
  • Adaptación a diferentes dispositivos (RWD)
  • Infografías animadas
  • Las plantillas de Photoshop sin secretos
  • Usa varias aplicaciones con jQuery Mobile

La guía tiene muchisima mas tela para cortar, por lo que recomiendo la descarga tanto a iniciados como a diseñadores web con conocimientos básicos.

Descarga | El gran Libro del Diseño Web (38 Mb)
Vía | Zarqun

Mas de 20 plantillas HTML5 y CSS3 gratuitas

plantillas html5 y css3

Noupe es un sitio que nos tiene acostumbrado a las buenas publicaciones y en este artículo se gana ese mérito una vez mas, ya que han realizado una excelente recopilación de 26 plantillas totalmente gratuitas realizadas con HTML5 y CSS3.

Cada una de ellas podrán visualizarlas desde su demo para luego descargarlas si es lo que esperaban, y seguramente así sea ya que la calidad de las plantillas es muy buena y para todos los gustos.

Enlace | A New Collection of Free HTML5 and CSS3 Templates

CSS3Ps, nuevo plugin gratuito para Photoshop

CSS3PS es un plugin gratuito para Photoshop que nos permite convertir las formas en código CSS3 de la manera mas fácil, con todas sus propiedades.

El plugin es sumamente útil para los diseñadores web, ya que se ahorra muchisimo tiempo al poder pasar a código elementos de los diseños sin tener que tipear, directamente desde Photoshop.

La instalación es tan simple como su uso, el cual podemos ver en el iguiente video:

El plugin se encuentra disponible para las versiones CS3 a CS6 de Photoshop.

Enlace | Plugin CSS3PS
Vía | Ceslava

Timeline Portfolio con CSS3 y jQuery

timeline portfolio

timeline portfolio

La originalidad en presentar nuestros trabajos es un factor importante para lograr un primer gran impacto visual y creativo. Es por eso que con un poco de HTML, CSS3 y jQuery podremos hacer un gran muestrario de nuestros trabajos sobre una línea de tiempo gracias a Tutorialzine y su “Timeline Portfolio“.

En infinidad de veces he recomendado por diferentes medios, no solo por el blog, este sitio en donde podremos encontrar geniales tutoriales de CSS3, jQuery y mucho mas… que a pesar de estar en inglés, los tutoriales los realiza con claros pasos y deja para la descarga los archivos ya armados por si queremos saltearnos el aprendizaje.

Por lo tanto, si están buscando un buen portfolio con HTML, CSS3 y jQuery o quieres aprender un poco mas sobre estos lenguajes, a darse una vuelta por este artículo super interesante y creativo.

Demo | Timeline Portfolio
Enlace | Timeline Portfolio

40 plantillas HTML5 y CSS3 gratuitas

Plantillas HTML5 - CSS3

Para todos los que se encuentran realizando sitios web, posiblemente les resulte interesante esta nueva selección de plantillas en HTML5 y CSS3 que Noupe ha recopilado en su sitio.

La recopilación va desde temas con diseños simples a otros mas complejos y vistosos, por lo que seguro cada uno encontrará algo de interés en estos diseños.

Cada plantilla contiene los archivos HTML5 y CSS3 correspondientes (en algunos podemos encontrar los PSD) y son gratuitos para todo tipo de uso.

Enlace | 40 Beautiful Free HTML5 & CSS3 Templates

Plantilla de página única gratuita

Siempre es bueno tener este tipo de recurso a mano, sobre todo para aquellos que solo se dedican a la imagen y poco saben sobre creación de sitios web. En este caso, les traigo una plantilla de página única con una simple navegación pero que con un poco de jQuery la hace ideal para una buena presentación.

Solo bastará con agregar nuestro logo, modificar si deseamos los colores desde el archivo css y añadir nuestra información. La plantilla tiene un código amigable para un buen posicionamiento y sirve tanto para sitios pequeños como para mostrar nuestros trabajos (para esto simplemente copiar y pegar el bloque de código que hace a los item del menú y al bloque de información.

Siguiendo el enlace podrán encontrar la demo y la descarga.

Enlace | Free XHTML & CSS3 One-Page Template