Top 7: Los mejores plugins para implementar calificación de estrellas de jQuery y JavaScript

Top 7: Los mejores plugins para implementar calificación de estrellas de jQuery y JavaScript

A mucha gente le gusta ver la calificación o calificación de productos, artículos u otro tipo de cosas calificables. Si su aplicación requiere dicho componente, es posible que desee pensar que su implementación puede ser complicada y engañosa, sin embargo, es posible que desee saber que ya hay muchos desarrolladores que utilizan dicho componente de código abierto y que puede integrarlos en su propio proyecto fácilmente y con rapidez.

En esta parte superior, compartiremos contigo 7 de los mejores complementos que te ayudarán a crear dicho componente en un par de minutos, ¡disfrútalo!

7. Rater.js

Github

Evaluador JS

Rater.js es un widget de calificación altamente personalizable que admite imágenes, glifos utf8 y otros elementos html. Los símbolos personalizados se pueden agregar a través del objeto de símbolo en la configuración. UTF8, UTF32 y básicamente cualquier imagen o elemento HTML deberían funcionar.

6. RateIt

Github

Calificarlo Plugin

El complemento de calificación para jQuery es una mejora rápida y progresiva, compatibilidad táctil, compatibilidad con fuentes de iconos, JavaScript discreto y altamente personalizable (con atributos de datos * HTML5), compatibilidad con RTL, admite tantas estrellas como desee y también cualquier paso Talla.

5. Starr

Github

Complemento Starr Rating

Starr es una biblioteca muy simple para implementar un componente de calificación. Hay otras bibliotecas por ahí, pero ninguna que se acerque al nivel de claridad y concisión que el devleloper desea. Starrr tiene menos de 75 líneas de código, por lo que puede comprender la totalidad de su código fuente en aproximadamente un minuto. El complemento requiere Bootstrap y una fuente increíble para representar las estrellas, pero puedes usar algo más.

4. Clasificación por estrellas SVG

Github

Clasificación por estrellas SVG

Star Rating SVN le permite implementar dicho componente que usa SVG para una personalización más fácil. Cuenta con:

  • No usa imágenes externas
  • Personalizar tamaño
  • Personalizar colores
  • Usa estrellas medias o completas
  • Elija el número de estrellas que se mostrarán
  • Definir el color de degradado de las estrellas seleccionadas
  • Especificar un grosor y color de borde / trazo
  • Especifique la calificación inicial a través de opciones o atributos de datos de marcado
  • Ejecutar devolución de llamada después de la calificación (por ejemplo, para notificar a un servidor)
  • Eventos onHover y onLeave
  • Modo bloqueado / solo lectura
  • Opción de descarga
  • Cambiar la forma de la estrella (redondeada o recta)
  • Cambiar el tamaño de las estrellas

3. Barra de jQuery

Github

Clasificación de barra

El complemento de calificación jQuery Bar funciona transformando un campo de selección estándar en un widget de calificación. El widget de calificación se puede diseñar de manera flexible con CSS.  El complemento viene con algunos tipos de calificaciones de estrellas compatibles con bibliotecas populares y se puede usar para mostrar calificaciones de estrellas fraccionales.

2. RateYo

Github

Complemento RateYo jQuery

RateYo! es un complemento de calificación de estrellas jQuery pequeño y flexible, utiliza SVG para representar la calificación, por lo que no se requieren imágenes. Simplemente cree un elemento div, agregue algunos estilos, inicialice y eso es todo! Ahora tiene un componente de calificación increíble listo para usar en su aplicación.

1. Calificación de estrellas de Bootstrap

Github

Calificación de estrellas de Bootstrap

Bootstrap Star Rating es un complemento de calificación de estrellas de JQuery simple pero potente para Bootstrap que admite funciones avanzadas como relleno de estrella fraccional y soporte de entrada RTL. Desarrollado con un enfoque en utilizar estilo CSS-3 puro para renderizar el control. El complemento usa el marcado y el estilo Bootstrap de forma predeterminada, pero se puede anular con cualquier otro marcado CSS.

Si conoce otro complemento de jQuery increíble para implementar un componente de calificación, compártalo con la comunidad en el cuadro de comentarios.

Esto podria interesarte

Conviertete en un programador más sociable