Te recordamos que hoy nos ha dado por ahí y éste es el día serio de flapa

Os voy a explicar como hacer una Ilustración de una manera muy sencilla en Photoshop. Por supuesto hay muchas maneras de hacer una Ilustración pero como soy una persona autodidacta, utilizo un método muy sencillo y básico pero que llega a dar muy buenos resultados.

Podéis ver más cosas así en: Josemon Inside

Te recordamos que hoy nos ha dado por ahí y éste es el día serio de flapa

Hasta el momento los desarrolladores en WordPress teníamos ligeros problemas para mostrar el menú de navegación de nuestros blogs. Con la llegada de WordPress 2.7 (y superiores) también llegaron varias funciones que nos facilitaban la vida, en la medida de lo posible. Una de ellas es wp_page_menu.

¿Para qué sirve wp_page_menu?

Básicamente muestra un listado de páginas a modo de enlaces y además, y he aquí lo novedoso, nos da la oportunidad de incluir una opción de “Inicio” para acceder a la portada de nuestra página, algo que hasta ahora teníamos que realizarlo casi manualmente, en mi caso utilizando una función en function.php.

¿Cómo la utilizo?

La sintaxis es la siguiente:

<?php wp_page_menu( $args ); ?>

Los parámetros los podéis encontrar en el Codex de WordPress, donde además os ponen algunos ejemplos para que os vayáis familiarizando con esta reciente función.

¿Y tanto bombo para tanto?

No seas impaciente, que ya que estamos picando código, vamos a enseñarte cómo maquetar un menú horizontal de dos niveles de profundidad utilizando únicamente CSS, algo sencillo y para newbies (que nos vamos a poner serios en flapa, pero no tanto joder).

Lo primero es generar nuestro menú. Antes realmente habría que crear una estructura de páginas, de dos niveles de profundidad como máximo. En nuestro ejemplo las páginas serán: Portada, Seccion1 (subpagina1,subpagina2), Seccion3 (subpagina3,subpagina4).

Para generar el menú utilizaremos la función wp_page_menu que os mostramos antes. En nuestro caso, ordenaremos mediante el orden impuesto a la página. Además, pondremos el nombre “Portada” al enlace que lleve a la home de nuestro blog y le daremos la clase “horizontal-menu” a la estructura HTML generada:

<?php wp_page_menu( array( 'show_home' => 'Portada', 'sort_column' => 'menu_order', 'menu_class' => 'horizontal-menu' ) ); ?>

Esto generaría un menú parecido al siguiente:

<div class="horizontal-menu">
  <ul>
    <li class="current_page_item">
      <a href="http://urldetublog">Portada</a>
    </li>
    <li class="page_item page_item_1">
      <a href="http://urldetublog/seccion1">Seccion1</a>
      <ul>
        <li class="page_item page_item_2">
          <a href="http://urldetublog/seccion1/subpagina1">subpagina1</a>
        </li>
        <li class="page_item page_item_3">
          <a href="http://urldetublog/seccion2/subpagina2">subpagina2</a>
        </li>
      </ul>
    <li class="page_item page_item_4">
      <a href="http://urldetublog/seccion1">Seccion1</a>
      <ul>
        <li class="page_item page_item_5">
          <a href="http://urldetublog/seccion1/subpagina1">subpagina1</a>
        </li>
        <li class="page_item page_item_6">
          <a href="http://urldetublog/seccion2/subpagina2">subpagina2</a>
        </li>
      </ul>
    </li>
  </ul>
</div>

Toma ya. ¿Ya hora qué?

Pues vamos a maquetar. Y aquí viene la bola extra y el por qué mola tanto wp_page_menu. Nos crea clases muy útiles en cada elemento li y que nos ayudan a maquetar. Por ejemplo, cada vez que hago click sobre un enlace, al li que lo contiene le pone la clase current_page_item. Si se trataba de una subpágina, al li de la página padre le aplica las clases current_page_antecesor y current_page_parent.

Ahora viene la magia:

.horizontal-menu ul li{
  display: inline;
  float: left;
  margin-left: 5px; /* cambiar este margen para aumentar la separación entre las opciones de 1er nivel */
  width: 200px; /* os recomiendo poner un ancho fijo, el motivo lo explico después */
}

/* para controlar el estilo de los enlaces de primer nivel */
.horizontal-menu ul li a{
  display:block;
  padding:10px 13px;
  text-decoration:none;
  cursor:pointer;
}

/* para controlar los li de segundo nivel */
.horizontal-menu li ul li{
  margin: 0;
  float: none;
  display: block;
  background-color: #CCC;
}

/* para controlar el estilo de los enlaces de segundo nivel */
.horizontal-menu li ul a{
  padding: 5px 10px 5px 10px;
}

.horizontal-menu li ul{
  display: none;
  position: absolute;
}

.horizontal-menu li:hover ul{
  display: block;
}

/* para controlar el color de las opciones sobre las que paso el ratón */
.horizontal-menu li:hover{
  background-color: #AAA;
}

/* para controlar el color de los li seleccionados, sobre los que paso el ratón,
los li padres y los li padres sobre los que paso el ratón */
.horizontal-menu .current_page_item,
.horizontal-menu .current_page_item:hover,
.horizontal-menu .current_page_parent,
.horizontal-menu .current_page_parent:hover{
  background-color: #FFBD25;
}

/* para controlar el color de los li de segundo nivel seleccionados */
.horizontal-menu .current_page_parent .current_page_item{
  background-color: #CCC;
}                    

/* para controlar el color de los li de segundo nivel seleccionados
sobre los que paso el ratón */
.horizontal-menu .current_page_parent .current_page_item:hover{
  background-color: #AAA;
}

Pues hasta aquí todo por hoy y para siempre jamás. ¿A que mola? Pues ahora viene lo divertido: La verdad es que no mola nada. Es decir, para blogs con poca profundidad en su arquitectura de información esta opción no es para nada recomendable. ¿Por qué? Porque ocultar información no es una buena práctica desde el punto de vista de la experiencia de usuario. Obligamos a que el usuario tenga que situar el ratón sobre un elemento en cuestión para descubrir qué se oculta detrás, y se convierte en algo bastante tedioso.

Dejando que esto sea un blog de… a sí, humor, que ya se me había olvidado… pues espero que algunos os resulte útil. O no.

Te recordamos que hoy nos ha dado por ahí y éste es el día serio de flapa

Hoy se pone a la venta Call of Duty: Modern Warfare 2 (aunque se puso a la venta de manera “no oficial” el Viernes 6 de Noviembre en algunos establecimientos). Éste es un juego que a mi personalmente me trae de cabeza.

Como si de una gran superproducción de Hollywood se tratará, desde que se dió a conocer su salida nos han estado bombardeando con todo tipo de información y Trailers. La B.S.O. está compuesta por Hans Zimmer, autor de bandas sonoras como “Black Hawk Derribado” y “Gladiator“.

Sobran las palabras… Os dejo con el último trailer que sacaron antes de su salida con la participación de Eminem y Nate Dogg en el tema que suena.

Página oficial: Modern Warfare 2

Te recordamos que hoy nos ha dado por ahí y éste es el día serio de flapa

Durante las últimas semanas los que utilizamos la red social de twitter hemos visto cómo le han añadido nuevas mejoras, entre las que destaca la traducción al español – aunque más que una mejora era una necesidad, no exenta de polémica por otra parte – y las listas.

Un ejemplo práctico sería una revista digital que se limita a notificar sus actualizaciones a través de twitter, algo mal visto por algunos twitteros pero que no deja de ser de utilidad para muchos. Pero, ¿cómo podemos utilizar las listas de twitter para sacar el máximo rendimiento? Mucha gente ha empezado ya a agrupar followings habituales para que les sea más rápido leerlos. Es una opción totalmente válida y de hecho muy útil, pero os vamos a dar otro punto de vista.

Quizás lo más destacable de twitter sea la cantidad de información que genera en poco tiempo, información que podríamos decir, se encuentra dispersa en una nube a la que en ocasiones cuesta acceder. Así mismo, dar con personas que te resulten de interés es algo complicado al principio. No es de extrañar que el primer tweet de la inmensa mayoría sea: probando… ¿y esto cómo va?

Pongamos el ejemplo de un twitter de música.

Si el usuario de ese twitter lo utilizara para crear listas de blogs de música, artistas nacionales, internacionales, medios digitales (como es el caso), no sólo estaría ofreciendo su propio contenido a sus lectores, sino que además se convierte en un excelente punto de información, creando microplanetas de información continua y viva.

Si además añade como followings a esos usuarios, obtiene en su timeline una visión general y obtiene a través de las listas lo que conseguiríamos en un blog gracias a las categorías o las etiquetas, convirtiendo así su perfil en una herramienta muy potente para ganar followers a la par que da un valor añadido.

Hay un dicho famoso que dice que “hay dos clases de personas las que tuestan y las que no“, actualmente dado el tamaño de los discos duros estos últimos están aumentando y con ello la dificultad para administrar los ficheros que contiene.

Continuando con los dichos, “hay dos clases de personas, las que bajan archivos de internet, y los que bajan muchos archivos de internet” ya sea por emule, bittorrent o simples descargas de la web. Esto hace que tengamos los discos duros llenos y muchos de esos ficheros están repetidos ¿que no? haz la prueba y te sorprenderás.

Ante esta visicitud existen muchas herramientas, algunas muy bonitas y otras muy eficientes, sin embargo escogeremos la que seguramente puede ejecutarse en más Sistemas Operativos (Windows XP, Windows 7, Windows 2000, Mac OS X, GNU/Linux, OpenSolaris, …).

Findrepe es una herramienta programada por Franci, editor del Blog Softenido. La pega de su findrepe, por buscar una, es que su interfaz es de “línea de comandos” y que además está en inglés.

