Múltiples [gallery] en WordPress

Las galerías nativas de WordPress son muy útiles, pero aún les falta una mayor flexibilidad.

Uno de los problemas que tienen que aún no se ha resuelto de raíz, es que las galerías están directamente asociadas a la entrada/post o página.

Si deseamos agregar más de una galería a una sola entrada esto no es tan trivial.

La forma más fácil que existe es creando un post ficticio de donde jalemos su galería.

Por ejemplo:  Para desplegar las imágenes del post 2455 de 7ecnlogia.com basta con escribir

A continuación incluiremos dos galerías de dos post diferentes. La primera es del post: Guadalajara-Las Vegas, sin escalas.

Y abajo de esta se mostrará la galería de imágenes del post: Fotografías de 25 bicicletas.

Primera Galería

Segunda Galería

Espero que les sirva o por lo menos les de ideas locas.

Jos Velasco

Continuar leyendo...

CSS: Con Condiciones

¿Has diseñado alguna página web y aplicado hojas de estilos?

¿Has querido aplicar estilos diferentes para cada explorador en la misma hoja de estilos?

¿Has querido aplicar un estilo para todos los exploradores pero en cada uno se hace diferente?

¡Yo sí!

Ahora que ando metiéndome en el desarrollo web en el trabajo, me puse a aplicar hojas de estilo para los diversos sitios que hemos realizado, y algunos si funcionan muy bien en todos los exploradores, pero en algunos otros casos no. Seguramente a ti te ha llegado a pasar.

Cuando me dí cuenta de que no funcionaba en todos los browsers que existían, pensé ¡Ojala se pudieran poner condiciones al CSS!

Y me puse a buscar como incluir condiciones a mis CSS y ¡Voila!

Encontré una página que te da las herramientas para poder incluir condiciones de browsers en los CSS, es decir, ponerle algo como: Si es IE, has esto! Si es FF, has esto! Si es Safari, has esto!

La herramienta se llama:

Funciona de una manera muy simple:

1.- Entras a la página http://www.conditional-css.com/

2.- En la parte derecha de la página viene “el compiler”.

3.- Seleccionamos el sistema en el cuál desarrollamos, en este caso C#.

4.- Hay 2 métodos para usarlo, por ASHX y CGI. En este caso seleccionamos ASHX que solamente se agrega al sitio como cualquier otro CSS.

5.- Dejamos en blanco o llenamos los campos File 1, CSS Author, Copyright.

6.- Damos clic en Go! para descargar el archivo.

7.- Agregamos la referencia del archivo que acabamos de bajar, a nuestra página aspx como si fuera cualquier CSS.

8.- Lo usamos!

Para usarlo, solamente creamos y agregamos nuestros css que queramos y aquí viene lo bueno, a los estilos que queramos agregar las condiciones de browser lo hacemos de la siguiente manera:

Supongamos que tenemos:

.Data

{

text-align:left;

}

.Detail

{

text-align:right;

}

Y queremos que el .Data y el .Detail se alineen a la izquierda si es IE, y que se alineen a la derecha si es Safari. Lo modificamos así:

.Data

{

[if IE]text-align:left;

[if WebKit]text-align:right;

}

.Detail

{

[if IE]text-align:left;

[if WebKit]text-align:right;

}

¡Y listo!

¿Cómo vieron? ¿Fácil, no?

Continuar leyendo...

SearchMeter: Medidor de búsquedas para WordPress

El que busca encuentra. Encuentra siempre y cuando existan resultados a lo que buscó.

Para cuando no se encuentra lo que busca, por lo menos dentro de un blog o sitio web, les comparto Search Meter. Un plugin que mide las búsquedas que los usuarios hacen dentro de WordPress.

Muestra un resumen con las búsquedas más populares durante lapsos de tiempo predefinidos:  Ayer y hoy, la última semana, el último mes. Guarda también una tabla con las últimas 500 búsquedas en donde se detalla el número de resultados arrojados y la fecha en la que se buscaron. Es de tu elección guardar también datos más específicos como la página desde la que el usuario realizó la búsqueda, su sistema operativo, navegador y dirección IP.

Lo interesante de esta extensión es hacerle caso a tus lectores. Para búsquedas con cero resultados recomienda: “Los lectores están buscando esto en tu blog y no lo encuentran, puede ser buena idea darles lo que buscan”.

