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

Nuevo diseño para EKTORsite

Como ya os habréis dado cuenta nada mas entrar (y siempre que hubierais entrado en otra ocasión), he vuelto a cambiar la web.   Ya hacía tiempo que lo tenía en mente pero siempre lo iba dejando por falta de tiempo, hasta que por fin hace unas semanas y relacionado con la oferta de participar en otro blog, me decidí a darle un lavado de cara a la web, añadiéndole bases de datos (raro que para ser programador no las hubiera usado antes en la web personal) y cambiado toda la estructura interna, instalado wordpress para facilitarme un poco el trabajo y permitirme ordenar algo mejor todas las secciones, ya que llegaba un momento en el cual no sabía cuando había publicado una web al tener simplemente un listado de las mismas.

Aún quedan bastantes cosas por hacer, revisar estilos, funcionamiento, añadir nuevos plugins, etc. pero lo mas difícil ya está hecho. Posiblemente se pierda algo de posicionamiento debido al cambio, pero he intentado minimizar ese problema en lo posible.

Sigue leyendo

App hosteleria

Ampliación de la anterior aplicación web para móvil “Bocados de cofrade”. Permite gestionar múltiples eventos y asociar a ellos diferentes locales y alojamientos, permitiendo activar diferentes secciones del menú, indicar periodos entre los que estará visible el evento, etc.

Plataforma de afectados Pescanova

Web del despacho de abogados Yvancos, donde se informa a los afectados y perjudicados de Pescanova sobre las acciones que se están emprendiendo así como de los costes judiciales por la defensa de sus intereses en los procedimientos judiciales (WordPress).

Club de la compra

Red social de compra online, un nuevo concepto de supermercado online que convierte la compra habitual en ingresos para el comprador. Cuenta con programas de afiliación y apadrinamiento. Proyecto de larga duración formado por 4 programadores. Maquetación, integración+modificación de extensiones Magento, creación de script para importar productos+categorías, coordinación, etc. (Magento+Codeigniter).

Bocados del cofrade

Web para dispositivos móviles con el gastromapa de los locales participantes en el evento [Activa del 21 al 31 de marzo de 2013] (Codeigniter).

GynEC-DX

Web del grupo Reig Jofré en la que se informa acerca del cáncer de endometrio, también dispone de zona de acceso a profesionales. Maquetación de la web multi-idioma, creación de CMS personalizado multi-idioma para la gestión de todas las secciones de la web.