Concurso: gana una licencia de skEdit

Hace poco hablaba de JSON, un formato de intercambio de información que mola bastante más que XML para proyectos “ligeros”.

Mirando las estadísticas del sitio veo que hay interés en el tema, así que aprovechando que el Pisuerga pasa por Valladolid voy a tachar una tarea de mi lista de pendientes y convoco el siguiente concurso:

I Concurso Sofá Naranja de JSON

El objetivo del concurso es crear una mini-aplicación en ASP/PHP/JSP/RoR/Perl/Bash/Python que use JSON como sistema de intercambio de información. La aplicación deberá ser de creación propia y estar libre de derechos (licencia GPL o similar)

Se valorará lo didáctico del tema, ya que los mejores ejemplos se publicarán en esta web a modo de tutorial. Si quieres enviar el tutorial junto con el código, eso que nos ahorramos. Si no, ya escribiré algo educativo a la par que entretenido.

Tienes más posibilidades de ganar si:

  • tu código es legible
  • tu aplicación funciona a la primera
  • tu código está documentado
  • me envías una pata de jamón

El premio consiste en una flamante licencia de skEdit, uno de los mejores editores de XHTML/CSS/PHP que puedes encontrar para Mac. Publiqué un review de skEdit hace tiempo, por si te interesa echarle un ojo.

Si eres usuario de PC, skEdit es el argumento definitivo para comprarte un Mac mini :D

El plazo para la entrega de proyectos finaliza el 5 de Febrero de 2006. Envía tu propuesta a ale [ARROBA] sofanaranja [PUNTO] com y que la suerte te acompañe!

Art Directors Toolkit 5

Acaba de salir la nueva versión de Art Directors Toolkit.

Para los que no lo conozcan, ADT es una de esas herramientas imprescindibles si diseñas que hacen que usar un Mac sea una maravilla. Apple incluye ADT en los PowerBook y PowerMac, así que si tienes uno y nunca te habías parado a mirar en la carpeta “Aplicaciones”, te debes a tí mism@ echarle una ojeada (yo ya no sabría vivir sin él)

La actualización cuesta unos $15. No es que tenga muchas mejoras (la verdad, mejorar ADT es muy complicado) pero así aprovecho para hablar de su existencia… :D

Efecto :hover en cualquier cosa

Esta semana me preguntaron lo siguiente:

¿Cómo hacer un :hover en un DIV con Internet Explorer?

No sé si se suponía que debía saberlo, pero la verdad es que me pilló un poco por sorpresa…

¿Con #iddeldiv:hover, no?

(Comentario que demuestra mi total ignorancia con respecto a las capacidades de Explorer)

Me temo que Explorer sólo soporta :hover en los ‘a’…

Como uno es de naturaleza curiosa, me puse a trastear con el dilema, llegando a la siguiente solución (que no deja de ser una chapuza, pero que no sólo funciona en Explorer sino en Camino, Firefox y Safari):

<script>
    function replaceHover(){
        var hoverDivs = document.getElementsByTagName("div");
        for(var i=0; i<hoverDivs.length; i++){
            if(hoverDivs[i].className.indexOf('hover') != -1){
                //  ...guardamos las clases del DIV...
                var classes = hoverDivs[i].className;
                //  ...en onmouseover le añadimos una clase extra, 'hoverclass'...
                hoverDivs[i].onmouseover = function(){
                    this.className += ' hoverclass';
                }
                //  ...y se la quitamos en onmouseout
                hoverDivs[i].onmouseout = function(){
                    this.className = classes;
                }
            }
        }
    }
</script>

Que quiere decir, en román paladino:

  • Obtener todos los DIVs del documento
  • Mirar si el DIV tiene asignada una clase CSS ‘hover’
  • Si es así, le asignamos un evento ‘onmouseover’ que le añade la clase ‘hoverclass’ (que tendrá alguna pijadilla del estilo de background-color: rosachicle, o algo por el estilo)
  • Y ya puestos, se la quitamos cuando salga el ratón del DIV

Para disparar el cambio se llama a la función ‘replaceHover’ desde el ‘onload’ de body:

<body onload="replaceHover()">

Obviamente, el código se puede usar con otros tags… sólo habría que cambiar el

getElementsByTagName("div")

por

getElementsByTagName("nombre_del_tag_que_quieras")

Pos eso… agradecimientos especiales a Furilo por darme algo en qué pensar… :D

Update: un método mucho más elegante usando prototype.js

Textasis

No recuerdo exáctamente cómo llegué hasta aquí, pero la web de Textaxis es una maravilla.

Recuerdo haber babeado hace años con sus tipografías (sin saber que eran suyas, claro) en la revista Dinamo.

Una portada de la revista Dinamo

A su “Quixote” le han dado el primer premio de Concurso internacional de tipografía “Tipo-Q”. No me extraña, porque es una joyita… Sus otras tipografías, aparte de ser muy interesantes, se han paseado por AtypI, los LAUS, ADG-FAD…

Pasen y vean…