Miércoles ~ Mayo 7, 2008

Botón de identificación del sitio de Firefox 3

6 Comentarios

Firefox 3 incorpora muchas mejoras y muchas nuevas funcionalidades para facilitar la vida al usuario. Entre ellas está el sistema de identificación de sitios, un sistema con el que se intenta evitar los problemas de phishing que actualmente sufren muchos usuarios.

Actualmente, los usuarios de Firefox2, únicamente somos capaces de diferenciar un sitio de uno “seguro” mediante el sistema de encriptación, que cuando detecta que has pasado a ese sistema nos cambia la barra de dirección a un color amarillo pastel.

button

En Firefox3 van un paso más adelante y además de detectar si un sitio está usando un encriptación para asegurar nuestro datos, nos mostrará 3 colores que indicarán el nivel de seguridad del sitio. Ideal para sitios destinados a almacenar, manipular y trabajar con datos sensiles del usuario.

levels

Gris, azul y verde, indicarán el nivel de seguridad de cada sitio.

Gris - No hay información de identidad

gray

No se ha encontrado información sobre la identidad del sitio, la conexión entre el servidor y el navegador no está encriptada por lo tanto no se puede asegurar que sea seguro usar datos sensibles.

Azul- Información de identidad básica

blue

Indica que el sitio ha sido validado, que la conexión entre navegador y servidor está encriptada, por lo tanto tenemos un cierta garantía de seguridad.

Verde - Información de identidad completa

green

Indica que el sitio está completamente validado, la conexión está encriptada y el sitio está usando el nuevo Extended Validation Certificate, un certificado especial que requiere un verificación de identidad más rigurosa que otros certificados. Podemos confiar en el sitio.

Amarillo -  Certificado de identidad inválido

yellow

Nos aparecerá de este color, indicando que el certificado está caducado, necesita renovación, …

Rojo - Reporte de ataque

red

Indica que el sitio ha sido reportado como peligroso y que no deben introducirse sitios datos confidenciales en él.

Martes ~ Mayo 6, 2008

Probando Opera DragonFly Beta

4 Comentarios

La gente de Opera no para, hoy han publicado DragonFly, una herramienta que los desarrolladores estabamos pidiendo a gritos.

Al igual que Firefox tiene su Firebug, Internet Explorer su DebugBar, Companion.js, WebKit su Web Inspector, Opera ahora tiene DragonFly, una herramienta que permitirá depurar nuestras aplicaciones web sin tener que envidiarle nada a ningún navegador.

Lejos queda ya, aquella versión Javascript que comentamos hace un año más o menos (Opera Developer Console).

DragonFly

Actualmente está en fase beta y la verdad es que las limitaciones de uso demuestran su estado, únicamente puede usarse con Opera 9.50 beta2 y Opera Mobile 9.5 (que aún no ha salido). Algo que limita el rango de usuarios dispuestos a descargar una versión beta.

Como desarrolladores, no nos cuesta nada tener un navegador más donde testear, así que eligiendo una carpeta de instalación diferente no tendremos ningún problema en tener las 2 versiones.

Instalación

Una vez descargada la última vesión (Opera 9.50 beta2) iremos a Herramientas > Avanzado >Herramientas de Desarrollo.

menuoptions

Allí, si no hemos descargado Kestrel Beta aún (Herramienta necesaria), nos dará la posibilidad de descargar el código necesario que hemos de instalar para disfrutar de DragonFly. Tendremos que reinciar Opera.

Modo de uso

Una vez instalado, podemos empezar a usarlo. Para ello, volveremos a ir a Herramientas > Avanzado > Herramientas de Desarrollo y allí nos encontraremos con una ventana con una estructura similar a esta.

dragonflyui

Entre las opciones a destacar,

  • la posibilidad de editar Javascript en línea, gracias a la incorporación de una consola y un debugger que nos permite parar la ejecución en cualquier momento.

dragonfly-script

  • la posibilidad de visualizar y alterar el DOM de la estructura HTML, así como los estilos CSS.

dragonfly-dom

  • una enorme consola, en la que veremos claramente los errores y warnings provocados por nuestra página.

dragonfly-console

Conclusión

Un gran paso a adelante por parte de Opera, que hasta ahora parecía un poco reticente a desarrollar una aplicación de estas características, complementando así un gran navegador.

Gracias Iñaki por el aviso.

Martes ~ Mayo 6, 2008

Bitacoras.com estrena TOP de Bitacoras

7 Comentarios

Como era de esperar, los chicos de Bitacoras.com nos vuelven a dejar impresionados con el gran trabajo que le ponen a todo lo que hacen. Ahora, ha tocado darle una vuelta de tuerca al famoso Top500 de la antigua Bitacoras para ofrecer un ranking de blogs basado únicamente en datos internos, osea que no usan para nada datos de otras páginas.

top-bitacoras

Los datos que componen el ranking son los siguientes:

  • Número de enlaces entrantes hacia un blog
  • Número de anotaciones publicadas en el blog
  • Popularidad del administrador del blog en la Red Social Bitacoras.com

Con estos datos y una serie de complicados cálculos, para evitar SPAM y datos fraudulentos, consiguen un ranking casi perfecto, que se actualiza cada semana, con los datos recopilados en el sitio.

Actualmente está límitado a 1000 bitácoras (que no son pocas), pero en futuras versiones irán apareciendo el resto, hasta llegar a las 276,721 (y subiendo).

Ranking por paises

