Presentación de WebSlides

Todo el mundo ama las historias. Las personas comparten contenido que les inspira. Necesitamos historias para saber que no estamos solos.

Las plataformas de diapositivas son una excelente manera de contar estas historias. Y ya existen muchas herramientas excelentes para esto, como Powerpoint y Keynote.

Pero a nadie le gustan las presentaciones HTML. Literalmente, nadie. "Me encantan las presentaciones HTML" no devuelve ningún resultado en la búsqueda de Google. ?

Soy un diseñador y desarrollador que trabaja todo el día sobre la plataforma gigante que es la web. Siempre me pareció incómodo y anticuado cargar un programa separado en mi computadora y usar Powerpoint y Keynote, con sus extraños formatos propietarios, y luego tener que enviarlo por correo electrónico a alguien.

Así que construí WebSlides.

WebSlides se trata de contar una historia y luego compartirla de una manera hermosa: hipertexto, marcado limpio y CSS encantador como elementos narrativos.

Diseñar en WebSlides puede ser tan rápido como con Powerpoint. Puede arreglárselas con un conocimiento básico de HTML y CSS. Simplemente elija una demostración y personalícela en minutos.

Los diseñadores, desarrolladores, especialistas en marketing y periodistas ahora tienen una herramienta de presentación nativa de la web con:

  • Atajos de teclado de navegación rápida tales (y deslizamiento horizontal y vertical).
  • Enlaces permanentes que lo llevan directamente a una diapositiva específica.
  • Un contador de diapositivas.
  • +40 componentes que incluyen carátulas, tarjetas, cotizaciones y formularios
  • Una amplia variedad de fondos: colores, degradados, imágenes y videos.
  • Bloques flexibles con autorelleno e igual altura.
  • Más de 500 iconos SVG gracias a Font Awesome

Poesía de código

Aquí hay un código fuente HTML que le muestra cómo se hace. Este código es limpio, escalable y está bien documentado. Utiliza marcado intuitivo con convenciones de nomenclatura populares. No es necesario abusar de las clases o anidar .

Cada elemento principal de> i diapositivas es una diapositiva individual: n the #web


    

Design for trust

.wrap = container 1200px

Diseñar con propósito

WebSlides es gratuito y de código abierto. Lo construí porque necesitamos una plataforma para contar historias hermosas. Veamos lo que está sucediendo:

  • Medio = Bellos artículos.
  • Typeform = formas hermosas.
  • WebSlides = Hermosas presentaciones y formatos largos.

Doy la bienvenida a las solicitudes de extracción a WebSlides para que podamos seguir mejorando y expandiendo esta herramienta.

Comparta esta publicación con cualquier persona que crea que podría estar interesada en utilizar esta herramienta.Espero leer sus comentarios. No dude en enviarme un correo electrónico si tiene alguna pregunta.

Un agradecimiento especial a Luis Sacristán y Jenn Schiffer (SimpleSlides fue una revelación). ? Y ou también puede seguir las actualizaciones en Twitter, Dribbble y Github.