Semitransparencia en pngs - y el maldito IE

Aquel webmaster que se precie ya habrá tenido problemas con los png,
las transparencias y el maldito explorador de internet que no cumple
estándares.

Para el que no lo sabe, Png es por “Portable Network
Graphics”, o gráficos portatiles para red, creado para mejorar el
formato gif (256 colores, transparencia de mapa de bits…. muy
ochentoso). Además de ser mejores que los gifs, no requieren una
licencia para usarlos (si, todos los programitas que crean gif tienen
que comprar la licencia….). Otra acepción del acrónimo, una recursiva
como nos gusta a los geeks, es “PNG is Not Gif”.

Básicamente te
deja tener imágenes de 24 bits color o blanco y negro (con paleta) o
imagenes RGB (no CYMK, pero es para web asi que no hay problema,
verdad?). Tambien usa varios métodos de compresión, entrelazados,
etc,etc.

En definitiva: es el sueño de cualquier diseñador web,
porque podés hacer cosas muy interesantes con ellos (que con jpg o gif
serían bastante molestas o imposibles).

Funcionan bien en todos
los navegadores web, son un estándar con muchos años ya pero, la mala
noticia es que en ie 6 o menor no funcionan las transparencias,
personalmente, yo tengo que hacer sitios que se vean perfecto en varios
browsers, incluyendo ie6 (maldición!), el cual no muestra png con
transparencias a menos que lo obligues.

Ahora a ver como se lo obliga :D

La magia básicamente se logra con AlphaImageLoader, un apestoso parche para cargar bien los png (mencioné que fueron creados para la web?).
La
idea de Micro$oft, para variar fue no usar el estándar ya establecido y
crear un “truquito” para que las cosas anden como deberían.

la magia es como sigue:
lo que en cualquier navegador funciona haciendo esto:

div#imagen_de_fondo {	width:600px;	height:400px;	background-image: url(images/YourImage.png);	background-repeat: repeat-y;	position:absolute;	top: 82px;	left: 46px;	padding-left: 25px;}

en ie 6 funciona agregando esto:

div#imagen_de_fondo {	background-image: none;	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/YourImage.png,sizingMethod='scale');}

Y listo! (en teoría!)
Así tenemos backgrounds con png’s transparentes. Excelente. aca hay un ejemplo
Falta el tema de los tags img, si usamos una imagen png con transparencia, no va a funcionar.

La solucion a eso:
Reemplazar los img por divs con background.

Probablemente más tarde un post de cómo hacer esto :D

que lo disfruten.

Technorati Tags: , ,

Creá Webs Accesibles

A vos, diseñador, programador web, creá webs accesibles!
Y sacate una foto!!

Me sumo a la iniciativa de, como no podia ser de otra manera: creawebsaccesibles.com.ar/

Hay mucha información y fotos, la idea es, primero que todo, difundir la usabilidad y accesibilidad como parámetros de buen diseño.

Bueno, en el sitio está toda la info, incluso el folletito para bajar y sacarte una fotito :D

Technorati Tags: ,

Frameworks de desarrollo web

He probado algunos (no todos) de los frameworks web que hay en el mercado, para Java (Struts), PHP (Cakephp), y Ruby (Ruby on Rails). Paso a enumerar ventajas y desventajas segun mi humilde opinion:

* Struts: Ventajas: ninguna, es pesado, hay que configurar uno o más xmls gigantes, en fin, no me gusta para nada, y no lo volvería a usar.

* Cakephp: Muy buen entorno inspirado en rails, anda bien con php 4 y 5, anda en casi cualquier hosting (todos soportan php). Desventajas: es php, es un lenguaje bastante feo. y le falta la capacidad sintáctica de ruby como para tener un framework realmente excelente.

* Ruby On Rails: La diva de los entornos de desarrollo web,
excelente, super cómodo, elegante, rápido, extensible, etc etc. desventajas: no todos los hostingss soportan ruby on rails. Mi hosting (bluehost) si. y la verdad que anda bastante lindo.

Conclusión: Estoy volviendo al poderoso Ruby on Rails. Subiendo la productividad y la calidad de los sitios :)

CakePhp y webroot

Las aplicaciones que estuve haciendo en cakephp andaban de lujo en mi server local, pero cuando las subía al server de producción, se rompía el htmlHelper y le agregaba /webroot/ a todas las urls,
es decir donde deberia decir www.example.com ponia www.example.com/webroot/ y asi
example.com/home era example.com/webroot/home etc.

Por lo que pude leer en la web, a nadie más le pasó, o a unos pocos, pero, hete aquí, que problema solucionado, simplemente edite webroot/index.php

define(’WEBROOT_DIR’, ‘/’);

y leesto.
un solo problema, no usen WEBROOT_DIR en la aplicación porque queda apuntando a /.

esto parece solucionar el problema, pero si a alguien se le ocurre algo mejor, espero comentarios o insultos!

hastalavista

script.aculo.us 1.7.1 beta 3!

Amo a la gente de scriptaculous!! son unos grosos, y ya salio la beta 3 de la nueva versión, un amor!

La voy a probar en mi web, a ver que tal anda, pero le tengo mucha fe.

Javascript ahora parece un lenguaje de programación! (bueno, es una herejía, pero estoy tan contento!)