Una de las opciones interesantes, es la posibilidad de filtrar el ranking por pais, lo que permite acotar el número de blogs mostrados en pantalla.

top-bitacoras-pais

Integración en tu blog

Nos ofrecen la opción de incrustar en nuestro blog, una imagen mostrando la posición del ranking en la que te encuentras. Se nota la mano de Daniel Mota en el diseño de los iconos, no hace falta decir que en el nuevo rediseño (que algún día cambiaré :P) lo integraré.

top-bitacoras-iconos

Visitar: Top Bitacoras.com

Martes ~ Mayo 6, 2008

Diferencias entre los diferentes navegadores

4 Comentarios

Los navegadores web están desarrollados por equipos de personas que intentan acatar las normas que la W3C indica que deben cumplirse para que las páginas web se vean tal y como se ven. Evidentemente cada equipo tiene una visión de las normas y cada visión da como resultado una implementación. Por lo tanto cada equipo de desarrollo obtiene una implementación diferente de una misma normal.

Otros navegadores con más cota de mercado (IE’s) intentan cubrir las muchas necesidades que los usuarios solicitan, algo que lleva a la implementación de funcionalidades no incluidas en las normas especificadas por la W3C.

Otros navegadores con ansias de más cuote de mercado (FF, WebKit,/Safari, Opera,..) implementan nuevas funcionalidades a modo de propuestas para que la gente de la W3C piense en si deberían incluirlas dentro de las normas que definen ese estandar.

Está claro que cada navegador es una aplicación por separado y que la especificación sirve de guia para que estas aplicaciones vayan sobre un mismo rail. Quizas el rail es demasiado ancho y permite que varias aplicaciones tengan implementaciones muy diferentes, lo que nos obliga a los desarrolladores a usar hacks en capas más externas para obtener un resultado similar en todos los navegadores.

Una muestra de esta interpretación, son las diferencias entre la forma de mostrar los padding de ciertos elementos, como podemos ver, las diferencias son mínimas (en algunos casos). Pero muestran claramento la diferencia de visión de una misma idea desde diferentes equipos.

Martes ~ Mayo 6, 2008

Scarlett Johansson se casa

8 Comentarios

Hoy es un día muy duro para todo hombre y muchas mujeres :(

The Beverly Hilton

Carlos, solo me das malas noticias … hasta que se me pase estás en “No admitir” :D

Martes ~ Mayo 6, 2008

Reducir ficheros javascript desde PHP

4 Comentarios

Marcos Fernandez ha publicado un didáctico tutorial en el que nos muestra como reducir el peso de nuestra página mediante la fusión de ficheros Javascript desde PHP. Usando la herramienta Jsmin-php, conseguimos hacer que nuestros X ficheros Javascript, se conviertan unos solo. Podemos verlo tambien en este video-tutorial.

#

Lunes ~ Mayo 5, 2008

El proyector más geek de todos los tiempos

4 Comentarios

Andreu Martín, un compañero del trabajo me ha pasado lo que he llegado a llamar, “El proyector más geek de todos los tiempos“. Increiblemente acabado este proyector, podría ser un motivo para cambiar el armatoste que tengo por televisión :D

#

Sábado ~ Mayo 3, 2008

slideMenu con MooTools

0 Comentarios

Jordi ha publicado un, poco común, post-tutorial de Javascript. Y la verdad es que creo que ha aportado un grano de arena más a esta gran comunidad de mentes inquietas explicando como ha integrado un slideMenu en su página personal. Enhorabuena Jordi.

#

Sábado ~ Mayo 3, 2008

WPadminthemes, crea tus propios admin themes para Wordpress

19 Comentarios

Visto que la gente está bastante descontenta con los colores del panel de administrador de Wordpress, he pensado que tenía que ponerme manos a la obra para solventar este problema, y ¿de que mejor forma que al estilo web 2.0?

Por eso he creado wpadminthemes, un sitio en el que podrás crear tu propio theme para el panel de administrador de Wordpress 2.5, y además compartilo con el resto de usuarios.

La idea es muy simple, mediante la selección de los 5 colores básicos del panel original, creamos una paleta de colores que compondrá nuestro theme.

wp-adminthemes2

Aprovechando la salida del API de ColourLovers, he añadido la opción de crear un theme apartir de las últimas paletas enviadas a tan fantásticos sitio.

wpadminthemes

Una vez creada nuestra paleta, nos permite descargarla e instalarla como si de un plugin cualquiera se tratara.

¿Como instalar un WP-AdminTheme

  1. Descargamos el plugin usando el enlace correspondiente
  2. Subimos el plugin a la carpeta /wp-content/plugins/ de tu Wordpress
  3. Activamos el plugin desde el panel de administracion Wordpresss
  4. Seleccionamos la paleta de colores desde el Perfil de tu usuario
  5. Borramos la cache del navegador para mejorar lla experiencia
  6. Lo Disfrutamos

WPADMINTHEMES

Jueves ~ Mayo 1, 2008

WP-Crontol, planifica la gestión de tu Wordpress

1 Comentario

WP-Crontol, es un plugin que te permite gestionar de forma fácil y eficiente un listado de tareas que tu mismo defines. Te permite definir los periodos de tiempo en los que quieres que se lanzen y gestionar de las tareas que serán lanzadas. [Descargar]

#

Quizas te pueda interesar

Esta web se encuentra sobre la licencia Creative Commons (Reconocimiento - Compartir igual) / Politicas de uso