Categories
Artí­culos CSS3 Diseño Firefox Google Chrome html5

Efecto Abanico de Fotos en álbumes en Google+

Efecto Abanico en álbumes de Google+

Efecto de Abanico en Albumes de Google+ hecho con CSS3 y HTML5

Categories
Firefox

Descarga Firefox 5

Descarga Firefox 5

Firefox, el navegador que dio un cambio en la historia e hizo que Microsoft despierte de su largo sueño con IE6, ahora nos presenta su versión 5.

Algunas nuevas características son:

Algunas extensiones aun no están funcionando, pero en el transcurso de días esto se solucionará.

Descarga Firefox 5: Windows | Linux | Mac | Android

Categories
Firefox

Mozilla publica las extensiones que ponen lento a Firefox

Muchos hemos usando Mozilla Firefox, sin embargo en más de una ocasión nos hemos quejado de la falta de rendimiento y la lentitud en abrirse o cerrarse.

extfirefox

Mozilla ha publicado una lista de extensiones que disminuyen considerablemente el rendimiento de Firefox. El que más llama la atención es Firebug, que hace lento a Firefox en un 74% y es una herramienta esencial para el desarrollo web (Google Chrome tiene una herramienta mucho mejor que ya viene heredada).

Si estás pensando en desarrollar una extensión o ya haz desarrollado una, Mozilla también nos da una guía de buenas prácticas a la hora de desarrollar extensiones.  Es hora de quitar algunas extensiones.

Enlace: Complementos con rendimiento lento

Vía: Genbeta

Categories
CSS3 Diseño Firefox

Creando gradientes CSS al estilo Photoshop con ColorZilla

Colorzilla es una excelente extensión de Firefox que nos permite fácilmente obtener los colores de una página con un cuentagotas.

CSS ColorZilla

Ahora nos presenta una interesante aplicación en la que podemos crear fácilmente gradientes con CSS, teniendo la interfaz similar a Photoshop.

Al final de tener nuestra gradiente, obtenemos código CSS3 que puede ser visto en los principales navegadores.

Sin duda una excelente herramienta.

Enlace | Ultimate CSS Generator

Vía | Web Resources Depot

Categories
Firefox Google Chrome HTML html5 Internet Explorer

Ejemplos y Demos de HTML5

Si quieres saber más sobre HTML5, te presentamos un interesante sitio en el que nos muestran ejemplos y demostraciones de esta nueva versión de HTML

Ejemplos y Demos de HTML5 tiene los ejemplos básicos del uso de HTML5 y los soportes de los navegadores más conocidos. Entre ellos Internet Explorer, Mozilla Firefox, Safari, Opera y Google Chrome.

Sólo como ejemplo muestro un bloque del cual podemos editar el texto, mostrado en ContentEditable:

HTML:

<section id="editable" contenteditable="true">
  <h2>¡Este texto se puede editar!</h2>
  <p>¿Por qué no lo intentas? Un párrafo cualquiera</p>
  <ol>
    <li>el primer ítem</li>
    <li>el segundo</li>
    <li>y el tercero</li>
  </ol>
</section>
 

Al añadir el atributo contenteditable="true" hacemos que ese bloque se pueda editar, como si estaríamos usando TinyMCE o FCKEditor. El código anterior funciona en todos los navegadores modernos.

Puedes ver el demo.

Reconozco que es el primer ejemplo de HTML5 que hago en mi vida, así que si me sirvió también te puede servir a tí :D.

Enlaces