Trasparencias PNG para IE6

•febrero 26, 2009 • Dejar un comentario

A estas alturas no deja de rondarnos la posibilidad de que uno o muchos usuarios naveguen a través de IE6 o menor con lo que nos desbarata las incríbles posibilidades de diseñar sin miedo a las trasparencias a través de PNG. Sin embargo javaScript + CSS vienen para salvarnos y nos dan la llave para superar el impase. El filtro que nos permite visualizar sin problemas trasparencias PNG en IE6 nos dará la tranquilidad de no recibir con exaltación la llamada de un cliente airado porque los gráficos de su web se ven con bloques blanquecinos sobre los fondos. Otra ventaja es que valida para XHTML y CSS, cumpliendo con los standares.

Utilizando un div id tenemos:

#filter_bann {
 width: 644px;
 height: 243px;
 background-image: url(“banner_1.png”) !important;
 background-image: none;
 filter: none !important;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’images/banner_1.png’);
}

” El ancho y alto son para establecer un área y que todos los browsers abran la imagen del mismo tamaño. El problema que se tiene con los filter, radica en que funciona para IE pero no para Firefox, y si agregamos el background, funciona en Firefox pero no en IE. La solución es agregar !important, para que Firefox tome ciertos elementos, y otros no.

La solución es utilizar un background normal para Firefox con un !important y justo debajo un background vacío (none), ya que IE no reconoce !important y tomará como referencia el inmediatamente siguiente. Luego de esto, viene el filter vacío (none nuevamente) y una cláusula !important para Firefox y el consiguiente filter AlphaImageLoader para que IE reconozca el alfa sobre los PNG’s.

Un detalle que puede que hayan notado: en el filter de IE se especifica la ruta de la imagen en un nivel diferente que la de IE. Esto porque la imagen se debe de especificar no desde la ruta del CSS (como ocurre con el background), sino con dirección de la raíz de la página web (no del sitio, me refiero a llamarla de forma relativa, no absoluta). “

Para ver el resultado »

La anterior reseña a través de csslab.cl

•febrero 13, 2009 • Dejar un comentario

 obama4

Obama, cuanta expectativa creada, diarios, radio, televisión, youtube, un contagio extrañamente generalizado probablemente por su raza, quizá por sus palabras y promesas, pero pasados casi un mes de su ascenso al poder es evidente que este hombre estará sujeto a la intransigente política de “seguridad nacional” por la cual y en nombre de la “Libertad” USA ha iniciado guerras en todos los puntos geográficos del planeta, en su mayoría perdidas, pues desde la segunda guerra mundial los amigos del norte no pueden exhibir una victoria contundente contra nadie. Es esta la fecha en que Obama no pronunció ni una sola sílaba respecto a la infame masacre contra el pueblo palestino 1400 muerstos, 5000 heridos y un mundo entero indignado pero impasible, casi complice por su falta de acción. Obama está enredado en los problemas domésticos de una deteriorada economía estadounidense, cuyo impacto se ha replicado imparable en la economía mundial. El fabuloso afiche de inspiración épica con el rostro de obama en fuerte contraste de rojo, azul y blanco, se comienza a desteñir tempranamente porque la realidad histórica es mucho más fuerte que el “yes we can”.

FWA para los que se descrestan

•enero 2, 2009 • Dejar un comentario

Las webs distinguidas dentro del ranking de FWA soprenden por su derroche de efectos expresados en detalles de movimiento y navegabilidad  y también en buena parte por el uso de fotografía de alto nivel. De hecho las interfaces de este tipo de webs están enfocadas al concepto y la fotografía fundamentadas en los manejos programados en action script. La web de FWA nos permite ver los ganadores, leer artículos  acerca de flash develop, además de bajar wallpapers creados por ilustradores impotantes o los mismo ganadores de FWA, también  hay un apartado donde se publican empleos (predominantemente en europa) para desarrolladores Flash. La cintilla con el logo de FWA constituye un símbolo de status en la vanguardia del desarrollo a partir de Flash. Aquí dejo la url para entretenerse una ratico:

Redimensionador de imágenes – Script.aculo.us

•enero 2, 2009 • Dejar un comentario

iphotolike1Este sencillo y “manual” redimensionador de imágenes puede ser útil en alguna idea de diseño para un site determinado. Es javascript y consiste en un slider manual que captura valores ingresados, en este caso de imágenes para redimensionarlas, bajo la libreria Script.aculo.us. / agilepartners.com

Paseo visual con la lente de Joey Lawrence

•enero 2, 2009 • Dejar un comentario

joeylawrenceJoey Lawrence es un joven Canadiense que a corta edad ya es un exitoso fotógrafo y realizador de video clips en USA, esta web es un mostrario interesante de los tres campos de la imagen donde trabaja: Comercial, Personal y Video Clips / joeyl.com

Reapareció webintenta

•noviembre 14, 2008 • Dejar un comentario

Desde hace ya varios años sigo con agrado este blog “webintenta.com” creado por un español “Francisco López” y cuyos variados post que giran alrededor de la temática de internet: web, diseño, programación, ilustración, fotografía, le han granjeado reconocimiento en este mundillo. La para fue prolongada sinembargo nos encontramos con un blog renovado y al parecer con mucha motivación de postear continuamente de todo un poco acerca de la web como ha sido su política desde que arrancó. Retomaremos entonces nuestras visitas a webintenta en esta permanente búsqueda de cosas nuevas que muchos deambulantes hacemos por internet.

Hiper-fotografía

•octubre 26, 2008 • Dejar un comentario

Esta fotógrafa mezcla el arte y la creatividad con la aplicación en la fotografía publicitaria y en general de publicaciones de las mejores revistas gringas. Alguna vez en el blog de “webintenta.com” salío un post en referencia a esta destacada fotógrafa, y ahora que vuelvo a ver su website, me sigue sorprendinedo y me gusta sobre todo su famoso trabajo de expresiones de niños, rostros de llanto infantil, que aunque pudieran parecer dramáticas pués simpre nos inquieta ver un niño llorar, esta artista logra generar unas imágenes bellísimas que algunas veces parecen fotos y otras cuadros hiperrealistas. http://www.manipulator.com/

 
Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.