PHPBBCaptcha

El captcha que instalé en phpbb anda mejor que el default, pero igual le entran. El tema es que el captcha no es buena medida de seguridad (miren acá) es obvio, los chabones hasta ponen a gente a decifrarlos (generalmente sin que ellos sepan).

Es una idea interesante, el bot entra a tu foro, se encuentra con un captcha, lo muestra como parte de un form en un sitio con altisimo tráfico (generalmente porno), y cuando entra un usuario, lo completa como si fuera parte del form, y luego mete lo que escribió el tipo ese en el form de tu foro.

Fueron los captcha. No sirven mas.

Otros intentos de bloquear bots:

  • Campos de forms ocultos por css
  • Texto agregado con javascript
  • El campo “cuanto es 1+1?”
  • Combinaciónes de los anteriores.

Yo por lo pronto estoy experimentando con una combinación de captcha + campo oculto.
Captcha porque es un viejo conocido, el campo oculto, para filtrar los bots que rellenan todo pero te adivinan el captcha, y de paso le pongo que el error sea el del captcha, asi piensan que estaba mal calculado.

A ver si este si anda mejor!

CakePhp + phpcaptcha

excelente! necesitaba un captcha para cakephp, y este chabon lo hace re facil. El unico problema fue que me tiraba la ultima letra en blanco. A veces las ultimas dos.

El tema es que buscando y buscando en foros y demas, la unica respuesta que encontraba era algo como, phpcaptcha hace
$iLineColour = imagecolorallocate($this->oImage, rand(100, 250), rand(100, 250), rand(100, 250));
y entonces el “iluminado” concluia que es imposible que te escriba en blanco.

Ahora.

A vos.

Iluminado programador.

Tipito sobrador de los foros.

Si si, a vos que contestaste eso.

Una pregunta.

¿Que pasa cuando queres reservar más colores de los que podés con imagecolorallocate?
¿que te devuelve?
¿En que color pinta las cosas si usas el valor devuelto?

Bueno pibe, te doy la respuesta porque el resto de la gente que lee este foro (nadie) se lo merece. En BLANCO.

Ah! mira vos, asi que era eso?
y por que pasa?
no tengo idea, por que trata de reservar más colores de los que puede.

donde?
y bueno, reservando colores para las líneas…. o sea…
solucion rapida y pedorra: achicar el numero de lineas
cambiar
define(’CAPTCHA_NUM_LINES’, 70);
a
define(’CAPTCHA_NUM_LINES’, 50);

ya funciona(en mi caso)

pero lo que esto deberia hacer es reservar unos n colores aleatorios(ponele 50) al principio y luego utilizar un color al azar de ese grupo.
Queda como tarea para la casa.

Chabon del foro: NO TE TENEMOS MIEDO! que respuesta pelotuda que diste….

Configurar CakePhp

Que perno que es esto, pero el problema, como siempre, estaba entre la silla y el teclado, el problema que tengo (siempre) es que tengo dos configuraciones distintas, una de desarrollo en mi compu y otra, producción en el server que corresponda.
Ya me estoy acostumbrando a eclipse (o será que eclipse se está acostumbrando a mi??) pero siempre cometo los mismos errores al copiar un sitio local a un server.

El problema de hoy en particular fue que estuve unas 5 horas peleando con configuraciones y editando archivos… y era solo que me habia olvidado de copiar la base de datos… que moquero.

Pero estoy convergiendo a alguna configuración decente (espero).

Pero más allá de eso, crear un nuevo sitio con cakephp no debería tomar más de 10 minutos.
eso sí, no se olviden de apuntar bien CAKE_CORE_INCLUDE_PATH a donde tienen su cake, y de crear la base de datos…

CakePhp

Y bueno, hace rato que probe Ruby on Rails, fascinante, pero luego me vi obligado (por el hosting) a trabajar con php, asi que me hice un pequeño framework inspirado en RoR, pero muy muy muy basico.
Hete aquí que despues buceando por la web, encontré por ahi este framework groso para php, se llama cake php y es como rails para php, la verdad, es bastante groso, es como el “hazte la fama” de “hazte la fama y héchate a dormir”.

Pero (siempre hay un pero), siendo tan bonito como es, tambien tiene algunas cosillas que a uno le gustaria mejorar/ampliar/modificar, asi que agregué internacionalizacion (a la 1.1 que no tenia, la 1.2 que esta por salir ya tiene incorporado) y un par de helpers que fui necesitando. Capaz que algun día los publico en algun lado (capaz que aca, por que no).

Ampliaremos.

PHPBB Captcha

Me tocó sufrir con PHPbb, todo mal, miles de mensajes spam diarios en el foro de un cliente. y todo porque el captcha de phpbb apesta. La dificultad para procesar el captcha es tan baja que se crearon miles de usuarios spam incluso con el maldito captcha habilitado.

La solucion, por ahora, parece ser usar un mod que encontre en el sitio, “better captchas” con el cual se muestran imagenes mas complicadas de decifrar.
Tampoco Es la solucion definitiva. Pero parece haber mejorado la cantidad de spam. En dos días llevamos dos mensajes indeseados solamente. El futuro dirá.

A lo mejor modificando el nuevo captcha para que derforme un poco mas las letras o usando fuentes menos legibles…. veremos.