Contenido

JSON Diff, compara JSON de una forma muy visual

30 jun

+ 0

JSON Diff, es una herramienta que nos permite comparar de forma visual dos ficheros JSON.

Solución a los problemas de multiples botones en IE6

30 jun

+ 0

Hace más de un año, preguntabamos ¿Por que lo llamamos input cuando deberíamos llamarlo button?. Despues de varios comentarios vimos que uno de los problemas que nos llevan a depender de input's para hacer el trabajo de buttons es que Internet Explorer 6, al enviar todos los datos a la página siguiente hace exactamente eso, enviarlo todo, incluso otros elementos <button /> que podrían tener diferentes funcionalidades.

Para solucionar este problema, podemos optar por usar este código javascript únicamente para Internet Explorer 6.

function buttonfix() {
    var buttons = document.getElementsByTagName('button');
    for (var i=0; i<buttons.length; i++) {
        if(buttons[i].onclick) continue;
        
        buttons[i].onclick = function () {
            for(j=0; j<this.form.elements.length; j++)
                if( this.form.elements[j].tagName == 'BUTTON' )
                    this.form.elements[j].disabled = true;
            this.disabled=false;
            this.value = this.attributes.getNamedItem("value").nodeValue ;
        }
    }
}
window.attachEvent("onload", buttonfix);
// Solo para IE 6
<!--[if lt IE 7]>
    <script type="text/javascript" src="buttonfix.js"></script>
<![endif]-->

Este código, nos añadirá una funcionalidad que será ejecutada al hacer click sobre cualquier elemento button de la página y que desactivará todos los elementos <button /> que encuentre para que no sean el que hemos seleccionado.

Esta solución, lamentablemente nos obliga a tener el javascript activado, así que más que solución es un parche, habrá que esperar a que IE6 desaparezca.

Via.

Curioso bug en Internet Explorer 7

30 jun

+ 16

Internet Explorer 7 solucionó mucho de los problemas que los usuarios de Internet Explorer 6 sufrían (y aún sufren), pero por otro lado nos encontramos con problemas curiosos que seguro en algún momento nos puede llegar a poner los pelos de punta.

El código

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
      <title>Test</title>
    	<style type="text/css">
      	ol li {height:40px;}    
       </style>  
</head>  
<body>    
<ol>      
    <li>Esto</li>     
    <li>es</li>      
    <li>solo</li>      
    <li>una</li>      
    <li>prueba</li>
</ol>  
</body>
</html&gt;

Como podemos ver, únicamente se trata de un listado ordenado al que acada uno de sus elementos <li></li> le aplicamos un tamaño de 40px con la propiedad height, debido a esto obtenemos un listado numérico bastante peculiar.

Explicación del bug

Si revisamos el código vemos que el problema reside en que usamos un height para definir el tamaño de cada elemento <li></li> de la lista <ol></ol>, esto hace que se pierda la cuenta y aparezca como 1, cada elemento. El tamaño de cada item, es indiferente, incluso puede ser height:0px;

Demo

He montado el código en un fichero HTML para que lo podais probar vosotros mismos. Es necesario usar Internet Explorer 7 para ver el bug en acción.

Via

España, eurocampeona!!

29 jun

+ 15

espana-campeona

Bienvenidos a una nueva era, una era de sueños!

Dragtable, una tabla sortable y dragable (y algún palabro más)

27 jun

+ 8

Dragtable es una vuelta de tuerca más a las tablas sortables (osea que se pueden ordenar mediante Javascript), con esta además, podemos mover las columnas ordenando los resultados a voluntad.[Demo]

3 de 10: Entrevista a Daniel Mota

27 jun

+ 12

Daniel Mota Leiva, es sin duda uno de los mejores diseñadores de habla hispana que podamos encontrar. Su amplia experiencia, su implacable espíritu de superación y su obsesión por la perfección lo han consagrado como un referente del diseño/desarrollo web y además es un buen amigo al que tener siempre al otro lado del gtalk.

Ficha técnica

  • Nombre: Daniel Mota Leiva
  • Url Blog: http://icebeat.bitacoras.com/
  • Proyectos: Bitacoras, Window.Growl, …

