Imaginemos que tiene que hacer una aplicación responsive y está desarrollando una aplicación para un cliente y necesita hacer que cada página y cada componente funcionen en cada variación, de cada dispositivo.
Sizzy es una herramienta que te permite ver un sitio en mas de 30 resoluciones diferente.El objetivo de Sizzy es ahorrar tiempo y aumentar la productividad de los diseñadores y desarrolladores. Trabaje en su sitio web y obtenga una vista previa instantánea de los cambios en varios dispositivos a la vez.
Prueba El Sitio Web en Diferentes Dispositivos a la Vez
¿Recomendaría a alguien para que visite un sitio web que se carga lentamente? ¿O recomendaría alguna página de destino que no se cargue completamente en diferentes plataformas? Lo sé, tu respuesta es NO. Debido a que a nadie le gusta visitar una página que no responde, la demanda de la página sensible es alta tanto para los usuarios como para los desarrolladores.
Entonces, cuando está creando un sitio web, debe necesitar una herramienta de prueba en línea para poder ver la prueba de respuesta de su sitio web junto con la velocidad y otras funcionalidades de su proyecto. Pero no es una tarea fácil verificar estos problemas si no tiene las herramientas adecuadas, como tener diferentes plataformas para probar su sitio web.
Para aliviar estos problemas, Kitze ha traído una herramienta de prueba en línea llamada Sizzy . Esta herramienta tiene algunas características geniales y geniales que desaparecerán su pánico sobre probar su sitio web en múltiples plataformas.
Entonces, vamos a verlo.
Sizzy
Imagínese, usted es un desarrollador web, y que ha desarrollado un proyecto. Después del desarrollo, ha probado con éxito ese proyecto en su dispositivo.
Pero ha recibido comentarios negativos de sus usuarios, ya que están utilizando su proyecto en diferentes dispositivos . Eso significa que no probaste tu proyecto en diferentes tipos de plataforma.
¿Cómo puedes resolver este problema? ¿Significa que necesita comprar diferentes tipos de dispositivos para realizar pruebas? ¡No! Eso sería extremadamente costoso e incluso sería más que costoso cuando llegue el momento de actualizar los dispositivos.
Aquí es donde una herramienta de prueba en línea puede ayudarlo. Hay varias herramientas disponibles en Internet que se están utilizando para probar la capacidad de respuesta de sitios web como BrowserStack, Sauce Labs y ResponsiveDesign. Todos estos son útiles pero con algunas limitaciones. ¡Aquí viene Sizzy, el cambiador del juego!
Sizzy es una herramienta que le permitirá obtener una vista previa de varias pantallas a la vez mientras prueba sus aplicaciones web receptivas. Es un probador web receptivo. Puede probar el sitio web en dispositivos móviles en línea.
Le permitirá ver todos los cambios simultáneamente, lo que hace que sea mucho más rápido y fácil detectar y corregir errores de diseño.
Cosas que puedes hacer con Sizzy
El objetivo principal de Sizzy es ahorrar tiempo y aumentar la productividad de los desarrolladores y diseñadores. Le permitirá trabajar en su sitio web y obtener una vista previa instantánea de los cambios en los diferentes tipos de dispositivos a la vez.
Es un probador de sitios web receptivo. Sizzy está desarrollado con muchas características increíbles. Las características más importantes de ellos se enumeran a continuación:
- Gire la pantalla del dispositivo virtual de vertical a horizontal y viceversa.
- Importe un teclado a los dispositivos virtuales.
- Filtrar dispositivos por sistema operativo
- Filtrar dispositivos por tipo
- Ocultar dimensiones
- Cambiar temas
- Restablecer todos los ajustes.
- Tomar capturas de pantalla de los dispositivos
- Sincronice automáticamente el desplazamiento y las acciones en cada dispositivo
- Desplazar los dispositivos para tomar una captura de pantalla de página completa
- Mostrar u ocultar manualmente las barras de desplazamiento de un dispositivo
- Características como: complementos, preajustes, temas de usuario personalizados
- El objetivo principal de cualquiera que quiera usar esta herramienta es probar la capacidad de respuesta de un sitio web. La singularidad número uno de Sizzy es su capacidad para rotar dispositivos. Esta característica se puede habilitar fácilmente haciendo clic en el botón de rotación en el sitio web.
Otra cosa emocionante de Sizzy es que proporciona todas sus características en la parte superior del sitio y también en la barra lateral izquierda del sitio web. Definitivamente, esto dará fácil acceso a los usuarios a esas funciones.
Sizzy VS Otra herramienta disponible
Las similitudes entre cualquier herramienta de prueba web en línea para sitios web es que muestran el resultado en las diferentes pantallas de los dispositivos virtuales.
Pero, el desarrollador de Sizzy ha agregado más funcionalidades a su proyecto, como permitirle rotar el dispositivo virtual y filtrar los dispositivos, lo que no es posible en la mayoría de los sitios web disponibles.
Le permitirá filtrar los dispositivos por sistema operativo y tipo. Además de estos, podrá acercar o alejar según su demanda. Entonces, claramente, es visible que Sizzy es el ganador en esta carrera.
Razones para elegir Sizzy
Sizzy simula el agente de visualización y el usuario de cada dispositivo , por lo que los resultados deben ser lo mismo que lo que se vería en un dispositivo real.
Sin embargo, Sizzy no puede simular diferentes motores de representación del navegador, por lo que existe la posibilidad de que pueda haber algunas diferencias menores al probar en un dispositivo real.
Tome una captura de pantalla de la ventana gráfica actual o de todo el dispositivo. También puede capturar todos los dispositivos a la vez.
Puede agregar nuevos dispositivos con dimensiones personalizadas y agentes de usuario. Clona, oculta y reordena dispositivos para hacer tuyo Sizzy.
Sizzy incluye las herramientas de desarrollo de Chrome para que pueda inspeccionar fácilmente lo que está sucediendo con cualquier dispositivo.
Manténgase enfocado mientras trabaja en una sección específica de su aplicación. Simplemente escriba un selector para un elemento, y todos los dispositivos se desplazarán hasta él incluso después de actualizar la página .
Desplácese, haga clic o navegue a una URL diferente, y todos los dispositivos lo seguirán. Si no le gusta este comportamiento, puede desactivarlo rápidamente desde la configuración.
Como Empezó
El 27 Abril 2017 se publico sizzy en un repositorio de github el cual tuvo mucho exito ya que dicha herramienta tuvo miles de descargas. Sizzy ha sido aprobado en OpenCollective , por lo que si planea usarlo, puede considerar apoyarlo a través de una pequeña donación. Su nombre e imagen aparecerán automáticamente en la sección de seguidores GitHub. Dos años después al ver el bajo apoyo de sus usuarios a sus contribuciones para apoyar esta herramienta open software. Muchos usaban la aplicacion y nadie donaba para que el proyecto siquiera open source.
Comenzo con Open Collective para él, pero ganó $93 en dos y medio años. Después de twittear sobre esto, un par de personas dijeron: "bueno, tal vez la gente no lo esté usando SIZZY". que solo intentaban derribarme, pero los análisis decían algo más. De 7 a 10 mil personas usaban la aplicación cada mes. El enlace de donación era visible en todas partes, por lo que no era posible perder lo.
Cuando regalas algo completamente gratis, las personas no están tan motivadas para apoyar a que siga y pagar los grandes gastos que tiene como pagarlo. Muchos proyectos dicen que están open source pero soy muy pocos que apoyan las aplicaciones open source los cuales tienden a desaparecer y volver a ser de pago para que se pueda seguir en constante mejora.
Pero el creador no quería dejar que eso me detuviera, así que contrato a Praneet para trabajar en la aplicación un par de horas por día. Me ayudó a poner a Sizzy en forma desde un punto de vista técnico. Actualizamos muchas dependencias antiguas, limpiamos algunos códigos, cambiamos un par de bibliotecas, etc.
El problema era que no tenía idea de cómo hacer avanzar el proyecto. Quedaban tantas cosas por hacer que no sabía por dónde empezar. La integración de pago ni siquiera se inició y no había página de destino.
Comencé a trabajar en la página de inicio mientras él estaba trabajando en la corrección de errores y agregando nuevas características. La mayoría de las nuevas características no terminaron en la versión actual porque no estaba pensando en todo. Íbamos un paso adelante y dos pasos atrás. No diría que fue un tiempo completamente perdido, pero desearía ser mejor priorizando y estimando cosas. Lamentablemente no lo estaba. No establecí ningún límite de tiempo ni metas semanales. Solo estábamos codificando.
El otro problema es que no puedo concentrarme en una meta por mucho tiempo. Comencé a trabajar en la página de destino, pero terminé trabajando en una biblioteca React para hacer páginas de destino. (tal vez lo lanzaré un día soleado)
En algún lugar a principios de 2019, comenzamos a discutir con Praneet por su empleo a tiempo completo nuevamente. Después de mucho ir y venir, acordamos un contrato por 1 año y volvimos a trabajar en la aplicación. El creador comenzó a pensar Pagarle a alguien de mi bolsillo todos los meses antes de ser rentable fue un gran estímulo motivador para que me arreglara todo.
Eliminar el repositorio de GitHub honestamente, el creado se sintió un poco mal al eliminar el repositorio y desanclar el proyecto de el perfil. Odio la sensación pero tuvo que ignorar un proyecto open source por lo que no era rentable para pagar sus cuentas. Tuvo que convencerme de que no estoy haciendo nada malo. La aplicación estuvo sirviendo a mucha gente durante mas de dos años, y rara vez recibió alguna contribución. Era hora de volverse real y pensar en lo que importa. En tener una aplicación que ayude a aumentar la productividad de los diseñadores y desarrolladores.
En 2020 Sizzy comenzó a ser rentable ya que recibía pagos para su mejoras y seguir su mejora constante.
Leer mas
https://medium.com/@kitze/github-stars-wont-pay-your-rent-8b348e12baed
Como Sizzy ayudo a construir varios desarrollo de Anezsoft
Comenzó el creador a utilizar la Sizzy en 2018 para crear varios desarrollos los cuales ayudaron a tener mas tiempo para divertirme. Fue una de las mejores aplicaciones que no dejo de utilizar gracias a que puedo ver lo que se hace a varias resoluciones ayudando a no cometer errores en la construcción de código de Calidad.
Conclusiones
Es un objetivo común para cada desarrollador satisfacer a cada persona que usa su proyecto, sin importar en qué plataforma estén ejecutando el proyecto.
Sizzy está considerando como una de las herramientas web más potentes para verificar la capacidad de respuesta del sitio web con una gran cantidad de características y funcionalidades. Pruebe Sizzy y háganos saber sus comentarios a través del cuadro de comentarios.
Comentarios