Mediante widgets es posible mostrar a tus lectores las búsquedas más populares o las más recientes. Una buena forma de incentivar el tráfico dentro del blog.

Una opción adicional (nada que ver pero que en lo particular me encanta) es que en las opciones del plugin maneja la de ocultar la petición de donación. Una tendencia que los desarrolladores de plugins están adaptando y cuya práctica es irónicamente una forma inteligente de incentivar a agradecer al autor.

Este plugin me parece una excelente herramienta que complementa al buen análisis del tráfico de tu blog.

Jos Velasco

Página del plugin en WordPress Extend

Página del autor del plugin

Continuar leyendo...

Inteligencia artificial, programando LEGO NXT con Java

Con motivos de cierre de semestre, el salón de agentes inteligentes fue testigo de tremendas contiendas entre los robots de los equipos que se conformaban por alumnos del ITESO para poder aprobar la materia.

Esta actividad consistía en que cada robot se tenía que programar con dos estados, presa y cazador.

Las contiendas fueron emocionantes ya que cuando tu robot adquiría el estado de presa, no querías ser atrapado al instante. O al ser cazador tu objetivo era identificar a tu presa lo más rápido posible.

Aquí les dejo un sneak peak de lo que se vivió en esta última semana de clases en Agentes Inteligentes del ITESO impartída por el profesor Victor Hugo Zaldívar.

Estos robots que se vieron son los llamados Lego NXT y fueron programados bajo el lenguaje de Java.

Para realizar esta práctica fueron necesarios los siguientes recursos:

• Kit de Lego NXT
• Sun Java JDK 1.4 o superior
• IDE Eclipse 3.3 o superior
• API de LeJOS
• Portátil o PC con acceso a internet

Continuar leyendo...

Si Internet Desapareciera…Ahora

Internet se ha hecho una parte IMPORTANTISIMA de nuestro día a día:

• Trabajamos en ella: Desarrollo de servicios, aplicaciones en web, etc.
• Nos entretenemos en ella: Juegos, Porno, etc.
• Socializamos en ella: Twitter, Facebook, etc.
• Estudiamos en ella: Wikipedia, El Rincón del Vago, etc.

Y fuera de nuestro trabajo, escuela o casa también la utilizamos:

• Laptops.
• Sistemas GPS.
• Celulares.

Es por todo lo anterior y por la “dependencia” que nos creamos hacia esta que ya es muy difícil imaginarse la vida si desapareciera en este preciso momento.

Aunque no es necesario que utilicemos mucho nuestra imaginación, pues los de Cracked, en sus ya famosos “PhotoShop Contests”, les preguntaron a sus usuarios: What If…The Internet Disappeared Today (Que pasaría si…Internet Desapareciera Ahora), aquí algunos de los resultados:

• El SPAM tendría que alcanzar nuevas fronteras:

• Igual que los nuevos engaños:

• Si…de eso te serviría tu costosísimo SmartPhone:

• Bienvenidos a la Van del Chat:

• Tu perfil en las calles:

• La piratería y los intercambios ya nunca serian los mismos:

• Las compañías disqueras…serían mas perversas:

• El tianguis eBay…lleve, lleveeee!

• Twitter… en la vida real:

• ¿Pornografía? A la cola por favor:

Aquí el link para ver la galería completa de 20 imágenes.

Sin duda alguna, internet nos ha abierto las posibilidades de hacer, ver, disfrutar, entretener y trabajar sobre ella, y como bien ya les comentaba, la vida sin ella sería…muy diferente.

Y a ti, ¿Cómo te afectaría si la Internet desapareciera?

Saludos!

Continuar leyendo...

Mapa Mundial de WordPress

Guerreros de WordPress, ¡conquistemos el mundo! (WordPress warriors, let’s conquer the world!)

Aunque está un poco ñoño el slogan, esta página que utiliza la API de Google Maps, está muy interesante.

WordPress WorldMap se trata de registrarte para poner tu marca en un mapa mundial. Ya sea que seas un usuario/blogger, un fan, un desarrollador o tengas una compañía que esté orientada a WordPress,  pisar el globo terráqueo no te quitará mucho tiempo.

Algunos de los beneficios de este mapa:

• Con un sólo clic puedes seguir en Twitter a quien quieras.
• Es posible filtrar los tipos de usuario para mostrar sólo lo que te interese. (fans, usuarios/bloggers, compañías, desarrolladores)
• Te permite localizar fácilmente las próximas WordCamps. (Conferencias oficiales de WordPress)
• Proximidad: Te enlista a los usuarios cercanos a ti.

WordPress WorldMap

Continuar leyendo...

Sitios de imágenes y videos que inspiran

¿Buscas inspiración? ¿Algo a qué ponerle un corazón? A continuación te presento una pequeña lista de comunidades que recolectan y presentan imágenes y en algunos casos videos, en su mayoría de cuestiones artísticas o entretenidas. Te recomiendo que te suscribas a sus respectivos feeds para seguir lo mejor de cada uno.

Ideal para matar el tiempo.

Requiere invitación para poder publicar las imágenes y la mayoría de las veces esto quiere decir buena calidad.

Post Secret está lleno de confesiones y chismes, más que nada un proyecto artístico semanal.

Competencia fuerte de FFFFOUND! Se ve muy bien.

De repente hay inventos que de tan tontos dan risa.

A continuación les agrego otras que me encontré y que no conozco pero que iré actualizando a esta lista.

Nota: Si conoces algún otro servicio como este, me encantaría que lo compartieras para hacer de este post algo más grande.
Jos Velasco

Continuar leyendo...

Fotografías de 25 bicicletas

Estas bicicletas las saqué de los favoritos de mis feeds de los últimos 4 meses. Jos Velasco

Las siguientes son las referencias a las mismas, en orden de aparición.

1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25

Continuar leyendo...

The Fun Theory: Haciendo divertido lo cotidiano

Un video viral, para los que todavía los desconozcan:

Es una grabación que ha sido ampliamente difundido a través de Internet, por publicidad o por envío, por correo electrónico, por mensajería instantánea, por blogs y otros sitios web. Los videos virales suelen ser de carácter humorístico, y pueden proceder de programas televisados o de videos amateur subidos inintencionadamente, como Star Wars Kid, Numa Numa, o Golimar. También, algunos eventos que han sido presenciados se han grabado y se han hechos videos virales.

Un buen ejemplo de este tipo de videos es el reciente caso de la persecución de un OVNI por aviones caza en los mares de España grabado por un pescador:

Días después, creada la controversia en varios blogs, se supo que este era un video viral creado por el portal Terra para rendir tributo a Orson Welles y a su Guerra de los Mundos.

Pero hay otro tipo de videos virales, aquellos que traen algún tipo de “mensaje positivo”.

Todos siempre intentamos “evitar” las escaleras tradicionales: porque tenemos prisa, porque se ven interminables, por las caídas…o simplemente por flojera, es por eso que bendecimos la creación de Jesse Reno cada vez que se nos presenta la opción de cambiar las tradicionales por las eléctricas.

Pero, para muchos quizá sea la poca o única actividad física que hagan en el día, y es por eso que la gente de DDB Stockholm y Volkswagen decidieron hacer las tradicionales escaleras…divertidas, cómo? Con tecnología y un buen afinador de pianos:

Funcionó? Más del 60% de las personas decidieron utilizar las Piano-Escaleras .

Ahora me dirás: “Si Chava, JODER, y qué onda con el medio ambiente?”, y yo te contestaré: “pues claro!” Los de DDB Stockholm también han ayudado a que tirar la basura en su lugar sea…divertido, cómo? Con tecnología y una buena bocina:

Resultado: se recolectó muchísimas veces más basura en ese bote gracias a la sensación de que la basura caía, caía y caía.

Estas campañas creadas por la gente de DDB Stockholm son llamadas The Fun Theory, las cuales tienen como propósito demostrar que para cambiar el comportamiento de la gente, hay que hacerlo divertido .

Para terminar los dejo con un excelente video viral: como hackear un edificio:

Recuerden divertirse en todo lo que hagan.

Saludos!

Continuar leyendo...

Patrón de Acceso a Datos 2

Se preguntarán porque Patrón de Acceso a Datos 2, ¿no?

El motivo de esto, es porque en alguna ocasión uno de mis posts pasados fue acerca de este patrón y de como era que funcionaba.

