Archivo | HTML RSS feed for this section

Creando webs con las herramientas de Google

6 Nov

Closure Tools, son una serie de utilidades que usa Google para crear sus webs, como Gmail o Maps y que ha liberado como open source para que todos podamos aprovecharlas.

Closure Compiler

Una herramienta que comprime y optimiza el código JavaScript. Según su web, elimina el código inservible y comprueba la sintaxis, dando avisos y detectando bugs. A parte facilita una extensión para firebug.

Closure Library

Una librearía JavaScript con widgets y controles para modificar el DOM, ajax, animaciones, etc…

Closure Templates

Facilita plantillas HTML para tus proyectos web, de tal forma que no es necesario usar una plantilla para la web completa, sino que la idea es, usar pequeños modulos y poder reutilizarlos.

No tiene mala pinta y parece la contrapartida de Google para YUI de Yahoo. Si alguien lo ha probado que comente la experiencia.

Links: Closure Tools

Anuncios

Útiles Plantillas CSS

6 Oct
Algunas de las plantillas CSS

Si se os resiste ese layout de 3 columnas flexibles o vais a romper el ordenador por que no sois capaces de centrar un <div> con posición absoluta, aquí os dejo unas plantillas perfectas.

En la página tienen unas explicaciones cojonudas y nos enseñan el CSS al milímetro así que ya no deberíais tener mas problemas con las columnas malditas.

Link: Nice and Free CSS Templates

99 Plantillas CSS/XHTML Gratuitas

30 Sep

Si, habeis leido bien, 99 plantillas, ni una mas ni una menos. La gente de InstantShift ha tenido que pasarse un buen rato recopilando toda esta información, que a parte de ser gratuita, es de bastante calidad. Nunca está mal tener plantillas que poder investigar e inspirarse.

Link: 99 High-Quality Free (X)HTML/CSS Templates

Efecto CoverFlow con JavaScript y HTML5

26 Sep

Muy bueno el efecto que nos presenta el bueno de Addy Osmani, al estilo CoverFlow de los sistemas de Apple como el Itunes, pero usando simplemente JavaScript y HTML5.

JavaScript CoverFlow

JavaScript CoverFlow

Por supuesto, que al usar HTML5 no se ve en los navegadores costras de la familia Explorer.

Link: Open-Source JavaScript CoverFlow | Demo

Hola mundo utilizando canvas

10 Sep

En Anieto2k nos recomiendan ver un tutorial para iniciarnos en el gran arte de manejar canvas. Esto es, dibujar en el explorador usando javascript. Muy interesante para ir viendo las posibilidades que se nos vienen encima con HTML 5.

Link: Hola mundo en canvas

Chuleta para HTML 5

6 Sep

En Woork han creado una Cheat Sheet (Chuleta) con las etiquetas de HTML 5 para tenerlas todas en un mismo sitio la mar de comoda.

Links: Descargar Cheat Sheet HTML 5Artículo original

Rendimiento del navegador acorde al código HTML

1 Abr

En AjaxLine públican un interesante artículo en el que comparan el rendimiento del navegador acorde a los elementos HTML, como por ejemplo, si carga mas rápido un elemento posicionado relativa o absolutamente, imagenes semitransparentes, imagenes de fondo y muchos datos mas.

La verdad es que el artículo está bastante elaborado y merece la pena echarle un vistazo.

Link: The Browsers Performance in Dependence of HTML Coding

A %d blogueros les gusta esto: