Meme: Desktop!

¿Alguna vez has sentido curiosidad de ver el escritorio de los demás, cómo trabajan, y que programas utilizan?

Aquí tenéis las capturas de mi equipo corriendo bajo Windows (ya que veo que es el SO que mas utilizáis), pero “customizado” para suplir las carencias en cuanto a Gadgets / Widgets, y con algunos detalles que utilizo en Ubuntu, y que ha heredado la partición de Windows.

Difícil de distinguir eh

Anatomía de mi escritorio
Los Widgets ó Gadgets son pequeñas aplicaciones que se ejecutan en segundo plano y nos permiten tener a mano información útil de manera muy rápida.

Cómo añadir Twitter a un blog de wordpress.com

Twitter es un servicio gratuito de microblogging, que hace las veces de red social y que permite a sus usuarios enviar micro-entradas (también denominadas “tweets”) basadas en texto, con una longitud máxima de 140 caracteres, donde se responde a la pregunta ¿Qué estás haciendo?.

Es un servicio muy útil, ya que hay veces que solo quieres nombrar el titulo de una peli, un sitio web o una canción para compartirlo con tus amigos.

Desde hace tiempo que quería incluirlo en mi blog, pero como no existe el pluging para este servicio en wordpress.com, y como el código HTML de twitter no funcionaba en el blog, me vi obligado a estrujarme los sesos en busca de otra solución. Entonces se me ocurrió incluir el feed RSS de las entradas de twitter, con el widget de RSS de WordPress.

Para ello en twitter vamos a Profile, a bajo en la derecha pulsa en el RSS y copia la dirección URL.
Ahora vamos a nuestro blog, y añadimos la URL en un Widget de RSS. Así de simple, pero me llevo un buen rato…

Ya podéis seguir mis “tweets” en el blog o en http://twitter.com/interfacesinnov
En el podcast de tazzito.com hablan sobre Twitter por si quereis saber más.

Volviendo a los orígenes III: Las hojas de estilos

Cuando nos enseñaron en el colegio a hacer paginas Web (allá por 3º de la ESO), nadie menciono las hojas de estilo, lo cual nos habría ahorrado la laboriosa tarea de escribir en el bloc de notas para cada párrafo diferente de la pagina:

<p><font color=”blue” face=”arial” size=”+1″>Hola mundo: Monkeys First</font></P> <p><font color=”green” face=”comic sans MS” size=”-1″>Bienvenidos a mi pagina personal sobre monos y chimpances</font></p>

(Lo que hubiese hecho de haber descubierto la etiqueta <pre></pre> que representa el texto tal y como se escribe en el editor, con los espacios en blanco, saltos de línea, etc. Lo descubrí tarde).

En cualquier caso tampoco eran páginas muy extensas, pero supongamos que estas trabajando en una pagina Web de mas de 200 paginas, y que vas resaltando las palabras mas importantes pulsando el botón de negrita en el editor, y estableciendo los atributos de los encabezados por separado.

Presentas el proyecto y te dicen que prefieren resaltar las palabras con cursiva en vez de negrita, los encabezados en otro tamaño, y no les gusta el tipo de letra, prefieren una estilo Times. (Te puede dar algo).

Por ello se utilizan hojas de estilo, o hojas CSS (Hojas de Estilo en Cascada), en la que habrías definido el estilo “resaltado”

Volviendo a los orígenes II: ¿Pero para qué aprender HTML…?

¿…cuando existen excelentes editores de código que se manejan como simples procesadores de texto, muchos de ellos gratuitos?

El principal motivo, es que al conocer las instrucciones, entenderemos mejor la disposición de las páginas y la estructura de los sitios Web. Nos será mas fácil encontrar y corregir errores, y deshacer acciones que el editor a veces no permite.

Por otro lado los editores HTML no suelen reconocer todo lo que queremos representar, y muchas veces hay etiquetas que no se interpretan igual en todos los navegadores, donde tendremos que hacer algunos apaños.

Por lo que es recomendable trabajar tanto con editores como con el código fuente, ya que las paginas creadas con el editor casi siempre pueden mejorarse posteriormente con el código fuente.

Un ejemplo personal, con el que me encontré hace años cuando me iniciaba en el HTML, es la similitud de algunas etiquetas: ¿Por qué el efecto es el mismo?
<i> </i> <em> </em> <dfn> </dfn> <cite> </cite>; en todas se representa el texto en cursiva. Seguí investigando y encontré el significado:

<i> </i> Italics (Cursiva)
<em> </em> Enphasis (Enfasis)
<dfn> </dfn> Definition (Definición)
<cite> </cite> Notas o “citas” bibliograficas

Entonces me di cuenta de que el HTML no se limita a establecer el aspecto, sino que también marca la estructura del texto. Quede fascinado, ya que el propio código te enseña a como debe ir organizada la información (si es una definición, o notas bibliograficas, código informático…), que hasta ahora no sabia como debía representarse.

Hay que recordar que el HTML se creo para representar textos científicos, de ahí nacen gran parte de las etiquetas.

A parte de las mencionadas anteriormente, están otras muy útiles para gestionar las fuentes como:
<h1> </h1> hasta <h6> </h6> Encabezados del 1 al 6, de mas grande a mas pequeño.
<strong> </strong> Muy resaltado, con frecuencia en negrita.
<code> </code> Para el código fuente informático.
<kbd> </kbd> Para indicar lo que se debe introducir con el teclado.
<samp> </samp> Se ve el texto tal y como se introduce.
<q> </q> Para citas cortas de personajes (en un libro) ¡Hola Carlitos!, -exclamo con ironía-
<tt> </tt> Teletipos
<b> </b> Bold (Negrita)
<big> </big> Para las iniciales
<strike> </strike> Tachado, (Muy útil, ya que no aparece como opción en algunos editores).

Ver primera parte: Personal: Volviendo a los origenes I. Internet, WWW y HTML

Trucos Word: Reanuda tu trabajo allí donde lo dejaste

Hay un truco en Word muy sencillo para reanudar tu trabajo rápidamente donde lo interrumpiste por última vez.
Mediante un acceso directo haremos que Word inicie abriendo el último trabajo en el que hemos estado trabajando.En un principio puede parecer absurdo ya que bastaría con ir a “Archivo” y buscar en los documentos recientes, pero en la práctica mejora mucho la experiencia usando el programa.

Buscamos el fichero “Winword.exe” (pulsando F3), lo arrastramos al escritorio para crear un nuevo acceso directo. Hacemos clic con el botón derecho, vamos a Propiedades. En el campo destino, nos situamos en la ultima línea y añadimos lo siguiente: (un espacio en blanco) NWORD.EXE\mfile1

Jugando con tipos: Dafont.com

Dafont.com

Ya sea para documentos, carteles, revistas, películas… la tipografía juega un papel determinante.
(Incluso para darle un nuevo aspecto a tu sistema operativo)

Dafont es un excelente lugar para encontrar tipos creados por aficionados y profesionales  totalmente gratuitos para Mac y PC. Podras experimentar con más de un centenar de tipografías, yo ya he encontrado “replicas” tan míticas como Star Wars, Cocacola, Star Trek…

Estas son algunas de mis preferidas:

 

Visítalos en Dafont.com

Mejora la presentación de tus trabajos con Word

Mejorar la apariencia de tus trabajos puede aumentar tus notas.

Para ello vamos a utilizar los recursos clásicos: crear contraste con colores, elegir la tipografía, distribuir el contenido con cajas de texto y columnas, y por ultimo exportarlo a pdf. Por el camino, algún truco útil. En la parte inferior de la página os he dejado una plantilla de algún trabajo.

Color que enamora
Los colores hacen más agradables los trabajos, y además le dan un toque original.
No es lo mismo ver un trabajo en negro donde solo destaca el texto en negrita, a ver un trabajo con encabezados, cuadros de texto y paginas en color.

Hay un truco que suelo utilizar a menudo en Word por su rapidez y facilidad: los cuadros de texto.

Vamos a darle color a la portada.
Ponemos la vista a 50% para manejar mejor el cuadro, vamos a insertar>cuadro de texto. Nos olvidamos del mensaje de “ponga su dibujo aquí..” y extendemos el cuadro desde la esquina superior hasta rellenar mas o menos la mitad de la pagina. No importa que sea más grande que el documento, ya que al exportar a pdf no se va notar la diferencia, y no queremos que queden márgenes.

Hacemos clic con el botón derecho sobre el cuadro y seleccionamos “formato del cuadro de texto” para elegir los colores, y seleccionamos “sin linea”.

Hecho esto, vamos a insertar un titulo y un subtitulo. Para ello insertamos dos nuevos cuadros de texto, y de color de fondo seleccionamos “sin relleno” y “sin línea”.

En la parte inferior de la página insertaremos el nombre, apellidos, Dni, email, etc. Y para darle un toque original, insertaremos una línea vertical a la izquierda para que lo encuadre. Seleccionamos el texto y vamos a formato>”Bordes y sombreado” le damos un grosor de punto y medio, y color gris oscuro, y en la “vista previa” marcamos el cuadro correspondiente (inferior derecha). Aceptamos.

Ahora nos detenemos un seguno para elegir la tipografia, yo he utilizado el tipo gratuito  “Delicius” un tipo muy especial, y para los encabezados la Comercial de Adobe Kozuka Gothic Pro.