Este es un tutorial muy corto de  como cambiar la imagen de fondo aleatoriamente de un div o cualquier elemento con JQuery.

Suponiendo que tenemos una estructura de directorio como esta:

-misitio
  --imagenes
      imagen1.jpg
      imagen2.jpg
      ...
  estilos.css
  index.html

Y que nuestro index.html es algo como:

<html>
<body>
<div id="fondo"></fondo>
</body>
</html>

Y queremos cambiar aleatoriamente la imagen del div con id fondo seguimos los siguientes pasos.

En estilos.css deberíamos una propiedad como esta con la imagen que queramos en caso de que JQuery falle por alguna razón:

#fondo {
   background: url('imagenes/imagen1.jpg');
}

El código de jQuery para hacer el cambio aleatorio es el siguiente:

<script type="text/javascript">
$(function() {
  var imagenes = ['imagen1.jpg', 'imagen2.jpg', 'imagen3.jpg', 'imagen4.jpg', 'imagen5.jpg'];
  $('#fondo').css({'background-image': 'url(imagenes/' + imagenes[Math.floor(Math.random() * imagenes.length)] + ')'});
});
</script>

Vamos a explicar estas dos líneas de código:

1. En la primera línea tenemos un arreglo (array) con los nombres de las imágenes que queremos ir rotando.

2. En la segunda línea cambiamos la propiedad de background-image de #fondo a una de las imágenes que tenemos en el arreglo. Usamos dos funciones matemáticas de JavaScript Math.floor que redondea un número flotante hacia abajo al entero más cercano, por ejemplo 4.3 lo redondea a 4, y Math.random que nos da un número aleatorio, lo multiplicamos por la longitud de imagenes para que nos dé un número que esté dentro de ese arreglo.

Listo eso es todo con esto irá cambiando la imágen de fondo cada vez que regarguemos la página.

Espero que les sirva este tutorial, cualquier duda o sugerencia por favor dejen un comentario.

Normalmente cuando creamos un WP_Query en WordPress lo podemos ordenar por algún campo del post por ejemplo por el título o por la fecha de publicación pero que pasa cuando hemos creado un valor meta y queremos ordenarlo por ese valor, WP_Query viene al rescate.

Supongamos que tenemos dos meta valores, uno que se llama arquitecto y otro que se llama año.

Si queremos ordenar alfabéticamente por el meta valor de arquitecto nuestro WP_Query quedaría de la siguiente forma:

$args = array('post_type' => 'post', 'meta_key' => 'arquitecto', 'orderby' => 'meta_value', 'order' => 'ASC');
$query = new WP_Query($args);

Aquí estamos diciendo:

  • $pos_type=post, todos las entradas tipo post, aquí tambien puede ser page o algún tipo de entrada personalizado que tengamos.
  • $meta_key, es el nombre de nuestro meta en este caso arquitecto.
  • $orderby, es por qué parámetro vamos a ordenar aquí le decimos que ordene por el valor meta que seleccionamos anteriormente.
  • $order, el sentido del order puede ser ASC de menor a mayor o DESC de mayor a menor.

Ahora si queremos ordenar por el meta valor de año que es un valor numérico tenemos que hacer un pequeño cambio:

$args = array('post_type' => 'post', 'meta_key' => 'año', 'orderby' => 'meta_value_num', 'order' => 'ASC');
$query = new WP_Query($args);

Vemos que dejamos los parámetros casi igual lo único que cambia es ‘meta_key’=>’año’ para seleccionar el meta que queremos filtrar y  ‘orderby’ => ‘meta_value_num’ para indicarle a WordPress que este valor es numérico.

Eso es todo luego podemos usar nuestro loop como siempre lo hacemos:

while ($query->have_posts()) {

...

}

Así vemos que es muy fácil ordenar un loop a través de un meta valor.

Si a media noche te equivocas en el mensaje de commit de git o simplemente cometiste algún error ortográfico o descriptivo y te das cuenta ante de hacer push al repositorio es muy fácil reparar el error

Simplemente ejecuta:

git commit --amend -m "Nuevo mensaje de commit"

Eso es todo después pudes hacer push y todo como nuevo.

Qué pasa si ya hiciste push y te equivocaste en el mensaje de commit?, Hay formas de cambiarlo pero si es un repositorio compartido no es para nada recomendado y escapa del alcance de este pequeño tip.

Puedes ver una respuesta relacionada a esto en StackOverflow:

http://stackoverflow.com/questions/179123/how-do-i-edit-an-incorrect-commit-message-in-git

Ruby on Rails es un popular framework de desarrollo web y que cada día gana más seguidores y entusiastas por su forma de desarrollo y su “Convención sobre Configuración”. Ultimamente he estado experimentando algunas cosas con Ruby on Rails y cada vez le agarro un poco más de “cariño” así que aquí les explicaré como instalar este framework en Ubuntu 12.04.

Al final de este tutorial tendremos instalado Ruby en su versión 1.9.3 y Rails listo para empezar a desarrollar tus aplicaciones.

1. Configurar el Terminal de Gnome e instalar las dependencias

