Png transparente con css

21 de mayo de 2008   Archivado en css, javascript

Por necesidades de trabajo tenía que integrar imágenes png transparentes en una web. “Obviamente” tenía que ser ser compatible con Explorer 6, por lo que iba a tener que recurrir al ya clásico pngfix.htc.

Fué entonces cuando buscando el archivo, me encontré con un artículo en el cuál decían que se podia utilizar la transparencia del png sin necesidad de archivos externos. Sólo CSS … y un poquito de javascript en la hoja de estilos.

El código es el siguiente

* html img,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

Es posible también adjuntarlo desde una hoja de estilos externa, colocando el condicional de turno por si el usuario acceder desde un Explorer 6

<!--[if lte IE 6]>
<link rel=”stylesheet” type=”text/css”
                                href=”png_fix.css” />
<![endif]–>

[ artículo original ]

Nueva actualización de JQuery

21 de mayo de 2008   Archivado en javascript

JQuery

Si ayer hablaba de la nueva versión de JQuery ( la 1.2.4 ), hoy me llevo la sorpresa que han vuelto a sacar una nueva actualización, en concreto la 1.2.5

[ jquery ] [ Documentación ] [ Tutoriales ]

Nueva versión de JQuery

20 de mayo de 2008   Archivado en javascript

JQuery

Recién salida del horno tenemos la última versión de JQuery, la 1.2.4

[ jquery ] [ Documentación ] [ Tutoriales ]

Mejoras en Photoshop Express

20 de mayo de 2008   Archivado en software

Photoshop Express

Se han introducido mejoras en la “versión online” de Photoshop. Ahora es posible abrir imágenes desde Flick, modificarlas y subirlas directamente, sin pasos intermedios. Asimismo es posible publicar las presentaciones generadas por Photoshop Express en Facebook y MySpace.

También se ha añadido la opción “guardar como”, que permite guardar con un nombre distinto, lo que permite tener a buen recaudo el original.

Está claro que no está a la altura de su hermano mayor y dudo que en Adobe lo pretendan, a pesar de algunas quejas del sector que esperaban algo más. Tampoco hoy por hoy es el mejor editor de imágenes online que he visto, pero conociendo a la casa, todo se andará.

[ Adobe ] [ Photoshop Express ]

Felicidades Anieto2k

18 de mayo de 2008   Archivado en personal

Anieto2k
Por tus más de 3000 post. Tantas entradas no se consiguen así como así y máxime teniendo la calidad a la que tienes acostumbrados a los que te seguimos.

Muchas Felicidades y a por 3000 más.

[ anieto2k ]

Nueva actualización de Firefox 3

18 de mayo de 2008   Archivado en software

Firefox rc1

Firefox RC1 ya está en la calle y con nuevas mejoras. Cada vez falta menos para la versión definitiva.

[ firefox 3 ] [ descargar ]

un sencillo sistema de pestañas

18 de mayo de 2008   Archivado en css, javascript, xhtml

Ahora que están de moda los sistemas de pestañas, yo también me subo al carro de la moda y propongo mi propio sistema al margen de frameworks. Un poco de html, algo de css y el javascript de toda la vida.

Lo primero de todo es crear la estructura que queremos que siga el sistema. En mi caso quiero hacer un panel limitado en tamaño, para pongamos por ejemplo, un panel de configuración.

<div id="panel">
   <ul id="tabs">
      <li id="tab_01"><a href="#">opción 1</a></li>
      <li id="tab_02"><a href="#">opción 2</a></li>
      <li id="tab_03"><a href="#">opción 3</a></li>
      <li id="tab_04"><a href="#">opción 4</a></li>
   </ul>
   <div id="paneles">
      <div id="panel_01">panel para la opción 1</div>
      <div id="panel_02">panel para la opción 2</div>
      <div id="panel_03">panel para la opción 3</div>
      <div id="panel_04">panel para la opción 4</div>
   </div>
</div>

Seguir leyendo »

Mi Ubuntu y yo

17 de mayo de 2008   Archivado en software

Ubuntu

Hoy actualicé mi Ubuntu a la 8.04 LTS. Impresiontante la forma de actualizarse. Lo que no disfruté durante mi larga vida de windowsero lo estoy haciendo en mi corta vida como usuario de Ubuntu. Gracias pavL0 (para cuando el blog?)

[ Ubuntu ]

Nuevo flash player 10

16 de mayo de 2008   Archivado en software

Flash player 10

Si antes de ayer Adobe presentaba el Adobe media Player, ayer presentó la Beta del reproductor flash player 10. Este trae muchas novedades con respecto al fp9, como efectos 3D, nuevos filtros, mejoras en el trabajo con el texto, mejoras de rendimiento, mejoras en la api de dibujo y muchas cosas más.

Precisamente Marcos hacía mención ayer en su blog de este evento y de como en su momento tuvo el privilegio de asistir a una previa en el Adobe max chicago 2007.

[ adobe ] [ flash player 10 ]

Presentación de Adobe Media Player

14 de mayo de 2008   Archivado en software

Adobe Media Player


Adobe mueve ficha presentando el Adobe Media Player días después de la presentación de SilverLight por parte de Microsoft. Nueva batalla en el horizonte ?

[ Web de Adobe ] [ web de AMP ]