Daré todos los pasos necesarios para instalarlo bajo Windows (es necesario tener instalado Java):

• Descargar la aplicación: http://softenido.googlecode.com/files/findrepe-0.6.2.zip (supondremos que la pones en el escritorio)
• Abrir un terminal de línea de comandos: es decir, ir a “Inicio > Ejecutar” y ahí tecleas cmd.
• Ahora cambiamos al directorio donde hemos descomprimido findrepe: cd Escritiorio\findrepe-0.6.2
• Para instalar tecleamos: java -jar FindRepe.jar –install , el resultado será algo como “findrepe: ‘c:\WINDOWS\findrepe.bat’ created”

Ya lo tenemos instalado y podremos usarlo sin que importe el directorio actual. Ahora una lista de comandos que podéis usar:

• Para ver la ayuda del programa:
  findrepe
• Para obtener un listado de todo lo que tengo repetido en el disco duro:
  findrepe C:\
• Para obtener una ristra de ejemplos:
  findrepe –examples
• Para borrar rápidamente todo lo que tengo repetido en el disco duro que ocupe más de 5MB:
  findrepe -d –exclude=c:\windows -m5m c:\

  El resultado será algo parecido a:

  [0] C:\pelis\flapa-y-los-7-enanitos.avi
  [1] C:\copia2\flapa7.avi

  Group 0, delete files [0 - 1]:

  Si no queremos borrar basta con pulsar enter. Si queremos borrar algo tecleamos sus números separados por espacios o uno cada vez y enter, veremos como los marca con un [-], al pulsar enter sin nada se borrarán aquellos marcados con [-].

• Existen otras posibilidades como buscar archivos NO duplicados, para ver si has sacado copia a un disco externo, pongamos que los archivos de más de 100MB:
  findrepe -m100m –unique c:\pelis e:\backup

Normalmente los libros suelen ser de fácil lectura con un trasfondo ético que asumiría la inmensa mayoría de nuestra sociedad; amistad, amor, ayuda, solidaridad, etc.…

Cuál fue mi sorpresa cuando recomendaron El diario Rojo de Carlota de la autora Gemma Lienas. Un libro cuyo narrador es una chica adolescente y que pretende ser un diario de las experiencias sexuales que va viviendo esta joven.
No tengo miedo, ni nada en contra, de que se toquen estos temas en el instituto y mucho menos que esta valiosa información caiga en manos de jóvenes (tanto hombres como mujeres) cuyos padres no son lo suficientemente inteligentes como para hablar sobre sexualidad con ellos.
Lo que sí empezó a ponerme en alerta, fue el tono feminista que se le daba al contenido. Por otro lado lo vi normal, una chica adolescente narra sus experiencias con los chicos, habla con sus amigas, escribe un diario, normal que a esas edades el tono sea un tanto radical y me hizo pensar que la autora quizá había radicalizado el lenguaje del texto como mero recurso literario.

El trasfondo del libro me pareció más o menos adecuado hasta que llegué a la conversación que mantiene Carlota (la joven narradora) con su amiga Laura, una mujer adulta. En esta conversación la amiga de Carlota le muestra un cuestionario para saber si una mujer es o puede ser víctima de violencia de género. Párrafo que expongo a continuación:

Querida autora de El diario rojo de Carlota:

Muchas gracias por avisarme de que necesito ayuda. Yo, que me consideraba una persona que disfrutaba de una vida en pareja bastante placentera y dentro de la normalidad, soy víctima de la violencia de género. Gracias a usted sé que estoy siendo maltratado ya que no sólo tengo que admitir que el comportamiento de mi paraje hace que tenga que responder afirmativamente a uno o dos puntos del cuestionario, sino que sobrepasa con creces cinco o seis de ellos.

Sí amada autora, mi mujer se enfada y tiene ataques de rabia súbitos, me impide ir donde, cuando y con quien me apetezca varias ocasiones al mes, también critica mi forma de vestir, a veces convierte cualquier pequeño incidente en un motivo de discusión, por no hablar de que destruye y tira objetos que para mi tienen un valor sentimental como por ejemplo camisetas viejas de conciertos, y sí, tengo que reconocer que muchas veces me humilla ante los demás diciéndome que soy un guarro porque mi concepto de limpieza es distinto al de ella.

Los administradores del blog lo reconocemos: Flapa siempre ha sido y será un blog de humor. Lo que mucha gente no sabe es que los administradores de este blog tienen sus bachilleratos, sus FP, sus módulos de grado superior y sus carreras acabaitas. Perdone usted: pero somos gente culta (aunque lo disimulamos muy bien).

Si quisieramos dejar el humor, podríamos ser a-lists sositos, pelaos y mondaos Con motivo de mostrar nuestra versatilidad en otros campos —y también porque nos da la gana— hoy vamos a tener un día muy serio en flapa. ¿Que no os lo creéis? Ya veréis, ya..