FlagTab - poner color a las pestañas en firefox

FlagTab (Matt Powell)

Castellano:
Es una extensión muy sencilla pero es útil, consiste en poner un determinado color a un tab/pestaña en el firefox, si le das doble click a la pestaña puedes ir cambiando de color: rojo, azul, amarillo y verde; personalmente la utilizo para diferenciar rapidamente las páginas de diferentes entornos: desarrollo y producción (real), si bien es cierto con mirar la URL ya las puedes diferenciar pero los recursos visuales nunca estan demás. Al momento de utilizarla no me gusto que al abrir una nueva pestaña me la ponga de color rojo, luego el color de la fuente lo deja siempre en negro y cuando el color de la pestaña es rojo, azul y verde no destaca el titulo de la pestaña. He modificado el codigo para mi uso personal:

1.- Las nuevas pestañas aparecen sin color por defecto
2.- El color de la fuente es blanco para las pestañas con color rojo, azul y verde

He modificado el codigo de “flagtab.js”


function dees (clr, tab){
    var sFontColor = "black";

    if (clr.length==0){
        //get tab color
        var clr = document.getAnonymousNodes(tab)[0].style.backgroundColor;

        //rotate color
        if (clr == "-moz-dialog"){
            clr = "red";
        }
        else if (clr=="red"){
            clr = "blue";
        }
        else if (clr=="blue"){
            clr = "green";
        }
        else if (clr=="green"){
            clr = "yellow";
        }
        else if (clr=="yellow"){
            clr = "-moz-dialog";
        }
        else{
            clr = "-moz-dialog";
        }
    }

    if (clr == "-moz-dialog"){
        sFontColor = "black";
    }
    else if (clr=="red"){
        sFontColor = "white";
    }
    else if (clr=="blue"){
        sFontColor = "white";
    }
    else if (clr=="green"){
        sFontColor = "white";
    }
    else if (clr=="yellow"){
        sFontColor = "black";
    }
    else{
        sFontColor = "black";
    }

    //apply color to tab
    for (var i=0; i<document.getAnonymousNodes(tab).length; i++){
        document.getAnonymousNodes(tab)[i].style.setProperty("background-color", clr, "");
        document.getAnonymousNodes(tab)[i].style.setProperty("color", sFontColor, "");
    }
}

Este archivo lo puedes encontrar en la carpeta

C:\Documents and Settings\
(nombre-de-usuario)\
Datos de programa\
Mozilla\
Firefox\
Profiles\
(aleatorio).default\
extensions\
{11615921-d8e7-3e9a-827d-2b41d3e5e22d}\
chrome\
content

English:
Excellent, but i modified the code for personal purposes

1.- The new tabs whitout colour for default
2.- The font colour is white for red, blue and green tabs.

I modified the code of “flagtab.js”


function dees (clr, tab){
    var sFontColor = "black";

    if (clr.length==0){
        //get tab color
        var clr = document.getAnonymousNodes(tab)[0].style.backgroundColor;

        //rotate color
        if (clr == "-moz-dialog"){
            clr = "red";
        }
        else if (clr=="red"){
            clr = "blue";
        }
        else if (clr=="blue"){
            clr = "green";
        }
        else if (clr=="green"){
            clr = "yellow";
        }
        else if (clr=="yellow"){
            clr = "-moz-dialog";
        }
        else{
            clr = "-moz-dialog";
        }
    }

    if (clr == "-moz-dialog"){
        sFontColor = "black";
    }
    else if (clr=="red"){
        sFontColor = "white";
    }
    else if (clr=="blue"){
        sFontColor = "white";
    }
    else if (clr=="green"){
        sFontColor = "white";
    }
    else if (clr=="yellow"){
        sFontColor = "black";
    }
    else{
        sFontColor = "black";
    }

    //apply color to tab
    for (var i=0; i<document.getAnonymousNodes(tab).length; i++){
        document.getAnonymousNodes(tab)[i].style.setProperty("background-color", clr, "");
        document.getAnonymousNodes(tab)[i].style.setProperty("color", sFontColor, "");
    }
}

C:\Documents and Settings\
(user-name)
Application Data\
Mozilla\
Firefox\
Profiles\
(random).default\
extensions\
{11615921-d8e7-3e9a-827d-2b41d3e5e22d}\
chrome\
content

Sitio oficial:
https://addons.mozilla.org/es-ES/firefox/addon/6872

Via:
http://www.firefoxfacts.com/2008/05/06/add-flags-to-firefox-tabs/

Actualizacion:

Matt Powell me ha escrito un e-mail avisando que esta terminando la nueva versión (1.0.6) en la que podremos personalizar los colores de las pestañas asi como el color de la fuente:

Thanks Matt

Cheat Sheet de SEO para desarroladores web

