.clearfix: el widget

9/mar/2007 7
.clearfix Widget

“Estaba ya cansado de, cada vez que necesitaba del código del .clearfix para incluirlo en una nueva hoja de estilos CSS, tenía que googlear y copiar-pegar desde positioniseverything… Entonces, luego de un día de investigación, ha surgido este widget. Muchas gracias a Apple por hacer la vida de todos más fácil…

Sólo presiona el botón copy para hacer el código disponible en tu clipboard. Luego, pégalo en tu hoja de estilos favorita.”

“I was sick and tired of, everytime I needed the .clearfix code to include it to a new CSS stylesheet, I had to google it and copy-paste from positioniseverything… So, after one day of investigation, this widget has emerged. Many thanx to Apple for making everyone’s life easier…

Just press the copy button to make the code available in your clipboard. Then, paste it in your favorite stylesheet.”

Como creo que mencioné hace algunos artículos, utilizo plataforma Macintosh desde siempre, diseñando y desarrollando web. Con MacOSX y el lanzamiento de Dashboard, fue cosa de tiempo para hacer un widget que me facilitara este pequeño problema que tenía con tener siempre a mano el código CSS para .clearfix. Gracias a Ismael Celis por darme una mano sobre el funcionamiento.

Requerimientos: MacOSX con 10.4+ y Dashboard habilitado.

Download .clearfix v1.1 Widget

Este widget ya está incluído en los downloads de Apple

Update to v1.1: clearfix con IE7 agregado (estadobeta.com).

Comentarios

  1. CSSLab » Conditional Comments: el widget [#]

    […] Artículos con tags similares Texto auxiliar con estiloTransparencias a prueba de browsersBloques de texto con estilosobre cómo instalé todos los browsersIE7 { css2: auto; }Lo ví y me gustó 20Nuevo sitio, nuevos métodosDiseño para móviles: referencia.clearfix: el widgetAgregando movimiento vía JavaScriptAhorrando hasta en códigoRecursos Gráficos […]

  2. Jazazu [#]

    Hola buenos dias, mi pregunta es para que sirven esas ventanitas del clearfix, perdona mi ignorancia, pero estoy aprendiendo a usar el CSS.

    Muchas Gracias.

  3. CSSLab Admin [#]

    Jazazu, primero tienes q leer sobre q es clearfix. hice un articulo q lo deja bien claro. saludos.

  4. CSSLab » Clearfix v2.0: el widget [#]

    […] Navegando me topé con una reescritura del código de .clearfix para que éste sea interpretado por IE7 correctamente. Y bueno, como no me gustaba la interfaz del widget Clearfix que hice anteriormente, aproveché de rediseñarlo y lanzarlo con este nuevo código que se ve mejor. Nuevamente, lo dejo para libre descarga. […]

  5. pau [#]

    holaa..

    pues yo no se como utilizar esos “widget”. Yo le doy al botón de “copy”… y no pasa nada..

    ¿q hago mal?

    saludos

  6. Jorge Epuñan [#]

    Pau, bueno supongo q estas con MacOSX 10.3 minimo, q soporta widgets. Al bajarlo lo descomprimes y al doble click te pregunta si lo quieres agregar. Lo agregas y ya está, presionas ‘Copy‘ y queda copiado en tu memoria, luego en tu editor de codigo fuente lo pegas donde quieras que se incluya.

  7. clearfix ultimate ↝ CSSLab [#]

    […] han sido las veces que he nombrado y recontra-aplicado el método de .clearfix aquí en CSSLab. Lo suelo nombrar a menudo en clases, ya que es […]

Deja tu Comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

CSSLab