Bleend’s Blog

Bleend’s Blog

Blog Personal de Bleend, humor, cosas interesantes, diseño y programación.

Deshabilitar el Desktop Window Manager (dwm.exe) para un funcionamiento más rápido de Windows Vista

Filed under Tip by Bleend

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:

dmw.exe

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.

Como desactivarlo?

  1. Ve al menú Inicio
  2. Escribe “Services” en la barra de búsqueda y abre el programa.

    services
  3. Si UAC pregunta, dile que sí
  4. Ve hasta la letra “D” donde encontrarás “Desktop Window Manager Session Manager”
  5. Haz clic derecho en el servicio y pulsa “Stop”

    6. stop

  6. Luego haz clic de nuevo en el botón derecho en el servicio y haz clic en “Properties”

    propieties
  7. En la pestaña “General”, selecciona el arranque del servicio como “Disabled”

    disable
  8. Presiona Ok y sal

Inmediatamente notarás los resultados.

Tags: , , , , , , ,
December 24, 2008 - 2:37 PM Comments (2)



-----Separador-----

Tip en Fireworks para resaltar elementos o partes de una imagen

Filed under Diseño, Tip by Bleend

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:
QDB 100 Quotes

Continuar Leyendo…

Tags: , , ,
November 27, 2008 - 6:30 PM Comment (1)



-----Separador-----

Gmail Labs, nuevas funcionalidades para Gmail

Filed under Tip, Web by Bleend

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:

  • Una: La etiqueta de “Themes” no estaba, ni nada parecido. (soo sad)
  • Dos: Sin embargo había un a nueva pestaña llamada: Labs (uh?)

Gmail Labs label

Al hacer clic y ver de que iba, me llevé una muy grata sorpresa. Vean una captura de pantalla, y juzguen uds mismos:

Labs

clic para ampliar
Gmail Labs

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!

Tags: , , , , , , , , ,
November 20, 2008 - 9:19 PM Comments (3)



-----Separador-----

Hacer un texto curvado con Firewokrs y trazados

Filed under Diseño, Tip by Bleend

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:

Ejemplo de uso y sus características:

En este caso partimos de una imagen sencilla como es esta:

Imagen 1 del tip

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:

Imagen 2 del tip

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

Imagen 3 del tip

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

Imagen 4 del tip

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

Imagen 5 del tip

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.

Imagen 6 del tip

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:

Imagen 7 del tip

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:

Imagen 8 del tip

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”:

Imagen 9 del tip

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

Imagen 10 del tip

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:

Imagen 11 del tip

Ya tenemos una sencilla y clara imagen:

Imagen 12 del tip

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)

Imagen 13 del tip
Imagen 14 del tip
Imagen 15 del tip

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:

Copa con letras de agua y trazados

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! ;)

Tags: , , , , , ,
November 19, 2008 - 5:02 AM Comment (1)



-----Separador-----

Windows Live Hotmail rediseñado con Stylish (CleanUp)

Filed under Diseño, Tip, Web by Bleend

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:

Antes

Haz clic para ampliar

Hotmail noRedesigned por Bleend, en Flickr

Después

Haz clic para ampliar

Hotmail Redesigned por Bleend, en Flickr

Cambios realizados:

  • He eliminado la publicidad
  • He eliminado la caja de “búsqueda en web”
  • He eliminado botones inútiles en el menú izquierdo (”Hoy”,”Calendario”,…)
  • Re-colocación del perfil de usuario encima del menú izquierdo
  • Coloreado de bordes y fondo de los menús
  • Bordeado el menú de acciones superior de los emails
  • Ocultación de la palabra “HOTMAIL” en negrita y de tamaño enorme
  • En general se gana mucho más espacio
  • Eliminada la imagen de publicidad del antivirus Trend, al recibir y enviar mensajes.
  • Re-diseñada la cabecera de los email (Datos de envio) para facilitar su lectura.
  • Resaltados con una caja azul los archivos adjuntos.

Detalle:

Haz clic para ampliar

Hotmail Redesigned Detail por Bleend

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 :P ) 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.

Este es el código:


@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 :wink:

Licencia: Código bajo la Licencia Creative Commons “by-nc”.

Tags: , , , , , , , ,
November 16, 2008 - 1:34 AM Comments (3)



-----Separador-----

« Older Entries