es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


Sincronizar diapositivas de presentación basadas en web con Impress.js e Impressr [Quicktip]

He dado charlas sobre Desarrollo Web y WordPress en algunas universidades y escuelas y un problema común que enfrento durante una presentación es que la audiencia que está cerca de la multitud apenas puede ver mis diapositivas. Puse un poco de reflexión en esto: ¿cómo puedo tomar las diapositivas de la presentación más claras, sin embargo, mantener al orador y los asistentes en la misma página?

Encontré una solución, que permite al público ver las diapositivas de presentación en su propio dispositivo y una forma de sincronizar los contenidos de las diapositivas en sus dispositivos, con lo que quiero pasar mientras estoy en el escenario. He aquí cómo hacer esto.

Creando las diapositivas

Sin embargo, para hacer esto, en lugar de Keynote o PowerPoint, necesitamos crear la diapositiva con Impress.js.

Impress.js te permite crear diapositivas de presentación basadas en web y viene con efectos de animación que son más impresionantes que lo que puedes encontrar en Keynote o PowerPoint. De hecho, si eres una persona experta en CSS3, puedes crear tu propia animación personalizada (prueba la demostración aquí).

"Pero, ¿y si no entiendo CSS, JavaScript y HTML?"

Luego, puede usar Strut, una aplicación web para crear sus diapositivas Impress.js con GUI . La aplicación todavía está en beta en este momento, pero está funcionando bien. Puede insertar texto, imagen o video arrastrando y soltando, similar a Keynote o PowerPoint. También puede cambiar el fondo, los colores, la familia de fuentes y su tamaño.

Una vez que haya terminado de crear sus diapositivas de presentación, puede hacer clic en el gran botón verde en el lado derecho que dice Impress . A continuación, presione Comando + S (Ctrl + S en Windows) para guardar las diapositivas.

Sincronización de diapositivas

Ahora haremos que las diapositivas se sincronicen. La idea de usar Impress.js para construir las diapositivas es permitir que las diapositivas sean accesibles en la computadora portátil o dispositivos móviles. El público también puede tener una vista cercana e incluso interactuar con las diapositivas. Mientras recorre las diapositivas, los cambios que realice en las diapositivas (como pasar a la siguiente diapositiva) se reflejarán en sus dispositivos en tiempo real.

Para hacer esto, necesita una biblioteca de JavaScript llamada Impressr.js. Esta biblioteca fue publicada hace dos años. Aún así, funciona bien y es muy fácil de usar. Descargue la biblioteca, luego agregue lo siguiente dentro de la etiqueta principal.

Luego, agregue lo siguiente para inicializar Impressr.

 $ ("# contenedor-diapositiva"). impressR ({proxyName: 'presentation'}); 

Asegúrese de seleccionar el elemento correcto que envuelve inmediatamente las diapositivas. La opción proxyName se puede establecer en cualquier cosa, siempre que sea una cadena (texto sin formato).

Ahora la diapositiva debe sincronizarse en tiempo real en cada dispositivo con su presentación abierta. Tenga en cuenta que todos los dispositivos requieren estar conectados a la misma red . Para probarlo, puede abrir la diapositiva en dos navegadores diferentes. Aquí, como ejemplo, abrí la diapositiva en Chrome y Firefox.

También puedes probarlo en dispositivos móviles.

10 complementos gratuitos de croquis para desarrolladores web

10 complementos gratuitos de croquis para desarrolladores web

Sketch está obteniendo mucha tracción entre los diseñadores y desarrolladores web. Esto es probablemente porque es intuitivo, fácil de aprender y viene con muchas características que hacen que sea mucho más fácil crear un prototipo de sitio web. También puede deberse a que esta aplicación es extensible, es decir, puede agregar nuevas funciones a la aplicación fácilmente con la ayuda de complementos.Aquí hay 1

(Consejos de tecnología y diseño)

50 texturas de madera de alta resolución para diseñadores

50 texturas de madera de alta resolución para diseñadores

El diseño gráfico es una habilidad mágica que con el uso de elementos aparentemente menores, como patrones y texturas, puede dar un efecto fuera de este mundo a sus diseños. En una publicación anterior, mostré algunos de los mejores patrones de iconos que se pueden usar en varios diseños.Y en la publicación de hoy, presento 50 texturas descargables de madera de alta calidad que pueden ayudarlo a crear algunos de los diseños más sorprendentes, solo si sabe cómo usarlos correctamente. Eche un v

(Consejos de tecnología y diseño)