JSON Diff, es una herramienta que nos permite comparar de forma visual dos ficheros JSON.
Contenido
JSON Diff, compara JSON de una forma muy visual
aNieto2k hace 5458 días en: Asides, javascript, Programacion, webdev
Solución a los problemas de multiples botones en IE6
aNieto2k hace 5458 días en: javascript, Programacion, webdev
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
aNieto2k hace 5458 días en: CSS, Curiosidades, estandares, Programacion, web, webdev
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>
;
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.
España, eurocampeona!!
aNieto2k hace 5459 días en: Actualidad, del mundo
Dragtable, una tabla sortable y dragable (y algún palabro más)
aNieto2k hace 5461 días en: Asides, javascript, Programacion, usabilidad, webdev
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
aNieto2k hace 5461 días en: Proyectos
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, …
WordPress Exploid Scanner 0.1, checkea la seguridad de tu blog
aNieto2k hace 5461 días en: Asides, plugins, Wordpress
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
aNieto2k hace 5461 días en: webdev
¿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:
- Trixi, El greasemonkey de Internet Explorer
- Haute Secure, protección extra contra el malware
- StumbleUpon, toolbar del sitio StumbleUpon
- PicLen, visor de imagenes realmente espectacular
- Medium, busca amigos desde Internet Explorer
- IE7Pro, profesionaliza tu Internet Explorer
- Google Toolbar, toolbar de Google (Sobra la explicación ¿no?)
- Web Of Trust, obtén más info de la página que visitas.
- KeyScrambler Personal, encripta las teclas pulsadas a nivel de driver de teclado.
- Video Download, descarga videos de las principales página de videos
- TorrentSeek, busca torrents directamente desde la toolbar.
- Free Music Zilla, descarga música de los principales sitios de descarga sociales.
- QPedia, busca en Wikipedia cualquier palabra
- Advanced IE History Bar, mejora el historial de Internet Explorer.
- PricePirates, compara precios de productos
- GripIE, descarga MP3 desde Internet Explorer
- Password Scrambler, mejora del gestor de contraseñas
- Fleck, sistema de anotaciones compartidas
- FoxyTunes, muestra y reproduce contenido multimedia en cualquier página
- MXPlay, muestra y reproduce contenido multimedia en cualquier página
- Del.icio.us toolbar, toolbar para integrar Del.icio.us
- IE Developer Toolbar, Toolbar imprescindible para los desarrolladores web
- ColorPic, similar a colozilla de Firefox
- ProxyWay Free, gestor de proxys
- Video Detecter, descarga videos flash fácilmente
- InLine Search, busca en las página como en Firefox
- ShareThis, comparte las páginas que visitas
- ZamZar Convert, conversor de tipos de fichero
- IeSpell, diccionar para Internet Explorer
-
IESessions(Enlace roto), permite recuperar sesion - Quero ad blocker, reemplazo de la barra de navegación de IE y bloqueador de publicidad.
- Feeds Plus, mejoras en la gestión de feeds
- Mouse Gestures, adaptación de la funcionalidad de Opera, que nos permite definir tareas a los eventos de ratón
- Open Last Closed Tab, reabre pestañas cerradas accidentalmente
- Alia,, crea alias de páginas para abrirlas más rápidamente.
- Power copier, mejoras en la interacción con el portapapeles.
- 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
aNieto2k hace 5461 días en: Asides, webdev
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
aNieto2k hace 5462 días en: Curiosidades, webdev
El fanatismo a veces nos sorprende con cosas como estas:
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.