Continua —>

WordPress Exploid Scanner 0.1, checkea la seguridad de tu blog

27 jun

+ 6

WordPress Exploid Scanner, se encarga de revisar por nosotros los ficheros de nuestro WordPress para econtrar posibles puntos débiles por los que nos podrían atacar mediante un exploid a la base de datos. Posee una lista de posibles ataques que comprueba cuando lo solicitamos. [Descargar]

36 plugins para Internet Explorer

27 jun

+ 14

¿Que? ¿Creías que Firefox, Opera, Safari,.. eran los únicos que podían ampliar sus funcionalidades con plugins? Pues no, no es así. Internet Explorer tambien tiene la posibilidad de disponer de plugins y aunque solo hemos visto los relacionados con el desarrollo web, existen muchos y de muy variadas funcionalidades.

Net Hackz, ha recopilado 36 de estos plugins en un listado capaz de sorprender a cualquiera:

  1. Trixi, El greasemonkey de Internet Explorer
  2. Haute Secure, protección extra contra el malware
  3. StumbleUpon, toolbar del sitio StumbleUpon
  4. PicLen, visor de imagenes realmente espectacular
  5. Medium, busca amigos desde Internet Explorer
  6. IE7Pro, profesionaliza tu Internet Explorer
  7. Google Toolbar, toolbar de Google (Sobra la explicación ¿no?)
  8. Web Of Trust, obtén más info de la página que visitas.
  9. KeyScrambler Personal, encripta las teclas pulsadas a nivel de driver de teclado.
  10. Video Download, descarga videos de las principales página de videos
  11. TorrentSeek, busca torrents directamente desde la toolbar.
  12. Free Music Zilla, descarga música de los principales sitios de descarga sociales.
  13. QPedia, busca en Wikipedia cualquier palabra
  14. Advanced IE History Bar, mejora el historial de Internet Explorer.
  15. PricePirates, compara precios de productos
  16. GripIE, descarga MP3 desde Internet Explorer
  17. Password Scrambler, mejora del gestor de contraseñas
  18. Fleck, sistema de anotaciones compartidas
  19. FoxyTunes, muestra y reproduce contenido multimedia en cualquier página
  20. MXPlay, muestra y reproduce contenido multimedia en cualquier página
  21. Del.icio.us toolbar, toolbar para integrar Del.icio.us
  22. IE Developer Toolbar, Toolbar imprescindible para los desarrolladores web
  23. ColorPic, similar a colozilla de Firefox
  24. ProxyWay Free, gestor de proxys
  25. Video Detecter, descarga videos flash fácilmente
  26. InLine Search, busca en las página como en Firefox
  27. ShareThis, comparte las páginas que visitas
  28. ZamZar Convert, conversor de tipos de fichero
  29. IeSpell, diccionar para Internet Explorer
  30. IESessions (Enlace roto), permite recuperar sesion
  31. Quero ad blocker, reemplazo de la barra de navegación de IE y bloqueador de publicidad.
  32. Feeds Plus, mejoras en la gestión de feeds
  33. Mouse Gestures, adaptación de la funcionalidad de Opera, que nos permite definir tareas a los eventos de ratón
  34. Open Last Closed Tab, reabre pestañas cerradas accidentalmente
  35. Alia,, crea alias de páginas para abrirlas más rápidamente.
  36. Power copier, mejoras en la interacción con el portapapeles.
  37. Web Accessibility Toolbar, toolbar similar a webdeveloper toolbar pero para IE.

Actualización

Inserto la 37 que desde Diseñorama me recuerdan, gracias Kemie.

Opera DragonFly alpha 2, firebug para Opera cada vez más cerca

27 jun

+ 0

Opera ha lanzado la versión alpha 2 de Opera DragonFly, lo que será el “Firebug” para este navegador. Recomendado echarle un vistazo.

Crean un robot de 5.48 metros para celebrar la salida de Firefox 3

26 jun

+ 4

El fanatismo a veces nos sorprende con cosas como estas:

2606577120_ab04c82f50_b

La salida de Firefox 3 ha sido increiblemente mediática y de ahi que se haya incrementado el número de usuarios en estos últimos meses.