Entradas etiquetadas con “jquery”

Pocket university

Landing page + blog de Pocket University, la aplicación móvil que abre un nuevo canal de comunicación entre la Universidad y sus miembros, consiguiendo una interacción en tres direcciones:

alumnos <-> profesores <-> universidad

Instalación y configuración de wordpress y plugins. Remaquetación de la plantilla básica para adaptarla al diseño, inserción de animaciones iniciales (css); ampliación de funcionalidades básicas para mostrar últimos post’s en la home. Comunicación entre carruseles y marcas de posición en google maps (Google API).

web-pocket-university

Landing transporte Chèque Déjeneur

Landing page de la empresa Chèque Déjeneur para su rama de transporte, donde se informa al visitante de las ayudas disponibles, con posibilidad de solicitar información y acceder al resto de webs del grupo.

Maquetación de la landing page + funcionalidad de envío de emails.

Después de varios meses con proyectos de larga duración y revisiones de webs; es bien recibida una web para hacer en pocas horas.

Sliders jquery

Ayer, hablando con un amigo me comentaba que estaba iniciándose en el mundo de la programación web, y que estaba buscando algún carrusel de imágenes para añadir a una web. Como la mejor forma de verlo es con ejemplo aquí va este pequeño resumen con algunos ejemplos.

Un slider o carrusel es una aplicación que permite la rotación de imágenes, textos, vídeos, etc. Dicha rotación puede ser automática o dependiente de la interacción del usuario. Hoy en día son pocas las páginas que no usen carruseles en al menos una de sus secciones (normalmente en la página principal) para mostrar a modo de resumen imágenes relacionadas con la actividad de la web,  información resumida de lo que el visitante se encontrará en ella o simplemente un aporte estético que complemente al diseño de la web.

Existen innumerables plugins jquery para crear carruseles de contenido, cada uno con sus peculiaridades y posibilidades de adaptación, tipo de rotación, etc… pero yo los clasificaría en 3 grupos:

  • Sliders fijos: aquellos cuyo ancho y alto son fijos independientemente de la resolución de la pantalla o el dispositivo en el que se visualicen. Son los mas comunes y se usan en páginas de ancho fijo, ya que no necesitan adaptarse a diferentes tamaños. Ejemplo: slider en paukner-lpa.
  • Sliders  elásticos: o de ancho variable aquellos cuyo ancho se adapta al ancho del navegador. Son usados en webs que se adaptan (toda la web o parte del contenido de la misma) al tamaño de la pantalla, y las imágenes contenidas en ellos se redimensionan proporcionalmente a ese ancho. Se comienzan a usar mucho sobre todo en webs con diseños responsive. Ejemplo: slider en 2lunch.
  • Sliders background: aquellos que se adaptan a las dimensiones del navegador. Son usados para insertar imágenes de fondo en webs como complemento al resto de contenidos. Ejemplo: slider en aras impulso.

A continuación os indico algunos de los que yo mas suelo usar y luego un pequeño listado con mas enlaces de ejemplo para que podáis elegir.

Sigue leyendo