Atajos de teclado para la barra de Inicio Rápido en Vista
Hace un tiempo que descubrí esto por casualidad. Es tan sencillo como esto:

Nota: Obviamente, si se tienen mas de 4 iconos, pueden continuar con Win+5, etc.
Hace un tiempo que descubrí esto por casualidad. Es tan sencillo como esto:

Nota: Obviamente, si se tienen mas de 4 iconos, pueden continuar con Win+5, etc.
Ayer por la tarde mi Windows XP decidió revelarse en un motín. Tengo que formatearlo, ya le toca. Pero estaba en mitad del desarrollo de una aplicación flash, así que no tenía tiempo y arranqué el Windows Vista que tenía instalado en mi segundo Disco duro. (Antaño instalado para poder jugar Halo2).
Instalé La CreativeSwite3 de Adobe para continuar mi trabajo, pero oh, sorpresa: Fireworks no funciona bien, en cuando el ratón entra en el área de dibujo el ordenador empieza a ralentizarse, de forma que no hay manera de poder siquiera dibujar un ocho con el pincel. Flash iba muy lento en la escritura de código, se notaba un pequeño “delay” entre lo que escribía y lo que sucedí en pantalla.
Miré en el Administrador de Procesos y vi esto:

Googleé que era y como desactivar ese proceso, puesto que si lo finalizaba forzosamente, se volvía a iniciar solo. Ese proceso no es más que para hacer las transparencias en las ventanas, las sombras y toda la martingala. Si no me hubiese molestado, no me importaría tenerlo, pero si me jode, lo mato. Solo gasta recursos de la máquina.




Inmediatamente notarás los resultados.
Es algo que es bastante simple y que uso bastante, así que voy a explicar como hacerlo en un plis.

Primero escogemos una imagen en la que haya una parte que nos interesa resaltar respecto a lo demás:
Yo escogí esta:

Leyendo en mis feeds, takag ha encontrado que en Gmail se pueden aplicar estilos visuales de forma nativa, sin tener que usar herramientas exteriores como stylish.
Yo normalmente uso Gmail en catalán. Lo he tenido siempre así. Esto provoca que este tipo de nuevas funcionalidades, a veces no se vean en el momento, sino que tardan un poco más en sacarlas públicas. A causa de esto, cambié mi configuración de Gmail para tenerlo en Castellano y ver si estaba la funcionalidad esta. Sin embargo tampoco salía en castellano; así que opté por volver a cambiar el idioma, pero esta vez, al Inglés (US), que es donde siempre sale todo lo nuevo.
Me di cuenta de 2 Cosas:

Al hacer clic y ver de que iba, me llevé una muy grata sorpresa. Vean una captura de pantalla, y juzguen uds mismos:
Genial, no? Lo mas curioso del tema, es que si luego de habilitar las opciones, vuelvo a cambiar el idioma, estas opciones se mantienen habilitadas, así que puedo seguir usando Gmail en mi idioma, y sin perder estas opciones.
Personalmente me ha encantado la opción de poder situar el chat a la derecha de Gmail, siempre me había molestado a la izquierda.
Ala, a tunear Gmail!
Bueno, este tip es realmente sencillo, es solo para descubrirles una sencilla función que quizás desconozcan, pues aunque uso bastante Fireworks, hasta no hace tanto que no me había dado cuenta de ella. Se trata de la función “Unir al trazado“. Esta función es solo para texto, y permite que un texto se vuelva curvo, siguiendo el perfil y la forma de un trazado previamente dibujado. Como es difícil explicarlo y mucho mas fácil mostrarlo, hagamos un ejemplo y se lo voy describiendo sobre la marcha:
En este caso partimos de una imagen sencilla como es esta:

Luego dibujamos un trazado usando la herramienta Pluma (P). No importa el grosor, el color o el estilo de trazado, solamente el recorrido que este describe. Un trazado podría ser esta curva, por ejemplo:

A continuación insertamos el texto que destinaremos a que siga el trazado dibujado antes:

Bien, sencillo hasta aquí. Ahora es cuando viene lo esencial:
Seleccionamos al mismo tiempo el trazado y el texto:

Estando ambos seleccionados, nos dirigimos al menú “Texto” y hacemos clic en “Unir al trazado (Ctrl+Mayús+Y)”:

Inmediatamente se hace la magia y el texto se pone donde estaba el trazado, siguiendo su forma. Del mismo modo, el trazado original desparece. Digamos que es como en flash, una guía, y como tal no se ve. Este proceso, hace que el texto se posicione encima del trazado y siga sus curvas y recorrido. La gracia de todo esto, es que el susodicho texto se mantiene como texto editable, con todas sus propiedades modificables sin problema alguno. Y esto mola.

Procedamos a arreglar un poco la presentación, y así de paso les muestro algunas cosillas mas:
Observamos que ahora el texto se queda pequeño, puesto que está inclinado, ahora tiene más espacio. Lo hacemos mas grande cambiando el tamaño de la fuente en el panel Propiedades:

Para no concluir el tip aquí, haremos unos retoques de más para que veáis algunas opciones más y como afectan al texto en cuestión:
Por ejemplo, copiamos el texto y lo pegamos un poco más abajo, de la siguiente forma:

A continuación, teniendo seleccionado el segundo texto que acabamos de pegar, nos dirigimos al menú “Texto” y hacemos clic en la opción “Separar del trazado”:

Una vez esto, lo que sucede es que volvemos a tener el trazado y el texto originales:

Por ahora el texto no nos interesa, así que lo eliminamos. Vamos a centrarnos en el trazado: Lo retocamos un poco, le definimos un bonito estilo de linea y le damos un grosor apropiado mediante el panel propiedades:

Ya tenemos una sencilla y clara imagen:

De todas formas, veamos unas cuantas más opciones para poder estilizar el texto curvado de distintas formas. En el mismo menú de “Texto”, teniendo el texto curvado seleccionado, podemos variar su “Orientación” como sigue en las imágenes:
(La primera opción es la opción por defecto, es la mostrada en las imagen anterior)


Bueno, hasta aquí el tip. Solamente déjenme enseñarles otro ejemplo, quizás algo más artístico y sofisticado. A la izquierda pueden observar el resultado, mientras que a la derecha pueden ver los trazados originales de la imagen:

No es nada complicado, solo hace falta echarle un poco de imaginación y tener buen gusto!
Espero les sea de ayuda en sus diseños/presentaciones!
Aunque uso Gmail, también tengo una cuenta de correo de Hotmail. Hoy vi que han sacado una versión del cliente web de correo mejor y más simplista. Es una mejora importante, carga mucho más rápido y es todo algo más accesible.
Yo aún lo he mejorado más, o eso creo haber echo. Veamos como en unas imágenes:
Haz clic para ampliar
Haz clic para ampliar
Cambios realizados:
Haz clic para ampliar
Todo este rediseño, se ha programado en CSS, para Stylish. Stylish es una extensión de Firefox que permite hacer esto en las paginas web, y cambiar su aspecto cuando las visitas. (Yo lo uso mucho, tengo personalizadas muchas páginas que visito regularmente. Entre otras cosas sirve para poder ocultar contenidos como publicidad
) Si quieres poder tener este aspecto en tu correo Hotmail tienes que usar Stylish y añadir ese código.
Nota: Esto no sirve para el Internet Explorer. Internet Explorer apesta.
@namespace url(http://www.w3.org/1999/xhtml);
/*
Descripción: Código de Rediseñado para la nueva versión de Hotmail
Autor: Pau de Anguera (Bleend)
URL: http://blog.bleend.net/windows-live-hotmail-redisenado-con-stylish-cleanup/
*/
@-moz-document domain("mail.live.com") {
.AdBannerContainer,.ProductNameContainer,.Bottom,#c_search,.AntiVirus,.ScanLogo{
display:none !important;
height:0px !important;
}
.EmailName{
text-align: center !important;
font-size: 0.9em !important;
}
#c_me{
z-index:100 !important;
position:absolute !important;
top:55px !important;
left:10px !important;
float:left !important;
height:50px !important;
width:180px !important;
background:#F3F7FD !important;
border:1px solid #BBD8FB !important;
}
#c_melink{
margin-top:6px !important;
float:right !important;
}
#c_is {
font-weight:bold !important;
}
#c_signout{
position:absolute !important;
margin-right:-33px !important;
margin-top: -3px !important;
}
#folderListContainer {
margin-top:5px !important;
}
#contentLeft {
width: 180px !important;
background:#F3F7FD !important;
margin-top:30px !important;
border:1px solid #BBD8FB !important;
}
#Middle{
left:10px !important;
}
#toolbarContainer{
border: 1px solid #A6D2FF !important;
border-bottom: none !important;
width:99.6% !important;
}
.NonThemedLinkContainer{
border: 1px solid #A6D2FF !important;
background:#F3F7FD !important;
}
.SenderSafetyMsg,.SenderSafetyLinks{
font-size:0.8em !important;
border-top-width: 1px !important;
border-right-width: 0px !important;
border-bottom-width: 1px !important;
border-left-width: 0px !important;
border-top-style: solid !important;
border-right-style: solid !important;
border-bottom-style: solid !important;
border-left-style: solid !important;
border-top-color: #CCC !important;
border-right-color: #CCC !important;
border-bottom-color: #CCC !important;
border-left-color: #CCC !important;
}
.SecondaryTextColor{
width:20% !important;
}
}
He de decir que no soy muy diestro en CSS, así que si el código no es muy limpio, pido mis disculpas; pero en mi defensa diré que funciona y estoy orgulloso de él.
Nota: Si alguien tiene algo que aportar, ideas, sugerencias o ha mejorado esta versión, agradecería que me lo dijeran
Licencia: Código bajo la Licencia Creative Commons “by-nc”.