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

Proceso de creación de un portfolio con Photoshop

El proceso de creación de un sitio web es simple si se conocen las herramientas y se tiene la creatividad para plasmar las ideas en Photoshop. Hasta los elementos que uno puede ver mas complicados se crean de manera rápida si sabemos con qué.

En 1st Web Designer han realizado un completo tutorial en el que explican como diseñar nuestro porfolio con Photoshop paso a paso.

Se que muchos deben estar pensando: “… pero está en inglés!!…” Lo bueno de este tutorial es que lo han realizado de manera muy gráfica, con muchas pantallas del proceso, por lo que es casi imposible perderse o no entender como lo va creando.

Enlace | Learn How to Create a Detailed Portfolio Layout in Photoshop

Plantilla en XHTML gratis para portfolio

Si estaban pensando en armar su portfolio y todavía no se decidían por el estilo de diseño, aquí tienen una excelente plantilla en XHTML gratuita con la que podrán mostrar sus trabajos.

The Sky was Blue es la plantilla que ofrece Francesco Mugnai en su blog libre de uso, la cual contiene las siguientes características:

  • jQuery Slide para mostrar los últimos trabajos
  • Categorización del portfolio con lo que podrán mostrar por separado los trabajos de gráfica, web y demás.
  • Miniaturas con efecto Lightbox en jQuery.
  • Incluye el PSD de las miniaturas
  • Integración de Twitter
  • Formulario de contacto
  • Validación XHTML y CSS

El template viene acompañado de un readme en donde podrán encontrar las especificaciones adicionales.

En cuanto al uso del mismo, Francesco expone que puede utilizarse tanto personal como comercialmente sin restricciones.

Plantilla The Sky Was Blue | PreviewDescarga

Ayuda para armar tu propio portfolio

portfoliopsd

Hoy justamente estaba hablando con un colega sobre los portfolios y visitando PSD Creativo dió la casualidad que hacen una excelente recopilación de datos útiles y enlaces con todo lo referente a este tema, con artículos con consejos y tips para empezar desde cero, portfolios creativos que sirven como inspiración y templates para wordpress especialmente diseñados para este fin.

Sin duda es un excelente artículo en donde encontraremos gran variedad de datos interesantes con las últimas tendencias y las palabras de entendidos en la materia.

Continuar leyendo…