Recordarán que este patrón de diseño utiliza dos tipos de objetos:

1. DAO (Data Access Object)
2. TO (Transfer Object)

Pues resulta que yo estuve programando algunos proyectos y utilicé dichos objetos, entonces empecé a crear un montón de clases tanto TO y DAO, esto ocasionó que tuviera muchas clases que tenía acceso a la base de datos, y como es necesario tener una conexión para acceder a la base de datos, pues tenía el mismo número de conexiones a la base de datos como DAO’s tenía (claro, no al mismo tiempo).

El caso es que llego un momento que cuando compilaba el código se tardaba un rato en compilar debido a la gran cantidad de líneas de código.

Entonces, un buen día, empecé a involucrarme en algunos proyectos en mi trabajo, y al revisar los códigos fuente, me dí cuenta de que tenían una sola clase que se utilizaba para tener acceso a la base de datos, y ahí fue cuando dije “aaaaaaaaaaaah! Debería de hacer un DAO y un TO genericos!”.

Entonces pues me puse a investigar y ¡voila!

En C# existe una clase llamada DataSet, esto no es más que un conjunto de tablas, a su vez cada tabla es un conjunto de filas y columnas.

Aquí es donde generamos nuestro TO genérico a partir de una tabla, y cada atributo es una columna de la tabla.

De esta manera ya no tenemos que generar diferentes TO para cada conjunto de datos, que necesitemos, simplemente creamos un DataSet con una tabla que sería nuestro TO.

Nuestro DAO, recibirá el DataSet, y los parámetros que enviará el DAO a la base de datos serán las columnas de cada tabla.

El diagrama quedaría de la manera siguiente:

Continuar leyendo...

Curiosidades en Buscadores

Según Wikipedia:

Un motor de búsqueda es un sistema informático que indexa archivos almacenados en servidores web gracias a su «spider» (o Web crawler). Un ejemplo son los buscadores de Internet (algunos buscan sólo en la Web pero otros buscan además en noticias, servicios como Gopher, FTP, etc.) cuando se pide información sobre algún tema. Las búsquedas se hacen con palabras clave o con árboles jerárquicos por temas; el resultado de la búsqueda es un listado de direcciones Web en los que se mencionan temas relacionados con las palabras clave buscadas.

Y son estos mismos buscadores, con ciertas palabras claves utilizadas que, a veces, nos generan resultados…graciosos .

WolframAlpha:

Sin duda un buscador el cual se esmeró en este tipo de “búsquedas” con resultados…graciosos:

Actualización by ChicoKC:

Google:

Por otra parte, gracias a la inserción del botón “Voy a tener suerte” (“I’m feeling lucky”) en la página principal de Google, que nos lleva al primer resultado de la búsqueda, y algunas palabras clave, nos da resultados…inesperados xD…
—->

—->

—->
Y para terminar, que esperar si ponemos LA palabra clave de los buscadores…en Bing y en Google:

Parece que no son tan ególatras como para aparecer en sus propios resultados xD.

Con estos pequeños ejemplos podemos ver como los grandes de la red…también tienen sentido del humor.

Y tú, tienes alguna otra búsqueda curiosa?

Saludos!

Vía: http://www.noseencuentra.com/

Continuar leyendo...

Autores de los 10 themes de wordpress.org más populares

wordpress.org ofrece un directorio de themes gratuitos. Esta recopilación se tomó de los 10 themes más descargados al 30 de agosto de 2009.

Mi intención es la de dar mi brevísima opinión acerca de los themes y dar a conocer un poco a sus desarrolladores.

iNove:

Descripción: iNove me gusta por su sencillez, claridad y elegancia. Su menú horizontal me parece muy eficaz ya que  tiene la capacidad de desplegar subpáginas.

Autor: mg12 es un programador y desarrollador web que vive en China. Le gusta el basquetbol, nadar, el diseño web y es blogger. Actualmente trabaja en J2EE y en proyectos de desarrollo web en una compañía IT.

Pixel:

Descripción: Lo que hace especial a Pixel es su menú principal basado en categorías y subcategorías de las entradas del blog. A diferencia de iNove, no toma mucho en cuenta las páginas y subpáginas.

