El reproductor de YouTube ahora es adaptativo

reproductor de video responsive youtube

El reproductor de YouTube ahora cambiará sus dimensiones a medida que cambie el tamaño de la ventana del navegador. Esta caracterí­stica de visualización responsive hací­a parte de una función de prueba pero ahora se ha activado por defecto para todos los usuarios quienes ahora verán como la calidad y el tamaño cambiarán con una transición suave automáticamente al redimensionar la ventana.

Previamente al cambiar de tamaño la ventana lo único que pasaba era que se habrí­a espacio para mostrar más recomendaciones y comentarios pero el reproductor se mantení­a igual, o cambiaba de un sólo golpe, sin la nueva transición. Pues bien, eso ha quedado en el pasado y ahora se modificará tanto el tamaño como las resoluciones (360, 480, 720 y 1080p.) de una forma casi imperceptible.

Por otra parte, tal como dan aviso en el portal Google Operating System, se ha mejorado la presentación en un tamaño superior del reproductor y ahora ha recibido el tí­tulo de «modo teatro» manteniéndose su botón justo al lado del de poner en pantalla completa el video en reproducción.
Continúa leyendo «El reproductor de YouTube ahora es adaptativo»

Responsive Inspector, comprueba la adaptabilidad de cualquier web a cualquier resolución de pantalla

Responsive Inspector

Ya sabemos que uno de los aspectos fundamentales a tener en cuenta por cualquier web actual es que pueda adaptar su diseño a cualquier tipo de pantalla donde se pueda visualizar, sobre todo con el uso cada vez mayor de tablets y smartphones con acceso a Internet. De entre las extensiones existentes en Chrome Web Store enfocadas a los diseños web adaptativos, se encuentra Responsive Inspector, cuya misión es mostrar el nivel de adaptabilidad de cualquier web.

Basta con que nos instalemos dicha extensión, la cual nos incluirá un nuevo botón junto a la barra de direcciones. Ya tan sólo tenemos que irnos a cualquier web y presionar el botón antes mencionado, el cual nos sacará una ventana emergente, mostrándonos los distintos tamaños de pantalla soportados a través de diferentes barras, ajustada a la escala de resoluciones. Sobre cada barra, si nos situamos encima de cada una de ellas, nos mostrará un botón que, al presionar, nos ofrecerá el código de la hoja de estilos CSS que hace que el diseño se ajuste a ese tamaño de pantalla.

Responsive Inspector tiene además una herramienta interesante, y la tenemos en su escala, sobre la cual podemos movernos a través del ratón. Esta herramienta nos permite escalar nuestro navegador a la resolución indicada en la posición que tengamos fijada, lo que nos permite ver la reacción de la adaptabilidad del diseño de la web, y además, contamos con una cámara, la cual nos permite realizar capturas, las cuales podemos guardar en local o subir a través de Behance.

De este modo, a pesar de las escasas opciones para diseñadores y desarrolladores web que dispone Chrome de serie, disponemos de una serie de extensiones que nos ayudará a mejorar los aspectos de los sitios web que podamos trabajar, o incluso tener como referencia.

Enlace: Responsive Inspector en Chrome web Store | Ví­a: AddictiveTips

Finitebug – sencillo sistema de seguimiento de errores


Conforme cree el número de lí­neas de código de cualquier aplicación, existen más posibilidades de errores en el mismo, de manera que dichos errores se tendrán que ir corrigiendo para que dejen de estar disponibles en futuras versiones de la misma aplicación.

Finitebug es una nueva aplicación para el seguimiento de errores, que permite el registro y seguimiento de las cuestiones planteadas por los usuarios relativos a los errores y caracterí­sticas de una misma aplicación, de manera que el equipo de desarrolladores tienen en Finitebug las herramientas necesarias para establecer las prioridades de los planteamientos, asignaciones de tareas, y resoluciones de dichos planteamientos, de manera que con las aportaciones de los usuarios y bajo la lí­nea de trabajo del equipo desarrollo, éstos puedan ofrecer futuras versiones de una misma aplicación con los errores solventados y con caracterí­sticas que facilitan las tareas a los usuarios.

A pesar de que está en fase beta, la invitación para el registro llega enseguida.

Enlace: Finitebug

Screenfly – Cómo se ve nuestra web en diferentes dispositivos

Usando servidores Proxy, Screenfly nos permite simular varios dispositivos para ver el aspecto de cualquier sitio web desde varias resoluciones diferentes.
Podemos seleccionar el sistema y modelo en el menú lateral, después de indicar la url que queremos analizar, teniendo la garantí­a que accederá como el agente especificado, no siendo solamente una capa de presentación con una pantalla de diferentes tamaños.
Si tenemos extensiones que hagan a nuestra web actuar de forma diferente con los teléfonos móviles, por ejemplo, es el momento de probarlo de forma rápida y sencilla, sin necesidad de conocimientos técnicos ni instalación de ningún programa adicional.
Una de las herramientas que están preparando en quirktools.com.
Link: Screenfly | Ví­a webresourcesdepot

