• Saltar a la navegación principal
  • Saltar al contenido principal

Sebastián Thüer

Comunicación, diseño y tecnología

  • Acerca
  • Blog
  • Contacto
  • Show Search
Hide Search

recursos

Flowplayer, un reproductor de video en HTML5 listo para usar

Sebastián Thüer · 08.11.2012 ·

Flowplayer, reproductor de video con HTML5
Se acabaron los viejos tiempo de usar Flash para reproducir video. Con la llegada del HTML5 el uso de multimedia en la web no require de plugins adicionales sino que el propio lenguaje permite manipular elemetnos com video, imágenes vectoriales (con CSS3) y audio.

FlowPlayer es un reproductor de video que funciona sobre HTML5, CSS3 y JavaScript y tiene varias cosas interesantes. Se puede elegir entre tres interfases (skins) que se pueden personalizar, se adapta automáticamente al tamaño del dispositivo que reproduce el video -pantalla gandre, tablet o smart phone- y tiene bastantes funciones incorporadas: pantalla completa, uso de atajos de teclado, listas de reproducción, integración con Google Analytics para contabilizar las reproducciones de cada video y la posibilidad de crear enlaces hacia un punto específico (cuepoints).

El reproductor se incluye con un código bastante simple sin necesidad de las viejas etiquetas como IFRAME. Además, al estar basado en HTML5 es apto para la reproducción en iPad, iPhone y toda la gama de dispositos de Apple que no soporta la tecnología Flash. Aquí se puede ver a FlowPlayer en acción.

Además, el reproductor tiene una API para pasarle parámetros a través de JavaScript y se permite ser embebido al estilo YouTube. Se pueden descargar dos versiones: una gratuita con licencia GPL que incluye el logo de FlowPlayer y otra comercial para insertar la propia imagen corporativa.

El único problema: embeber un video con Flowplayer en WordPress da algunos problemas. Si bien existe un plugin, la verdad no es muy cómodo para alguien que enlace videos de terceros de forma ocasional.

Magnolia, un pack de gráficos para crear infografías y visualización de datos

Sebastián Thüer · 10.09.2012 ·

Con la cantidad de información que circula en la web las infografías se han convertido en uno de los recursos más utilizados para llegar a los usuarios. La representación visual de datos e historias permite condesanr espacio y mostrar la información de una forma mucho más atractiva.

Por eso es interesante contar con algún paquete de recursos que nos permita desarrollar esta forma de representación visual, especialmente si estamos algo ajustados de tiempo. Magnolia es uno de estos paquetes y la verdad es que se va bastante completo y con mucho elementos ya clásicos en las infografías como gráficos de barra de todo tipo, gráficos de torta y círculos, recuadros informativos y más. Pero mejor que contarlo es verlo:

El kit viene con dos licencias: una personal de $19 dólares y otra para desarrolladores de $39. Obviamente que lo mejor siempre para un diseñador es desarrollar sus propios recursos, pero para cuando el tiempo apremia y no hay posibilidad de desestimar un buen trabajo este pack puede ser una buena salida.

[tf_button link=»https://www.e-junkie.com/ecom/gb.php?ii=1143273&c=ib&aff=53383&cl=147883″]Magnolia Personal License $19[/tf_button] [tf_button link=»https://www.e-junkie.com/ecom/gb.php?ii=1143275&c=ib&aff=53383&cl=147883″]Magnolia Developers License $39[/tf_button]

Box of Bundles, un paquete gratuito con recursos de diseño

Sebastián Thüer · 19.06.2012 ·

Box of Bundle, paquete de recursos de diseño

Muchos diseñadores están eligiendo la estrategia de poner a disposición de sus colegas algunos trabajos de forma gratuita para promocionarse y hacerse conocidos en un medios donde cada vez hay más oferta. Bof of Bundles es una buena iniciativa sobre esta idea: pedir contribuciones a artistas digitales y diseñadores, y al mismo tiempo, poner a disposición de todos este material.

Box of Bundles ya va por su tercera edición y podemos encontrar de todo un poco: elementos de interfaces de usuario (ui kits), iconos, plantillas CSS / HTML, botones, banderas, fondos y varios tipos de insumos más. Lo mejor de todo es que está disponible de forma gratuita y solo hay que dejar el mail para ser notificado sobre cuando se lanza un nuevo paquete.

Aquí una muestra de los trabajos disponibles. Como se ve, casi todo de buena calidad para arriba.

Tooltip PSD
Tooltip PSD
UI Kit (3)
UI Kit (3)
Iconos escritorio
Iconos escritorio
UI Kit (2)
UI Kit (2)
UI Kit (1)
UI Kit (1)
Wallpaper
Wallpaper
Cámara de fotos
Cámara de fotos
Calendario
Calendario
Botón PSD
Botón PSD
Botones PSD
Botones PSD
Video Player
Video Player

Ver todos los recursos disponibles

Style Tiles, una plantilla para mostrar el estilo gráfico de tu proyecto web

Sebastián Thüer · 18.04.2012 ·

Plantilla para estilos de diseño

Un problema frecuente en el diseño web consiste en pasar de los borradores o wireframing inciales al boceto en Photoshop. Armar una página lleva bastante tiempo y no siempre tenemos indicaciones precisas de los clientes acerca de qué estilo visual esperan para sus página.

Para solucionar este problema, la diseñadora Samantha Warren desarrolló una plantilla que comparte libremente a través del sitio Style Tiles. En ella, podemos avanzar sobre los aspectos visuales del sitio como paletas de colores, texturas, tipografía y logotipo sin necesidad de diseñar completamente la página.

Una buena manera de mostrar el estilo que tenemos en mente para una web sin necesidad de diseñar la página completamente.

[tf_button link=»http://styletil.es/» target=»_blank» align=»left»]Ir a Styles Tiles »[/tf_button]

ZeroBundle, completo paquete de recursos gratis para el diseño web

Sebastián Thüer · 14.02.2012 ·

Iconos, texturas, elementos de interfaz, menús de navegación, botones, tablas, pinceles y más en Zero Bundle. Este paquete tiene varios elementos interesantes para los diseñadores web que seguramente te ayudarán la labor diaria.

Generalmente estos paquete gratuitos no suelen ofrecer recrusos de calidad. Sin embargo, esta es la exepción. Va la pena dejar el mail para descargar varios megas de recursos que podemos necesitar en algún momento. El sitio es de los creadores de Mighty Deals.

Atención: El paquete es gratis por las próximas 36 horas… ¡apurate!

  • « Ir a la página anterior
  • Página 1
  • Página 2
  • Página 3
  • Página 4
  • Páginas intermedias omitidas …
  • Página 7
  • Ir a la página siguiente »

Sebastián Thüer

Creative Commons Atribución 4.0 Internacional © 2025 · Less Is More · Acceder