Este es un articulo escrito por Danny Dover (http://www.dannydover.com/) publicado en SEOMoz (http://www.seomoz.org/) empresa en la que actualmente trabaja.

En este post nos dice que el empezo en esa empresa como desarrollador web escribiendo código pero que luego la empresa le dió formación en SEO, y ha creado un pdf con la información y técnicas aprendidas.

Algunas imagenes del pdf:

Descargar:
http://www.seomoz.org/user_files/SEO_Web_Developer_Cheat_Sheet.pdf

Sitio oficial:
http://www.seomoz.org/blog/the-web-developers-seo-cheat-sheet

Via:
http://www.online.com.es/3012/delicious/links-for-2008-04-30/

Tiltviewer, galeria 3D de fotos hecha en flash

Inicialmente el proyecto Tiltviewer de Airtight Interactive (Felix Turner es muy conocido por hacer la galeria flash simpleviewer) estaba limitado solo para ver fotos de Flickr pero no había ninguna posibilidad de configurar la galeria, después de mucha paciencia ya han liberado para emplearla en nuestros proyectos web, también existe una versión de pago con opciones adicionales.

Básicamente hay que editar el fichero xml donde ponemos la ruta de nuestras imagenes a mostrar, hay también opciones adicionales: si mostrar información acerca de la foto, si deseamos que tenga un enlace, si queremos el ocultar el boton de recargar, etc.

Web Oficial:
http://www.airtightinteractive.com/projects/tiltviewer/

Demo:
http://www.airtightinteractive.com/projects/tiltviewer/app/

Descargar:
http://www.airtightinteractive.com/projects/tiltviewer/tiltviewer.zip

Listado de Opciones de configuración:
http://www.airtightinteractive.com/projects/tiltviewer/config_options.html

Iron Man = Hardware de Marvel y Software de Oracle

Oracle da soporte a los superhéroes

Oracle co-promociona la película del conocido superhéroe Iron Man, con el estreno de la pelicula me entero que oracle tiene dedicado en su sitio web una sección de marvel, se puede ver el episodio 3 titulado Checkmate de la trilogia TWO WORLDS, en donde salen personajes de marvel y en la historia promocionan productos de oracle.

Episodio 3:
http://www.oracle.com/webapps/dialogue/dlgpage.jsp?
p_dlg_id=6179018&src=5634323&Act=188

Articulo de Oracle “Support for Superheroes” (en ingles):
http://www.oracle.com/technology/oramag/oracle/08-mar/o28marvel.html

Two Worlds: Unify to Lead (Building a Better Foundation for Business):
http://www.oracle.com/dm/08q4field/marvel_bk3_exec-guide.pdf

Web de la pelicula:
http://ironmanmovie.marvel.com/

Via:
An Expert’s Guide to Oracle Technology
http://blogs.ittoolbox.com/oracle/guide/archives/
oracle-11g-ironman-edition-24103

Polémica entre Techcrunch, Marvel y Oracle
http://lsnrctl.blogspot.com/2008/04/oracle-y-iron-man.html
http://www.techcrunch.com/2008/04/30/
goodness-prevails-iron-man-screening-is-on/

AT&T Pogo Browser - nuevo navegador de internet

AT&T está preparando un nuevo navegador, llamado POGO. De momento solo esta disponible para beta privada, es decir solo alguién que tenga un código de invitación puede descargarse la beta, yo me he registrado y espero me envien un mensaje cuando salga la beta pública. La idea de la navegación por tabs (pestañas) la hacen de lado por implantar la navegación por cells (celdas).

Favoritos (bookmaks)

Historial (History)

Dejo un video que encontré en youtube, aqui se puede ver que el objetivo del navegador es tener una buena apariencia y calidad visual con multiples efectos, esto requirirá consumir muchos recursos del sistema

http://www.pogobrowser.com/

via:
http://noticiastech.com/wordpress/?p=19995

Artículo en inglés:
First look: AT&T’s Pogo browser beta
http://arstechnica.com/reviews/apps/pogo-browser-beta-first-look.ars

Activado automático de control activex en internet explorer - ie aca - Disponible

Internet Explorer - Automatic Component Activation - Now Available

Microsoft ya esta preparando el lanzamiento del parche para eliminar el mensaje “Haga click para activar” ó en inglés “Click to activate” de los objetos embed como flash ó applet de java.

Click to activate and use this control Haga click para activar y usar este control

Ya se sabía que estaría disponible desde abril, y solo estabamos esperando para instalarlo y/o distribuirlo.

Microsoft distribuye la descarga del parche: Actualización de seguridad acumulativapara Internet Explorer (947864) mediante las actualizaciones automáticas, de todas maneras aqui les dejo los enlaces de descarga según la versión del explorador y el sistema operativo windows que tengas instalado:

Internet Explorer 5.01 and Internet Explorer 6 Service Pack 1
Microsoft Windows 2000 Service Pack 4
Microsoft Internet Explorer 5.01 Service Pack 4
Microsoft Windows 2000 Service Pack 4
Microsoft Internet Explorer 6 Service Pack 1
Internet Explorer 6
Windows XP Service Pack 2
Microsoft Internet Explorer 6
Windows XP Professional x64 Edition and Windows XP Professional x64 Edition Service Pack 2
Microsoft Internet Explorer 6
Windows Server 2003 Service Pack 1 and Windows Server 2003 Service Pack 2
Microsoft Internet Explorer 6
Windows Server 2003 x64 Edition and Windows Server 2003 x64 Edition Service Pack 2
Microsoft Internet Explorer 6
Windows Server 2003 with SP1 for Itanium-based Systems and Windows Server 2003 with SP2 for Itanium-based Systems
Microsoft Internet Explorer 6
Internet Explorer 7
Windows XP Service Pack 2
Windows Internet Explorer 7
Windows XP Professional x64 Edition and Windows XP Professional x64 Edition Service Pack 2
Windows Internet Explorer 7
Windows Server 2003 Service Pack 1 and Windows Server 2003 Service Pack 2
Windows Internet Explorer 7
Windows Server 2003 x64 Edition and Windows Server 2003 x64 Edition Service Pack 2
Windows Internet Explorer 7
Windows Server 2003 with SP1 for Itanium-based Systems and Windows Server 2003 with SP2 for Itanium-based Systems
Windows Internet Explorer 7
Windows Vista and Windows Vista Service Pack 1
Windows Internet Explorer 7
Windows Vista x64 Edition and Windows Vista x64 Edition Service Pack 1
Windows Internet Explorer 7
Windows Server 2008 for 32-bit Systems
Windows Internet Explorer 7
Windows Server 2008 for x64-based Systems
Windows Internet Explorer 7
Windows Server 2008 for Itanium-based Systems
Windows Internet Explorer 7

Via:

http://blogs.msdn.com/ie/archive/2008/04/08/
ie-automatic-component-activation-now-available.aspx

http://www.microsoft.com/technet/security/Bulletin/MS08-024.mspx

IETester - Ejecutar multiples versiones de Internet Explorer

La empresa francesa Core Services que ha desarrollado los conocidos complementos para internet explorer: “debugbar” y “companion.js”, nos brinda una herramienta muy útil tanto para web designers como para web developers, se llama IETester 0.2 y aunque esta en su fase alfa, nos permite renderizar una misma página en las diferentes versiones del internet explorer (IE5.5, IE6, IE7, IE8 Beta1), en este caso no es plugin (complemento) sino un programa que se ejecuta independiente de la versión del internet explorer que tengamos instalado en nuestro ordenador (con sistema operativo windows XP ó windows vista).

ietester_0.2

INFO:
http://www.my-debugbar.com/wiki/IETester/HomePage

Descargar IETester v0.2:
http://www.my-debugbar.com/ietester/install-ietester-v0.2.exe

Enlaces de Interés:

Debugbar:
http://www.debugbar.com/

Companion.JS
http://www.my-debugbar.com/wiki/CompanionJS/HomePage

Mozilla Firefox - 500 millones de descargas

Enhorabuena!!! ya hay más de 500 millones de descargas de este navegador, felicidades a la gente de Mozilla y sobre todo a todos los developers involucrados en el desarrollo de este navegador, asi como a toda la gente que reporta bugs y aporta mejoras.

Via:
http://www.difundefirefox.com/
firefox-supera-las-500-millones-de-descargas

Windows Live SkyDrive - 5 GB de capacidad

windows_live_skydrive

Windows Live SkyDrive Es un servicio de windows live, (al inicio se llamaba Windows Live Folders), para almacenar archivos a modo de disco duro virtual online. Desde el blog de skydrive nos dicen que la capacidad permitida es de 5 GB (antes era 1 GB) que no esta nada mal, asi puedes guardar ficheros incluso compartirlos. Nos comentan que el servicio esta renovado y que ahora es más rápido (eso habrá que probarlo).

SkyDrive_storage

Aqui damos el listado de paises en los que esta habilitado el servicio (a fecha 21 de febrero del 200 8)

SkyDrive_Map

http://skydrive.live.com/

Via:
http://skydriveteam.spaces.live.com/blog/
cns%21977F793E846B3C96%211697.entry

Top 100 Cheat Sheet para web developers

Cheat Sheet (en informática): es un término en inglés que se le da a un listado compacto y sintetizado de las principales variables, funciones y procedimientos de un lenguaje de programación. El objetivo es tener la información a mano sin necesidad de recurrir a un tutorial.

javascript_cheat_sheet

css_cheat_sheet

Aqui encontraras algunos:

http://www.ilovejackdaniels.com/cheat-sheets/

Pero Jessica Hupp ha publicado en el blog de virtualhosting.com (que por cierto hay articulos interesantes) una recopilación de varios cheatsheets útiles para los desarrolladores web

http://www.virtualhosting.com/blog/2008/
the-cheat-sheet-cheat-sheet-top-100-lists-of-web-development-cheat-sheets/

Este es un sitio en donde encontrarás gran variedad:

http://techcheatsheets.com/

Via:

http://blogandweb.com/2008/01/25/
100-hojas-de-ayuda-para-desarrolladores-web/

Entradas siguientes »