Vamos a utilizar RVM para instalar Ruby, este es una herramienta bastante útil que nos permite manejar las versiones de Ruby de manera fácil y sencilla. Para que RVM funcione tenemos que configurar nuestra terminal para que se comporte como un shell de login.

Lo primero que tenemos que hacer es abrir el Terminal de Gnome e ir al menú de Editar>Perfiles… luego hacemos click en Editar para cambiar la configuración del perfil. Seleccionamos la pestaña de Título y Comando y seleccionamos Ejecutar el comando como intérprete de conexión. Como una imagen vale más que mil palabras aquí está.

Cambiar preferencias de terminal gnome

Hacemos click en Cerrar y listo ya nuestro terminal se va a comportar de la forma que RVM lo requiere.

Luego tenemos que instalar un par de dependencias que necesitamos para hacer la instalación git y curl.

Para actualizar los repositorios de Ubuntu:

sudo apt-get update

Para instalar git y curl

sudo apt-get install git curl

Ya tenemo todo listo con las dependencias ahora vamos con lo nos importa.

2. Instalar RVM y Ruby

Para obtener e instalar RVM ejecutamos en el terminal:

curl -L get.rvm.io | bash -s stable

Luego cargamos el RVM:

source ~/.rvm/scripts/rvm

Por último instalamos las dependencias adicionales de RVM, si queremos ver las dependencias ejecutamos rvm requirements nos va a dar una serie de listas dependiendo de si solo queremos instalar Ruby, JRuby o IronRuby. Como queremos instalar solo Ruby ejecutamos en el terminal:

sudo apt-get -y install build-essential openssl libreadline6 libreadline6-dev zlib1g zlib1g-dev libssl-dev libyaml-dev libsqlite3-0 libsqlite3-dev sqlite3 libxml2-dev libxslt-dev autoconf libc6-dev ncurses-dev automake libtool bison subversion

Instalar un framework de Javascript

Para las nuevas versiones de Rail se necesita un framework de Javascript por lo que vamos a instalar nodejs. Simplemente ejecutamos

sudo apt-get install nodejs

3. Instalar Ruby

Por fin ya vamos a la instalar Ruby, ya tenemos RVM instalado y funcionando por lo que instalar y manejar varias versiones de Ruby va a ser muy fácil. Para instalar ejecutamos el siguiente comando:

rvm install 1.9.3

En caso que quieras instalar ruby 1.9.3, si quieres otra versión simplemente coloca el número de la versión que quieras instalar y rvm se encarga.

Tambien puedes instalar más de una versión, después definimos la versión que instalamos como la que vamos a utilizar por defecto ejecutando:

rvm use 1.9.3 --default

Con esto ya tenemos ruby1.9.3 instalado y funcionando, para chequear la versión de ruby en cualquier momento puedes ejecutar

ruby -v

4. Instalar Rails

Cuando instalamos ruby con RVM también se instala gem que es la utilidad que usa ruby para manejar librerias. Para instalar rails ejecutamos:

gem install rails

Y eso es todo ahora podemos crear una aplicación ejecutando:

rails new nombre_aplicacion
cd nombre_aplicacion
rails server
Y ahora abre tu navegador favorito y ve a http://localhost:3000
 

Y verás algo como esto:

Ruby on Rails funcionando

Así que ya estamos listos para empezar a desarrollar. Espero que les sirva, cualquier duda o sugerencia por favor dejen su comentario.

La función the_excerpt() nos devuelve un extracto de nuestro artículo  o post y es útil, cuando queremos presentar sólo parte del contenido ya sea en nuestra página principal, en un widget o en cualquier otra parte de nuestra página.

Esta función debe ir dentro del loop y por defecto devuelve 55 caractéres y termina en […] y elimina cualquier etiqueta HTML e imágen que puedan estar dentro del extracto.

Pero que pasa si queremos más de 55 caracteres o queremos incluir un link en cambio de los tres puntos suspensivos y algo más significativo como leer más.

No hay problema gracias a los filtros de WordPress podemos cambiar estos parámetros sin problemas.

Modificar la longitud de the_excerpt()

1. Abre el archivo functions.php de la carpeta del tema que estés utilizando. ( Normalmente estará ubicado en la carpeta wp-content/themes/nombre_carpeta_tema/functions.php )

Nota: también se puede modificar el archivo functions.php a través del Escritorio de WordPress en Apariencia>Editor

2. Al final del archivo functions.php antes del último ?> colocamos el siguiente código:

/**
*  $long es una variable para indicar de cuantos caracteres de
*   longitud queremos nuestro extracto
*/

function mi_excerpt_long( $long ) 
{
        if (!$long) // si no se especifica
        {
	    return 40; //la longitud por defecto sera 40
        }
        else
        {
             return $long;
        }
}
add_filter( 'excerpt_length', 'mi_excerpt_long', 999 );

El uso dentro del loop si queremos que nos de 100 caracteres sería:

mi_excerpt_long(100);

