ReView.js cambia las ventanas gráficas en diseños receptivos con un solo clic del mouse

ReView.js cambia las ventanas gráficas en diseños receptivos con un solo clic del mouse

Gracias a las consultas de medios, diseñar diseños web para diferentes resoluciones de clientes se ha vuelto más fácil. Sin embargo, no todos los visitantes están satisfechos con la situación, ya que los puntos de interrupción y las vistas establecidas a través de consultas de medios limitan a los visitantes a la resolución objetivo del dispositivo utilizado. Una nueva herramienta, escrita en JavaScript, brinda a los visitantes la oportunidad de cambiar manualmente entre la vista de escritorio y móvil del sitio web a su propia voluntad. ReView.js es la nueva declaración de independencia para los internautas.


ReView.js

ReView.js en una palabra

La herramienta „Responsive Viewport“, abreviada ReView, tiene el único propósito de permitir que los usuarios de dispositivos móviles cambien de la vista móvil a la de escritorio. A menudo, la vista móvil se reduce no solo en términos de diseño, sino también en términos de contenido, ya que no hay suficiente espacio en la pantalla pequeña para transportar toda la información proporcionada a los usuarios de escritorio. Con ReView.js, el visitante puede decidir libremente si desea ver el diseño móvil o de escritorio. Mirando el mercado cada vez mayor de dispositivos Android con su plétora de diferentes tamaños y resoluciones, esto tiene mucho sentido para mí.

Cómo incrustar ReView.js

ReView.js no depende de ningún marco circundante como jQuery o MooTools. Para habilitar el cambio manual, integramos el JavaScript en la sección principal de nuestro sitio web, justo después de la definición de la ventana gráfica:

<meta name="viewport" content="width=device-width, maximum-scale=1.0, minimum-scale=1.0" />
<script type="text/javascript" src="https://www.noupe.com/development/ReView.js"></script>

Todo listo. Ahora podemos definir un enlace para la funcionalidad de cambio en cualquier parte de la sección del cuerpo de nuestro documento HTML. Tenemos que asignar la clase. review a ese enlace para permitir que ReView.js lo encuentre y lo procese:

<a class="reView" href="https://www.noupe.com/">ReView</a>

Si está utilizando una computadora de escritorio, nunca notará si un sitio web está habilitado para ReView o no, ya que la herramienta muestra el interruptor solo en dispositivos móviles. Los visitantes en dispositivos móviles verán un enlace titulado Default View. Después de cambiar a la vista de escritorio, también conocida como Vista predeterminada, el título del enlace cambia a Core View. Los cambios de diseño se producen sin recargar la página. Si eres como yo y no te gustan los títulos predeterminados, te complacerá saber que no están tallados en piedra y que se pueden modificar fácilmente usando atributos de datos HTML5 como este:

<a class="reView" data-defaultText="Mobile Layout" data-coreText="Desktop Layout" href="https://www.noupe.com/">ReView</a>

Conclusión: Con ReView.js, deja la decisión de elegir entre dos diseños dados a sus visitantes. Los inexpertos entre ellos no se confundan, ya que la vista predeterminada desde un dispositivo móvil siempre será la ventana de visualización móvil. Así que no hay desventajas en la solución. ¿Por qué no darle una oportunidad?

(dpe)

#ReViewjs #cambia #las #ventanas #gráficas #diseños #receptivos #con #solo #clic #del #mouse

Publicaciones Similares

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *