En el día de hoy, W3C ha presentado en sociedad el nuevo logo que identificará a HTML5. Aquí puedes verlo en mejor resolución:
Según el anuncio oficial de W3C, este nuevo logo ha sido elegido por “mantenerse firme y auténtico, resistente y universal como el código que escribes“. A simple vista es notorio que su diseño respeta varios estándares… Es que segun ellos dicen, este nuevo logo “es el estándar que representa los estándares“. Finalmente, “de algo se puede estar seguro: No usa tablas en su diseño“.
Haz clic en este enlace para ver más información en el sitio oficial de W3C >>
Los desarrolladores de Google Chrome han tomado una decisión drástica: En el día de hoy, han abandonado el soporte al codec H.264, abrazando los codecs abiertos WebM y Theora. Con la inminente llegada del HTML5, esta resolución puede cambiar las reglas del juego. Este es el anuncio oficial que pudo leerse en Chromium Blog, sitio oficial del projecto Chromium:
Fuente original del artículo: Chromium Blog“El modelo de desarrollo abierto y comunitario de la web es un factor clave en su rápida evolución y adopción. El proyecto WebM ha lanzado el último año un codec abierto y universal. Desde su lanzamiento, hemos visto los beneficios de un modelo de desarrollo abierto:
- Rápidas mejoras de performance en la codificación y decodificación de videos gracias a las contribuciones de docenas de desarrolladores que integran la comunidad.
- Amplia adopción por parte de navegadores, herramientas y proveedores de software.
- Independientes (y a la vez compatibles) implementaciones que no solo brindan opciones adicionales para los usuarios, editores y desarrolladores sino que también fomentan la sana competencia y la innovación.
Esperamos más innovaciones en la plataforma web multimedia en el próximo año y estamos enfocando nuestros esfuerzos en esas tecnologías que son desarrolladas y licenciadas bajo esos principios de web abierta. Con ese fin, estaremos cambiando el soporte del tag de HTML5 en Google Chrome para hacerlo consistente con los codecs que ya son soportados por el proyecto Chromium. Especificamente hablando, pasaremos a soportar los codecs de video WebM (VP8) y Theora, y consideraremos añadir, en un futuro cercano, soporte para otros codecs abiertos de videos en alta calidad. Si bien H.264 juega un rol muy importante en video hoy en día, es nuestro objetivo permitir la innovación abierta, por lo que el soporte para ese codec será removido y nuestros recursos se redirigirán hacia tecnologías de codec completamente abiertas.
Estos cambios ocurrirán en los siguientes meses, pero hemos decidido anunciarlo hoy para darle tiempo a los editores y desarrolladores que utilizan el tag una oportunidad para hacer en sus sitios los cambios que sean necesarios.”
JSC64 es una adaptación de FC64, su anterior creación que consistía en un emulador de Commodore 64 hecho en Actionscript. Fue creado como “prueba de concepto” y utiliza la propiedad Canvas-element de HTML-5 para recrear la pantalla. Es por eso que su funcionamiento se ve optimizado en la versión más moderna de los navegadores Mozilla Firefox, Google Chrome y Safari.
Haz clic en este enlace para probar JSC64 >>
El juego en sí, consiste en una divertida variante del concepto “tower defense” ya visto en el juego homónimo y que se ha vuelto una tendencia en el mundo de los videojuegos casuales.
Tu rol aquí es el de liderar un grupo de piratas para proteger de los invasores, el que parece ser un gran tesoro: unas margaritas que han crecido cerca de la costa.
Sin más que decir, te invitamos a probarlo y pasar un rato muy entretenido. Aconsejamos utilizar Internet Explorer 9 Beta, Mozilla Firefox 4 Beta, o Google Chrome en su versión más reciente.
Junto con CSS3 y HTML5 llegaron a la red de redes una gran cantidad de recursos que permiten simplificar la vida y el trabajo de los diseñadores y programadores web. Entre ellos, se encuentra Font Dragr, una herramienta online gratuita que nos brinda la posibilidad de previsualizar fuentes con solo arrastrarlas y soltarlas en el navegador.
Y como si todo esto fuera poco, Font Dragr permite también editar el texto que se está previsualizando.
Sin siquiera tener la necesidad de implementar una línea de código o subir ningún archivo, podremos previsualizar en el navegador las fuentes truetype, opentype y los vectores gráficos escalables que tenemos en nuestra computadora.
Eso sí, como se basa en la función drag and drop, esta aplicación funciona sólo con Firefox 3.6 y versiones posteriores, pero sus creadores prometen aumentar su compatibilidad próximamente.
La aplicación dispone de una gran cantidad de novedades en CSS3, entre las que destacan:
- Fuentes personalizadas con font-face
- Degradados
- Bordes redondeados usando border-radius
- Sombra con text-shadow y box-shadow
- Atributos y pseudo-selectores
- Múltiples colores de bordes
- Ajuste del modelo de caja usando box-sizing
Haz clic aquí para ingresar al Sitio de Font Dragr
Fuente: CSS Blog
Todos sabemos bien que CSS es un mecanismo simple, una forma de descripción de estilos que ofrece a los desarrolladores el control totalEs por eso que hoy gracias a algunas nuevas propiedades de WebKit Nightly, específicamente la propiedad de efectos CSS con HTML5 video, les traemos este interesante efecto CSS para que implementen en sus archivos de video.
Con un poco de CSS como el que está a continuación, podremos lograr el bonito efecto de reflejo vivo en HTML5 video (el cuál reproduce un .mov a elección)
CSS
.reflector
{
-webkit-box-reflect: below 1 -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(1.0, rgba(255, 255, 255, 0.5)));
}
.fader
{
-webkit-transition-property: opacity;
-webkit-transition-duration: 550ms;
-webkit-transition-timing-function: ease-in-out;
}
En sólo unas pocas líneas de jQuery construimos el listado de películas, luego haremos fade in en el video y lo reproduciremos todo con un con un solo clic, con ayuda de este código Javascript:
JAVASCRIPT
jQuery.map(movies, function (movie)
{
var thumb = jQuery(’’);
thumb.click(function ()
{
var video = jQuery(’
Fuente: Ajaxian