Para explicar un poco el código lo que hace esta función es tomar una variable llamada $long que nos indica la longitud de caracteres, si esta variable no es colocada la longitud por defecto sería de 40, si no regresa el número de caracteres que le pasamos a la función. Luego utilizamos el filtro excerpt_length para indicarle a WordPress que es lo que queremos modificar con esta función. El número 999 si se lo preguntan es simplemente la prioridad de carga de este filtro, lo colocamos alto para que no interfiera con otros filtros más importantes.

Agregar leer más con un link al final del extracto

Por defecto el extracto termina con […], sin ningún link para seguir leyendo. Para cambiar esto vamos a utilizar otro filtro llamado excerpt_more. Igual que la vez anterior vamos a agregar un función al final del archivo functions.php.

function mi_excerpt_leermas() {
       global $post;
	return '<a href="'. get_permalink($post->ID) . '"> Leer más...</a>';
}
add_filter('excerpt_more', 'mi_excerpt_leermas');

No necesitamos agregar nada a nuestro loop excepto la función the_excerpt() o podemos utilizar la función que hicimos para cambiar la longitud del extracto. El filtro excerpt_more lo que hace es cambiar los tres puntos al final de extracto por lo que coloquemos en el texto del link.

[alert_blue textalign=”left”]Aquí también estamos utilizando otra función de WordPress get_permalink(), que nos devuelve el link permanente al post actual del loop.[/alert_blue]

Nota: Para versiones anteriores a WordPress 2.8 el filtro se llama wp_trim_excerpt. Pero no es aconsejable utilizar versiones tan viejas de WordPress.

Más información en el codex de WordPress: the excerpt

Ya con esto finalizamos y espero que les sirva en sus temas de WordPress, cualquier duda, pregunta o sugerencia por favor dejen sus comentarios.

Como muchos de uds ya lo saben Java es un lenguaje orientado a objetos desarrollado a principio de los 90 por Sun Microsystem. Para poder correr aplicacioens y applets de Java en tu PC necesitas tener instalado el Java Runtime Environment (JRE).

En este tutorial vamos a explicar como instalar Java JRE en Ubuntu en unos pocos pasos.

Como este paquete tiene algunas licencias que no son software libre se debe habilitar el repositorio multiverse de Ubuntu para que se pueda instalar.

Habilitar el Repositorio

Versión de escritorio de Ubuntu

  • Ve al menú de Sistema>Administración>Origenes del Software
  • Habilita la opción que dice que dice Software restringido por copyright o cuestiones legales (multiverse).
  • Luego haz clic en Cerrar y te preguntará si quieres actualizar los repositorios di que Si y ya estamos listo para instalar Java JRE

Por consola (Opcional si no lo quieres hacer por modo gráfico o estás en un servidor)

Haz un respaldo del archivo souces.list ejecutando

sudo cp /etc/apt/sources.list /etc/apt/sources.list-respaldo

Y luego edita el archivo /etc/apt/sources.list

sudo vim /etc/apt/sources.list

Nota: puedes utilizar el editor de tu preferencia como nano, gedit, kate, etc.

Y quita el # delante de las siguientes líneas:

deb http://archive.ubuntu.com/ubuntu lucid multiverse
deb-src http://archive.ubuntu.com/ubuntu lucid multiverse

Va a cambiar el nombre lucid por el de la versión de Ubuntu que tengas.

Guarda el archivo y cierralo. Listo con esto hemos habilitado el repositorio multiverse desde consola.

Instalando Java JRE

Ahora para instalar el paquete simplemente ejecutamos en el terminal (Aplicaciones>Accesorios>Terminal):

sudo apt-get install sun-java6-jre

Si adicionalmente queremos instalar el plugin de Java JRE para Mozilla Firefox ejecutamos

sudo apt-get install sun-java6-plugin

Comprobar la instalación

Para comprobar que se ha instalado correctamente ejecutamos en el terminal:

java -version

Y debería aparecer algo como:

java version "1.6.0_20"
Java(TM) SE Runtime Environment (build 1.6.0_20-b02)
Java HotSpot(TM) Client VM (build 16.3-b01, mixed mode, sharing)

Adicionalmente si has instalado el plugin para Mozilla Firefox en el navegador coloca en la barra de direcciones about:plugins y busca el plugin de Java o visita alguna página que sepas que requiere que Java esté instalado.

Eso es todo, cualquier duda o pregunta espero sus comentarios.

En Vensign ofrecemos servicios de soporte Linux, Capacitación y migración para PyMES y corporaciones, puede ver nuestros servicios aquío Contactarnos

Estaremos publicando una serie de artículos con Tips, Sugerencias y opciones para las empresas así que no olviden seguirnos a través de nuestro RSS, Twitter o suscribirte a nuestro Boletín de Noticias

Eclipse es una plataforma Open Source para desarrollar proyectos en una gran variedad de lenguajes en especial Java, tiene una gran cantidad de plug-ins para ayudar en el desarrollo de aplicaciones, además de una gran comunidad.

En este tutorial voy a explicar como instalar Eclipse en Ubuntu y además como hacer que trabaje con la versión de Java de Sun.

Continuar