El creador de ví­deos Flixtime, de Fotolia, ya está disponible en español


Comentado por aquí­ hace ya más de un año, Flixtime anuncia hoy su versión en español, permitiendo crear ví­deos usando nuestras fotografí­as, ví­deos y músicas.
Cuando el ví­deo está generado, puede ser exportado con facilidad a un blog o página web, o puede compartirse en las redes sociales (Facebook, Twitter, MySpace, Viadeo”¦) y en muchos otros servicios de internet. Incluso, dependiendo de los distintos niveles de cuenta Flixtime, el sistema permite añadir voces en off, actualizar a resoluciones HD y Full HD, entre otras funciones.
El plan Flixtime Básico es totalmente gratis y permite la creación de un ví­deo de hasta 60 segundos de duración y en formato flash, hospedado en lí­nea, incluyendo la posibilidad de compartir por email.

vid.ly – ofreciendo ví­deo en el formato adecuado al dispositivo que lo visita


Algunos usuarios ya hemos recibido el anuncio del lanzamiento del nuevo vid.ly, antiguo sistema que permití­a compartir ví­deos HD desde Twitter.
El sistema se presenta ahora como un acortador inteligente de urls de ví­deos capaz de detectar el dispositivo que visita la dirección y ofrecer el material en el formato adecuado.
Eso significa que si tenéis un ví­deo en Internet y lo divulgáis usando el acortador de vid.ly, éste lo ofrecerá en mp4, ogg, mov, flv, 3gp… con tamaños y resoluciones adaptadas al dispositivo que está accediendo.
Aquí­ tenéis un ejemplo de lo que puede hacer: vid.ly/5u4h3e, transformándose de esta forma en un servicio indispensable para los que crear y divulgan ví­deo en la web.
Más información en la nota de prensa oficial de encoding.com.

Gripe – comparte con tus seguidores tus experiencias sobre los establecimientos de tu ciudad


Gri.pe es una startup bastante joven que nos brinda la posibilidad de compartir aquello que pensamos sobre algún servicio concreto de cualquier parte del mundo, preferente sobre nuestra ciudad, ante nuestros amigos y seguidores. Para ello basta con buscar el servicio del cual queremos expresar nuestra satisfacción o queja, pudiéndolo añadir si no está en sus registros, y sobre él rellenar un sencillo formulario. En caso de queja o experiencia negativa, con ayuda de la comunidad, intentaremos resolver la situación.
Gri.pe puede ser usado a través de navegadores web, aunque su potencial lo tenemos en los smartphones, donde encontramos aplicación tanto para dispositivos de Apple como para Android, lo que nos posibilitará compartir nuestra satisfacción o queja en el mismo establecimiento donde nos encontramos.
Los usuarios además podemos modificar la información de un establecimiento corrigiendo errores en el mismo, e incluso si somos los propietarios de ese establecimiento, podemos reclamarlo.
Por ahora su acceso es a través de Twitter y Facebook, que podemos vincular ambas cuentas en Gripe, y se echa en falta, en mi opinión, que se pudiera disponer de un widget para estos establecimientos recibir el feedback de sus usuarios a través de sus respectivas webs.

Browserling – Prueba tu web en varios navegadores y resoluciones

Uno de los problemas a los que habitualmente nos tenemos que enfrentar los desarrolladores web es a crear páginas compatibles con los distintos navegadores y resoluciones, algo que por lo general suele dar verdaderos quebraderos de cabeza para conseguir que se vean exactamente igual en todos.

Por ello me ha resultado muy grato conocer Browserling, una página que nos permite probar cualquiera de nuestras webs en los navegadores: Internet Explorer, Firefox, Chrome, Opera y Safari, en distintas versiones (incluida IE6) y resoluciones de pantalla.

Para probarla sólo tendremos que entrar en la web e introducir la URL de la página que queremos probar, aunque si lo deseamos también podemos registrarnos para utilizarla más veces y con menos limitaciones.

En el futuro el servicio será de pago, pero ahora mismo es gratuito, por lo que es una buena ocasión para hacerse una cuenta y disfrutar de todas las posibilidades que ofrece, aunque es posible que nos toque «hacer cola» y esperar cuando el servidor esté ocupado con otro usuario, pero aún así­ merece la pena echarle un vistazo.

Simures – compara la compatibilidad de las resoluciones de sitios web

Simures es un servicio web que nos permitirá emular cualquier resolución que se nos antoje, por muy rara que pueda ser, de manera que nos permitirá conocer para cada sitio web su nivel de compatibilidad.

Básicamente tenemos que introducir la URL y establecer las resolución que deseamos comprobar, obteniendo un resultado que nos podrá dar una idea de como lo verí­an los usuarios que usen la resolución indicada. De esta manera, podemos comprobar sitios web orientado a navegadores web de nuestros ordenadores, o incluso comprobar las versiones móviles de sitios web para pantallas móviles.