¿Alguna vez deseó que hubiera una aplicación web o una extensión que le permitiera crear y compartir prototipos de interfaz de usuario sobre la marcha?
¡Todos lo hacemos! Todos tenemos ideas sobre cómo queremos que se vean y se sientan nuestros sitios o aplicaciones.
Entonces, ¿se te ocurrió un diseño realmente genial y no puedes recordar exactamente cómo lo hiciste?
Ahora tienes que encontrar una manera de compartirlo. Esto puede llevar días, incluso semanas, si está tratando de compartir un diseño bastante complejo.
No hay razón para esperar para hacer sus prototipos de aplicaciones web. Créelos ahora con Dabblet.
Arrastre y suelte elementos, diseñe y guárdelo. Envíelo a un diseñador para que lo revise o simplemente cópielo en una presentación. Las posibilidades son infinitas.
¿Qué es Dabblet?
Usar Incursionar, puede experimentar con pequeños fragmentos de código CSS y HTML en tiempo real.
No necesitará ningún prefijo en su código CSS cuando use esto. Los gists de GitHub le permiten almacenar su contenido, publicarlo en otros sitios y compartirlo con otros.
Esta es una excelente manera de compartir fragmentos de código con otros desarrolladores y obtener comentarios.
¿Cómo funciona?
Tan pronto como se escribe el código, la salida visual se ve instantáneamente encima de él. JavaScript es la única excepción, teniendo en cuenta que sería irritante ejecutarlo cada vez que se pulsa una tecla e incluso puede hacer que el navegador quede inutilizable en determinadas situaciones.
El uso de la opción "Ejecutar JS" en la pestaña de JavaScript o el método abreviado de teclado (Ctrl + Intro o Cmd + Intro) ejecutará JavaScript cuando se ejecute un Dabblet. El menú de opciones le permite modificar este estilo.
Como desarrollador, puede cambiar entre codificar en estos tres idiomas simultáneamente o ver el producto terminado.
Caracteristicas
Las siguientes son las características de Dabblet que debe conocer:
Edición rápida de CSS: Puede agregar, editar y eliminar rápidamente propiedades CSS. Los cambios se reflejarán en la página en tiempo real.
Resaltado de sintaxis: El código CSS y HTML tiene resaltada la sintaxis, lo que facilita su lectura y comprensión. El código también se validará a medida que escriba. También puede optar por ocultar el cuadro de código si lo prefiere.
Autocompletar: Dabblet ofrece autocompletado para propiedades y valores CSS. Esto puede ser muy útil cuando crea o edita hojas de estilo.
Hojas de estilo CSS prediseñadas: Puede acceder a hojas de estilo CSS preconstruidas desde sitios web populares. Estos se pueden utilizar para agregar rápida y fácilmente estilos a su propio sitio web.
Soporte esencial: Dabblet es compatible con GitHub Gists, lo que le permite almacenar y compartir fácilmente sus fragmentos de código con otros.
Vista Previa En Vivo: Puede ver los resultados de los cambios de su código en tiempo real sin recargar la página. Por ejemplo, si cambia el color de un texto, verá el cambio reflejado en el texto a medida que escribe.
Atajos de teclado: Dabblet tiene atajos de teclado para tareas comunes, como agregar una nueva regla de estilo o comentar.
Múltiples modos de vista: Dabblet ofrece múltiples modos de vista, lo que le permite ver el código y los resultados uno al lado del otro o uno encima y otro debajo del otro.
Para Agencias y Operadores
- CSS rápido
- Incluso si ha iniciado sesión, aún puede guardar de incógnito.
- Previsualizadores de valores CSS en línea para varios parámetros como ángulos, colores, duración, etc.
- Todo es XHR-ed, por lo que la página nunca se actualiza, ni siquiera cuando guarda.
- Atajos de teclado en abundancia.
- Todo el código se formatea automáticamente (excepto Markdown).
- Documentación sólida desde el primer momento.
Desventajas
- La interfaz es un poco abrumadora al principio, pero te acostumbras.
- No hay características de gestión a nivel de proyecto (todavía).
Integraciones Dabblet
Cualquier plataforma necesita integrarse con otros servicios, y Dabblet no es una excepción. Las siguientes son algunas de las integraciones que ofrece Dabblet:
Google Analytics
Puede agregar fácilmente su código de seguimiento de Google Analytics a las páginas de Dabblet. Esto le permitirá realizar un seguimiento de las visitas a la página y otras estadísticas para su Dabblet.
Ubuntu
Dabblet se puede utilizar para crear temas de Ubuntu. Puede crear un nuevo Dabblet, agregar código CSS y HTML y obtener una vista previa del tema en un navegador web.
Digital Ocean
Una empresa de alojamiento en la nube única en su clase brinda servicios de computación en la nube a las empresas, lo que les permite hacer crecer sus operaciones de manera más eficiente.
¿Qué hace Dabblet con él?
Ahora puede crear, administrar e implementar sus Dabblets en Espacios DigitalOcean.
Esto le permite mantener todos sus fragmentos de código en un solo lugar y facilita compartirlos con otros.
Alternativas para Dabblets
Las alternativas siempre están presentes y, en el mismo sentido, aquí hay algunas para reflexionar sobre Dabblet:
Pastebin.com
Los programadores generalmente usan el sitio web para guardar el código fuente o fragmentos de datos de configuración. Sin embargo, cualquiera puede poner cualquier texto en el espacio provisto.
Papelera JS
JS Bin es una herramienta de prueba gratuita para JavaScript. El resultado se puede compartir a través de una URL corta una vez que se haya ingresado Javascript en un panel y HTML en el otro. Utilice un menú que le permita seleccionar entre algunas de las bibliotecas JS más utilizadas.
CssDeck
Esta herramienta es excelente para crear e intercambiar casos de prueba con otras personas que pueden ayudarlo en sus esfuerzos de codificación. Con varias opciones, incluso puedes colaborar en proyectos instantáneamente con otros programadores.
plomero
Plunker es una plataforma digital donde los desarrolladores web pueden intercambiar ideas, colaborar y compartir sus pensamientos.
Por ejemplo, puede comenzar con un "¡Hola, mundo!" programe en cualquier idioma y agregue fragmentos de código, rebajas y capturas de pantalla para crear una rica experiencia de aprendizaje.
Última Palabra
En conclusión, Dabblet es una herramienta útil para los desarrolladores web, especialmente para aquellos que buscan formas rápidas y sencillas de probar su código.
Con sus diversas funciones e integraciones, es difícil no encontrar un uso para esta plataforma.
Darle una oportunidad hoy!
Deje un comentario