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.

14 canales de YouTube para los mejores tutoriales de fotografía

14 canales de YouTube para los mejores tutoriales de fotografía

El aprendizaje de la fotografía requiere tiempo, y es aún más divertido si puede retomarlo a su propio ritmo. Es en situaciones como estas que YouTube es útil.Hay muchos canales que están dedicados a este tema, y ​​muchos que se adaptan a quienes son nuevos en el oficio al desglosar los muchos aspectos de la fotografía en segmentos de video pequeños y fáciles de digerir.Aquí hay un

(Consejos de tecnología y diseño)

Cómo construir un blog estático usando ensamblar

Cómo construir un blog estático usando ensamblar

Hoy, vamos a echar un vistazo a Assemble, un plugin de Grunt que nos permite crear y administrar sitios estáticos con facilidad . Ensamblar puede ser ligeramente similar a Jekyll, pero aporta más flexibilidad y características a la mesa que lo hace más poderoso.Enlace permanente, Bootstrap Boilerplates y compilador LESS son las características que hacen que Assemble sea una herramienta comparable a una aplicación CMS completa. Aquí

(Consejos de tecnología y diseño)