Autor: Sam es un freelance que trabaja desde Montreal, Canada. Sus intereses son la ingeniería, el manejo de negocios y el diseño/programación web. Usa Photoshop e Ilustrador y programa usando los estándares (X)HTML/CSS. Además piensa que deberías de probar WordPress porque es genial.

Atahualpa:

Descripción: Atahualpa es un theme altamente configurable. Visualmente es atractivo tener una imagen tipo banner en la parte superior, sobre todo cuando te dan la opción de rotarla. También tiene un menu horizontal que despliega hacia abajo las subpáginas. El área principal para el contenido es vasta.

Autor: bytesforall es una empresa alemana de diseño web e internet marketing.

LightWord:

Descripción: LightWord es un tema muy limpio de dos columnas. Me gusta que enfatiza la suscripción al RSS y la fecha de publicación de las entradas. Algo que lo hace extremadamente poderoso es su menú de opciones, algunas descatables son la elección entre mostrar categorías o páginas y si nos gustaría excluir algunas.

Autor: Andrei Luca planea agregar a su sitio más themes conforme los vaya creando. Parece ser que este entusiasta Web es de Rumania. Aquí encontré su Twitter.

Cordobo Green Park 2:

Descripción: Cordobo Green Park 2 es un tema bastante ligero que tiene algunas funcionalidades modernas integradas como la de Twitter. Algo que me gusta mucho es que cuando entras a una página en específico, si existen subpáginas te las desplegará a modo de submenú.

Autor: Andreas Jacob mejor conocido como Cordobo, es un freelance que trababaja en el diseño web, programador (X)HTML/CSS y amante de los estándares web. Vive en Mannheim, Alemania y se concentra en el diseño web bello, de rápido procesamiento y hace themes para WordPress.

Fusion:

Descripción: Fusion es un tema muy limpio y brillante que cuenta con detalles que lo hacen bastante agradable. Por ejemplo, cuando pasas el mouse encima de una página que tiene subpáginas, estas se  muestran de forma animada. Su ancho es dinámicamente flexible.

Autor: M. Popovici es un freelance diseñador de páginas web, que vive en Arad, Rumania y que participa en 99designs para proponer sus diseños.

Pyrmont V2:

Descripción: Pyrmont V2 es un theme obscuro y también limpio. A este punto nos damos cuenta de la importancia de los menús horizontales y este theme no es la excepción. Me pareció curioso que no hay tanta discusión respecto a este theme, quiero suponer que es porque está bien hecho.

Autor: El blog de Motta está en chino, pero si lo quieres contactar debido a sus habilidades de desarrollo de themes para WordPress, está disponible.

Arclite:

Descripción: Este theme es maravillosamente flexible. Está lleno de opciones para configurarle. Me gusta tanto que es el que uso para cuanticaWebs.

Autor: M. Popovici, mejor conocido como digitalnature, es también autor de este theme.

Carrington Blog:

Descripción: Carrington Blog tiene algo que muy probablemente se vea más seguido: Dos menús horizontales que despliegan tanto las subpáginas como las subcategorías. Ideal y minimalista para un buen manejo de CMS.

Autor: El equipo de Crowd Favorite presume que su theme es ideal para armar sitios Web complejos de manera sencilla.

Arras Theme:

Descripción: Arras Theme es del tipo revista, en donde para que luzca, como se puede ver en el screenshot, hay que tener buenas imágenes.

Autor: Melvin Lee se describe como 70% programador, 30% diseñador, vive en Singapur y actualmente trabaja mucho con WordPress y JQuery.

Conclusiones:

El talento puede provenir de cualquier país y siempre se está renovando. Apenas echamos un breve vistazo a 10 themes y podemos darnos cuenta de lo mucho que nos pueden enseñar las personas que están detrás de ellos. Las tendencias como los menús horizontales o el manejo de animaciones utilizando tecnologías de código abierto son evidentes. Los themes son cada vez más complejos de crear pues muchas veces ahora se exige que tengan un menú de opciones para configurarlos. También cabe mencionar la importancia que están tomando los estándares web para su fabricación.

Nota: Esto fue un breve vistazo, no un analisis profundo, algunos themes ya los conocía y a otros simplemente les di un vistazo. Recomiendo instalarlos para darse una idea más cercana de lo que pueden hacer y cómo están formados.

Jos Velasco

Continuar leyendo...