Códigos funcionales para HTML5

Ya hemos hablado en distintas ocasionas en el blog de cosas relacionadas con HTML5. Lo que me gustaría compartir con vosotros hoy es una página realmente interesante en la que podremos encontrar snippets de HTML5. Esta web nos puede ayudar a descubrir las nuevas funcionalidades que nos ofrece HTML o para ahorrar tiempo en nuestros desarrollos. Debemos de tener en cuenta que para que funcionen los ejemplos, nuestro navegador debe de ser compatible con la última versión de HTML5. Vía Kabytes

Cinco reproductores libres en HTML5

Es de todos bien sabido que HTML5 se va a imponer en la Web durante los próximos años. Siendo así, seria buena idea ir adaptado nuestras necesidades e ir orientándolas hacia el uso de este estándar, en esta ocasión os presentamos cinco reproductores de vídeo en HTML5 libres, para usarlos cómo queramos. Mediafront. Solución abierta (GPLv3) que incluye el reproductor Open Standard Media (OSM), que puede ser usado de forma gratuita en cualquier sitio web. JME. Kit de desarrollo para audio y vídeo en HTML5, usa las librerías DOM-API. Bastante intuitivo. Flare Video. Gratuito para uso comercial, podemos personalizarlo con CSS/HTML/JS. Projekktor. Muy limpio y sencillo de usar, hecho con JavaScript. Video JS. Su título lo evidencia, hecho también con JS. Un reproductor […]

Demo con las capacidades de HTML5

Si alguien aún duda de las maravillas que se pueden hacer con HTML5, os dejo una presentación donde se muestran muchas de sus grandes bondades. Requiere de las últimas versiones de los navegadores para que podáis visualizarla correctamente: PRESENTACI??N HTML5 Fuente

Imprime lo que quieras de un sitio web

Seguro que te ha ocurrido el tener que imprimir sitios web. Una solución es utilizar un conversor HTML a PDF, pero ¿qué sucede cuándo andamos escasos de tinta en la impresora y sólo queremos obtener lo mínimo necesario? Existe una herramienta que me he encontrado en Kabytes denominada Printwhatyoulike, que nos ayuda a deshacernos del contenido no deseado para nuestra impresión, además de modificar los tamaños y redistribuir la información. Resulta muy fácil de utilizar y el resultado es bastante satisfactorio. El funcionamiento es realmente simple, sólo ingresamos la URL del sitio que deseamos imprimir, y luego, navegando sobre él podemos ir eliminando bloques, imágenes o párrafos que no necesitamos. Luego de esto solo nos queda mandar a imprimir. Printwhatyoulike […]

OSMPlayer, un reproductor en HTML5

A través de Barrapunto conozco el proyecto OSM, un reproductor multimedia basado en HTML5 y jQuery. La llegada de HTML5 es para muchos el comienzo del fin del reinado de Flash como framework multimedia en la web. Viendo el proyecto Open Standard Media Player parece ser cierto. OSM es un proyecto Open Source con la finalidad de crear un reproductor multimedia basado en HTML5 y utilizando las librerías jQuery. Algunas de sus características son: 100% Open Source y 100% libre! Utiliza el framework JavaScript jQuery. Contenido basado en HTML5. Soporte para audio y vídeo en los formatos más utilizados. Posibilidad de cambiar el theme (Basado en ThemeRoller). Integración con Vimeo y Youtube. Soporte para playlist. Sin duda otra muy buena […]

Traductor en 52 idiomas para tu web

Si estás meditando sobre la idea de incluir un traductor a tu web deberías sopesar la posibilidad de usar TranslateThis, un botón sencillo que nos permitirá traducir nuestra página hasta en 52 idiomas diferentes: <div id=”translate-this”> <a href=”http://translateth.is/”>Translate</a> </div> <script type=”text/javascript” src=”http://www.google.com/jsapi”> </script> <script type=”text/javascript” src=”http://x.translateth.is/translate-this.js”> </script> <script type=”text/javascript”> TranslateThis(); </script> Usa la API de Google Translator, así que como es un traductor bastante potente (teniendo en cuenta lo difícil que es la traducción automática de textos) creo que es una buena solución. ¡Facilísimo de implementar y usar! ¿Conocéis alguna otra alternativa? Fuente

Generar HTML desde Javascript

He trabajado mucho con Javascript y sin duda alguna una de las cosas más laboriosas y repetitivas es la creación de elementos DOM. Pues bien, el otro día encontré una bonita forma de generar HTML desde Javascript. Una pena no haberla conocido antes. Se trata de Jaml, una implementación que nos permite generar fácilmente estos elementos DOM usando una estructura muy clara y nos permite generar un código realmente limpio. // Javascript div( h1({cls: ‘titulo’}”Some title”), p(“Some exciting paragraph text”), br(), ul( li(“First item”), li(“Second item”), li(“Third item”) ) ); // HTML generado <div> <h1 class=”titulo”>Some title</h1> <p>Some exciting paragraph text</p> <br /> <ul> <li>First item</li> <li>Second item</li> <li>Third item</li> </ul> </div> Además, disponemos de una serie de métodos que […]

Vocales acentuadas en HTML

Bueno, ando trabajando en un proyecto en Java y a la hora de comentar las clases y paquetes que voy creando me decidí a usar javadoc. Javadoc es una utilidad de Sun Microsystems para la generación de documentación de APIs en formato HTML a partir de código fuente Java. Javadoc es el estándar de la industria para documentar clases de Java. La mayoría de los IDEs (como Eclipse, que es el que estoy usando) los generan automáticamente. Para quien nunca haya usado javadoc, os comento que te crea en un directorio principal los ficheros HTML de la estructura y el índice de la documentación a generar, y en subdirectorios inserta los ficheros HTML con la documentación de las clases pertenecientes […]

HTML5 Glossary

Os dejo más información sobre la nueva versión de HTML. En su momento os dejé una guía rápida, pero si preferís una documentación más extensa sobre los nuevos tags HTML 5 que aparecen en la última revisión del estándar, echadle un vistazo a HTML5 Glossary. Enlace Fuente

Rotar texto Html con CSS

En bloobs me encuentro con el siguiente ???truco de diseño web con CSS???. Vamos a girar un texto, algo que hasta ahora no quedaba más remedio que hacerlo con una imagen. Además contamos con la ventaja de que se ve en Explorer, como veremos más adelante para Explorer hay que hacer algún ???retoque???, pero se consigue girar, que es lo importante. Ese ???truco???, nos permite abrir aún más el diseño de nuestros sites, utilizando además texto en Html, lo cual significa menor peso y ayuda al posicionamiento SEO. A continuación vamos a ver el código necesario y lo fácil que es usarlo. Para conseguir que este código funcione en Explorer, tenemos que recurrir a el BasicImage Filter, un filtro que […]