Archive for the 'Programación' Category

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: , ,

Popularity: 2% [?]

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 :)

Popularity: 3% [?]

El Truncate de cakephp me rompe el layout

Y si, para un sitio que hice (un blog), en la pagina de listado tenia el primer pedazo de cada post cortado a, digamos 600 caracteres… el problema: abria un div y no lo cerraba y me cortaba justo al medio. Como estoy usando cakephp termine con la siguiente solucion:

agregar en views/helpers/advtext.php


class AdvtextHelper extends Helper {
/**
* Truncates text.
*
* Cuts a string to the length of $length and replaces the last characters
* with the ending if the text is longer than length.
*
* @param string $text String to truncate.
* @param integer $length Length of returned string, including ellipsis.
* @param string $ending Ending to be appended to the trimmed string.
* @param boolean $exact If false, $text will not be cut mid-word
* @param boolean $considerHtml If true, HTML tags would be handled correctly
* @return string Trimmed string.
*/
function truncate($text, $length = 100, $ending = '...', $exact = true, $considerHtml = false) {
if ($considerHtml) {
// if the plain text is shorter than the maximum length, return the whole text
if (strlen(preg_replace('/<.*?>/', '', $text)) <= $length) {
return $text;
}

// splits all html-tags to scanable lines
preg_match_all('/(<.+?>)?([^<>]*)/s', $text, $lines, PREG_SET_ORDER);

$total_length = strlen($ending);
$open_tags = array();
$truncate = '';

foreach ($lines as $line_matchings) {
// if there is any html-tag in this line, handle it and add it (uncounted) to the output
if (!empty($line_matchings[1])) {
// if it's an "empty element" with or without xhtml-conform closing slash (f.e.
)
if (preg_match('/^<(\s*.+?\/\s*|\s*(img|br|input|hr|area|base|basefont|col|frame|isindex|link|meta|param)(\s.+?)?)>$/is', $line_matchings[1])) {
// do nothing
// if tag is a closing tag (f.e. )
} else if (preg_match('/^<\s*\/([^\s]+?)\s*>$/s', $line_matchings[1], $tag_matchings)) {
// delete tag from $open_tags list
$pos = array_search($tag_matchings[1], $open_tags);
if ($pos !== false) {
unset($open_tags[$pos]);
}
// if tag is an opening tag (f.e. <b>)
} else if (preg_match('/^<\s*([^\s>!]+).*?>$/s', $line_matchings[1], $tag_matchings)) {
// add tag to the beginning of $open_tags list
array_unshift($open_tags, strtolower($tag_matchings[1]));
}
// add html-tag to $truncate'd text
$truncate .= $line_matchings[1];
}

// calculate the length of the plain text part of the line; handle entities as one character
$content_length = strlen(preg_replace('/&[0-9a-z]{2,8};|&#[0-9]{1,7};|&#x[0-9a-f]{1,6};/i', ' ', $line_matchings[2]));
if ($total_length+$content_length > $length) {
// the number of characters which are left
$left = $length - $total_length;
$entities_length = 0;
// search for html entities
if (preg_match_all('/&[0-9a-z]{2,8};|&#[0-9]{1,7};|&#x[0-9a-f]{1,6};/i', $line_matchings[2], $entities, PREG_OFFSET_CAPTURE)) {
// calculate the real length of all entities in the legal range
foreach ($entities[0] as $entity) {
if ($entity[1]+1-$entities_length <= $left) {
$left--;
$entities_length += strlen($entity[0]);
} else {
// no more characters left
break;
}
}
}
$truncate .= substr($line_matchings[2], 0, $left+$entities_length);
// maximum lenght is reached, so get off the loop
break;
} else {
$truncate .= $line_matchings[2];
$total_length += $content_length;
}

// if the maximum length is reached, get off the loop
if($total_length >= $length) {
break;
}
}
} else {
if (strlen($text) <= $length) {
return $text;
} else {
$truncate = substr($text, 0, $length - strlen($ending));
}
}

// if the words shouldn't be cut in the middle...
if (!$exact) {
// ...search the last occurance of a space...
$spacepos = strrpos($truncate, ' ');
if (isset($spacepos)) {
// ...and cut the text in this position
$truncate = substr($truncate, 0, $spacepos);
}
}

// add the defined ending to the text
$truncate .= $ending;

if($considerHtml) {
// close all unclosed html-tags
foreach ($open_tags as $tag) {
$truncate .= '';
}
}

return $truncate;

}
}
?>


el helper, se usa igual que html->truncate, pero con un parametro extra, que en true toma en cuenta el html para le truncado, y hasta lo cierra bien y todo.


<
?=$advtext->truncate($text,600,’[...]‘,false,true)?> asi lo uso yo.

Popularity: 2% [?]

Aplicación de escritorio para postear a blogger

Hoy me puse a jugar un rato con python, (despues de tanto huirle), y la verdad que hace las cosas bastante faciles… muy a pesar mío.En Este momento estoy usando mi primer aplicación hecha en este lenguaje, es una gui en gtk para postear a blogger. Este post de hecho, esta creado con mi programilla, que si bien muy básico, me deja escribir y previsualizar al mismo tiempo, y ya tiene funcionalidad de postear entradas con titulo, texto y etiquetas

El proyecto empezó cuanto intentéusar un programa que supuestamente sirve para esto mismo,BloGTK, pero lamentablemente no funciona con blogger. Intente usar otros, pero ninguno andaba con blogger y la verdad no estan muy mantenidos. Así que huce lo que debía, le mande un mail al señor de blogtk, pero al no haber respuesta, y al ganarme mi curiosidad, lo rehice de cero…

Hay muchisimas cosas para agregarle, estaria muy bueno hacerlo bien, y aumentar la utilidad al máximo, el tiempo dirási esto sigue mantenido. Hasta incluso que si a alguien le parece útil, se podría armar un proyecto (GPL, obviamente) para que se siga manteniendo y mejorando esto.

Bueno, es hora de probar el boton “Save”, asi que si este post aparece en mi blog, es que la magia ha funcionado. Espero que si

Popularity: 5% [?]

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

Popularity: 3% [?]

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!)

Popularity: 4% [?]

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!

Popularity: 17% [?]

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….

Popularity: 2% [?]

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.

Popularity: 4% [?]

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.

Popularity: 100% [?]

« Página anterior