Solución: Me los tendré que fabricar yo mismo, a falta de presupuesto para un artista gráfico.

Al principio pensé en utilizar mis pocos conocimientos de CAD y 3D para conseguir modelar elementos. Sin embargo no ha dado los frutos deseados por mi, … y eso que al principio el Swift 3D de Electric Rain, pintaba bastante bien, pero mi escaso conocimiento en modelado 3D es mas bien un lastre.

Así que tras varios dias navegando por foros varios, he descubierto, … quizás unos años tarde, eso que llaman Pixel Art !

Por lo que he estado viendo, el Pixel Art es eso que se hacía hace unos 25 años, para crear gráficos en Spectrums, MSX, Commodores y sucedaneos o precedaneos.

Vamos que esos pixels gordos , que hace 25 años eran gordos porque la resolución no daba mas de si, ahora ya no son gordos, pero haciendo un mogollón de Zoom, sirve igual, y Eureka, todavía se siguen utilizando y son tela de Cool !.

Espero no pasarme de gracioso. Al lio!. El caso es que me ha convencido la solución pixel Art, para continuar con mi nuevo juguete, que es este juego de tiles que llevo entre manos.

Si quieres comprender un poco mejor, que es eso del Pixel Art , te recomiendo visitar el sitio web de Pixeljoint (no me pagan por esto, y si, me he registrado), … no te cuento mas.

Mira que muestra rapaz!

Galeria de arte de Pixel Joint.

Impresionantes verdad. Hay verdaderos artistas en esto del dibujo ganado pixel a pixel. El Pixel Art hay que trabajarlo a base de currarse un pixel tras otros. Y aunque los mas puristas no permiten el uso de Photoshops, o modelados 3D repixelados, al final hay un poco de manga ancha con las herramientas utilizadas.

Cualquier pixelartista (palabro inventado por mi , hasta que no se demuestre lo contrario), te dirá que su herramienta es el Paint del Windows. Que no necesita mas. Pero tu, joven amateur, utiliza lo que te de la gana, para que tu imaginación y talento, vuelen a las mas altas cotas.

Es mas te voy a aconsejar el software que estoy utilizando yo ahora mismo. Open Source y salvo algún pequeño petardazo, está funcionando bastante bien. Se trata de Allegro Sprite Editor , ASEPRITE para los amigos.

Existen algunos programas mas orientados al dibujo de pixels, pero tampoco los he probado, para seros sinceros. Hasta ahora siempre habia utilizado FireWorks para mis labores gráficas, y en combinación con ASEPRITE, no creo necesitar mas.

De momento estoy funcionando bastante bien. Y ya he conseguido hacer cosas como esta:

Mis primeros pinitos en el Pixel Art. (pssst! la foto de abajo es la mia, ¿se nota no?)

Pues evidentemente la foto de abajo es el resultado de mis primeros trabajos, que me da en la nariz que tendrán que mejorar mucho para parecerse al Grand Theft Auto DS. Pero todo se andará. De momento ya le va dando algo mas de colorido al mapa de mi juego. Cuando controle las transiciones entre tiles y las sombras, esto parecerá otra cosa.

De todos modos con un poco de práctica todo se puede mejorar.

En la web de referencia que anteriormente os mostré (Pixel Joint), existe una sección con bastantes enlaces a tutoriales relacionados con el Pixel Art. Básicos, intermedios y avanzados. Además en varios idiomas.

Esta es la dirección:

http://www.pixeljoint.com/pixels/tutorials.asp

Uno de los que mas me ha gustado de cara a comprender el dibujo básico : iluminación, colores, etc… es The Pixel tutorial, de Derek Yu, donde aprenderás a fabricar a este menda (o casi aprenderás):

Un luchador Arcade y pixelado

Además Derek no tiene reparos siquiera en recomendarte el uso de PhotoShop, así que de puristas nada.

El dibujo de una casa isométrica, que nos proponen en español, desde desarrollo multimedia, tampoco tiene desperdicio.

Casa isométrica.

Aunque es algo tedioso, y al final, o eres un pedazo de artistón, o no te queda mas remedio que acudir al 3D, para generar Sprites animados, me parece que el Pixel Art va a ser mi compañero durante un tiempo. Al menos hasta finalizar este proyecto que tengo entre manos.

Mientras tanto seguiré perseverando hasta intentar conseguir una ilustración como esta:

New York isométrica y pixelada, otra perspectiva de la ciudad de los rascacielos.

Desconozco su autor, y de donde procede, pero no puedo contener mostrar esta obra de arte.

Saludos estimad@ lect@r !

Gracias por leer este artículo.

No es algo nuevo, y es un debate ya algo cansino. Mi experiencia personal , me indica que Flash es un elemento que gusta a aquellos que gustan del diseño y html a aquellos que se consideran mas expertos en computación, programación o gustosos del buen SEO.

En cualquier caso, para quien a estas alturas todavía se plantee utilizar Flash o html a la hora de generar contenido o elementos de un sitio web, tengo la respuesta ¡Utilicen ambos!

Desde hace algunos años … y quizás debido a ciertos problemas de patentes de Microsoft …. se viene utilizando la librería JavaScript swfobject , para incluir contenido Flash en una página web.

swfobject (actualmente en versión 2.2) permite embeber código Flash (formato swf) en una página, siempre y cuando se detecte que el navegador es capaz de mostrar contenido Flash, y al mismo tiempo a aquellos navegadores o robots de motores de busqueda que no utilizan JavaScript, simplemente indicarles el código html creado para dicha sección. Código este que deberemos de ser nosotros, webmasters quienes indiquemos, para nuestros propositos y deseos, cuando un “usuario” no dispone de un Flash Player para observar nuestro contenido.

Sirva como ejemplo la visualización de la cabecera de menús de este sitio web:

La cabecera de menú rápido de redribera, está creada con Flash y no es mas que una botonera que dirige a las secciones principales de nuestro sitio web. Cuando un navegador es capaz de interprtar Flash (en la versión para la que fue compilada la película Flash), la cabecera de menú de redribera mostrará este aspecto:

¿La reconoce?…Posiblemente sea capaz de verla en la parte superior de nuestra web. ¿Por que hecemos esto con Flash?…. Pues mire usted, principalmente porque nos gusta. ¿Podría estar hecho con html?… pues posiblemente no igual, pero contestando a su pregunta si !. Pero bueno, la cuestión es que si me gusta porque no lo voy a hacer. Esto tiene un inconveniente ¿Que pasa con aquellas personas que no son capaces de ver contenido Flash?

No son pocas estas personas, comenzando por las que no son personas, los robots de los motores de busqueda, incapaces, parece ser, de interpretar contenido Flash. Pero no solo ellos, también los mas importantes, nuestros usuarios, o al menos aquellos que no disponen de un plugin Flash para su navegador, o la versión adecuada del mismo. Para ellos, tenemos una alternativa. Tenemos Una alternativa a Flash, y es esta:

Bueno, quizás no sea tan bonita, pero les aseguro que esto no se debe a la alternativa a Flash que planteamos con swfobject. Son enlaces directos a las mismas secciones importantes, creados via html, que tanto robots de motores de busquedas, como usuarios sin flash pueden ver, y que permitirán por nuestra parte indicarles que secciones importantes hay en nuestra web.

Sin ir mas lejos a fecha de hoy (es por lo que nos decidimos a hacer esta implementación en redribera), los usuarios de un telefono iPhone de Apple, son incapaces de ver contenido Flash en el navegador incorporado, safari.

¿Cómo? crear páginas web con con contenido Flash y sus alternativas lo pueden encontrar en la documentación de swfobject . Les recomiendo que la lean y la tengan muy presente para publicar contenido o elementos flash en sus sitios web.

Usted como webmaster tiene la última decisión de que es lo que debe mostrar su web, como lo debe mostrar, el tiempo que está dispuesto a invertir en su desarrollo y si merecerá la pena invertir determinados recursos para obtener, a menudo, inciertos resultados. Sin embargo espero que gracias a este artículo sea consciente de que existe una alternativa a Flash.

No solo cuanto tiempo ha transcurrido, sino una forma peculiar de expresar o formatear este mismo tiempo de una forma legible para un usuario humano.

Si es usted un webmaster y programa en php, este script puede llegar a serle de mucha utilidad, sino programa con php, también, porque al fin y al cabo cambiando un poco la sintaxis es lo mismo.

Fijese en esta imagen:

La imagen muestra 3 mensajes del sistema de comentarios de juegos de esta misma web. Hace unos dias que quería modificarlo. Anteriormente en lugar de aparecer los textos …. hace 37 segundos, hace 4 minutos… lo que aparecía era la fecha en la que se envió el mensaje, formateada con la función date de php. Por ejemplo Thu, 25 Feb 2010.

Sin embargo para un sistema de comentarios, de una web (blogs, foros, artículos, tutoriales….), me parece mas intuitivo para el navegante mostrar la información del tiempo transcurrido desde un mensaje en el formato que aparece en la imagen. La idea no es mia, la he cogido de Facebook.    Lo cierto es que es un sistema que se puede encontrar en multitud de redes sociales o sitios donde hay formadas grandes comunidades de usuarios que dejan mensajes. Es mas COOL !

Lo habitual , es que los sistemas de envios de comentarios de un sitio web, además de almacenar datos como el mensaje, el usuario o su email, almacenen el momento del envio en algún campo de una tabla como una fecha, o un TIMESTAMP de Unix (el número de segundos desde 00:00:00 UTC del 1 de enero de 1970 (UNIX Epoch) hasta el momento en que se crea el timestamp).

Si disponemos de este ingrediente, podremos saber el tiempo transcurrido desde esta fecha, hasta el momento actual y formatear el mensaje de tiempo transcurrido desde un mensaje, de modo adecuado.

Fijense en este script php, en el que desarrollamos la función cuantoHace:

Este es el script que he utilizado yo para mi sistema de comentarios. En este caso ya disponemos de la fecha formateada como un TIMESTAMP en la variable $PublishDate . Conseguir este resultado de fecha como TIMESTAMP, no es el objetivo de este Tip, y dependerá también del formato de los datos recuperados, o como están almacenados en nuestra base de datos. Aquí les dejo un enlace a un breve tutorial que les puede ser de utilidad para conocer el formato de fechas php y como convertir fechas a TIMESTAMP y viceversa: Apuntes de php, fechas.

Finalmente, comentar brevemente como actua este script.

Al final de la película, el valor de retorno de la función cuantoHace será el de la variable $time_dif_text, y este es una cadena que contendrá un texto, el cual podremos intercalar entre código html, para mostrar el tiempo transcurrido.

Puesto que este script está desarrollado para mi propio uso y disfrute , lo he moldeado según mis necesidades, de modo que este trabaja de la siguiente forma.

Si el tiempo transcurrido es inferior a un minuto, muestra el número de segundos. Si el tiempo transcurrido es inferior una hora y superior a un minuto, muestra el número de minutos transcurridos, omitiendo el número de segundos . Lo mismo sucede con las horas. Por ello el script realmente pierde precisión ya que mostrará el texto hace 5 minutos , independientemente de que haga 5 minutos y medio o cinco minutos y 40 segundos. Finalmente, si han transcurrido mas de 5 dias desde el envio, si que plasmamos la fecha formateada como dia-mes-año.

Por todo esto, el orden en que están puestas las líneas condicionales del script es importante, ya que el valor de la variable $time_dif_text se va sobreescribiendo según sea necesario. De todos modos con un poco mas de trabajo siguiendo esta forma, se puede conseguir formatear estas diferencias de tiempo de cualquier modo.

Creo que el resto del script es bastante explicativo.

Espero que les haya sido de utilidad.
Si dejan un comentario en el post expresando su opinión, se lo agradeceré, como pago a este tutorial totalmente free!

Un saludo para Usted!
Julio.

Hace ya bastante tiempo que, aunque sea como afición, me dedico al desarrollo de sitios web. Y aunque el tip que os voy a contar hoy, existe desde tiempos inmemoriales, no ha sido hasta hece unos dias que ha llamado mi atención. Se trata de ese ‘pequeño icono‘ , que se puede visualizar en la barra de direcciones, pestañas o marcadores del navegador web. Lo que se conoce como favicon.

Nunca hasta ahora me había parecido algo importante para una página web. Pensaba que era algo insignificante que todo el mundo que navega por internet pasaba por alto. Sin embargo el otro dia, cuando observaba a mi hijo y mi sobrino jugando en el PC en algunas famosas webs de juegos, me di cuenta como entre ellos comentaban cosas como ‘…es esa …. la del dibujo de la flor!’ . Se referían a la web donde suelen jugar online. El navegador tenía varias pestañas abiertas y ellos identificaban la suya por el dibujito de la flor. También lo hacen cuando quieren acceder a la página utilizando los marcadores del navegador. Esta claro, ellos no saben leer, pero si reconocen los dibujitos y saben desplegar los marcadores del navegador y poner la web que les gusta.

Este detalle, realmente me hizo pensar un poco y darme cuenta que en realidad no es solo una cosa de niños. Es algo que yo mismo hago, sin darme cuenta. Echo un vistazo rápido a los marcadores de mi web, y realmente los sitios que disponen de ese pequeño icono (no todos), son los primeros que identifico y a los que me dirijo, sin ni siquiera leer el texto. Conclusión Las webs que disponen de un icono de identificación aportan un plus de información, que las que no disponen de el.

Yo ya sabía que existía alguna forma de poner esos pequeños iconos en una web, un dia lo llegué a hacer, pero no me acordaba de como. Bueno averiguarlo fue sencillo, solo tuve que buscar una web que lo incorporara y echar un vistazo a su código fuente html. ¡ Et Voila ! ….. este es el código mágico:

Es un código que se pone entra las etiquetas <head> </head> de una página html. Usualmente solo es necesario ponerlo en la página que sirve como indice de toda la web…..tu index.html o index.php o la que sea página principal.

No parece dificil. Tan solo debemos ubicar este código en la página principal (un puntazo que no haya que hacerlo en todas, yo pensaba que si), y por supuesto disponer del archivo del icono en cuestión favicon.ico, o como quieras llamarlo, aunque aconsejo no cambiar esto.

Como conseguir un fichero con extensión .ico, es fácil si dispones del software adecuado, aunque realmente no es ni siquiera necesario si dispones de conexión a internet, ya que existen unos cuantos cientos de millones , quizás algunos menos, de páginas webs que nos permiten generar el fichero favicon.ico, a partir de una imagen en nuestro ordenador en un formato gráfico habitual: jpg, gif, png.

Una simple busqueda en google por las keys ‘generador favicon’ nos arrojará unos cuantos resultados favorables para nuestra misión.

No es que tenga una particular predilección por ninguna de ellas, pero para ir 100% a lo seguro, voy a recomendar la misma que he utilizado yo para generar los del sitio de redribera y que es el Generador de favicon de Dynamic Drive , que es muy completa, con instrucciones y muy rápida (al fin y al cabo consigue su objetivo). No quiero ni pensar las visitias que tendrá esa página gracias a ser la primera en los resultados de busqueda por ‘favicon‘ y ‘generator‘.

Desde luego con este artículo no he inventado la penicilina, pero espero que pueda servirle a alguien.

Saludos!

Originalmente el directorio captaba las solicitudes de envio de enlaces al directorio mediante la utilización del formulario de solicitud de enlaces (A la derecha se puede ver una muestra parcial, donde esta remarcado el campo para indicar la URL del link recíproco).

Esta información se suministra por un solicitante y se guarda en una base de datos, donde después un editor (yo mismo), la revisa para proceder a su aprobación o no.

Como muchos directorios, el directorio redribera hace tiempo comenzó a exigir un enlace recíproco para validar una solicitud. Es lo mínimo exigible para compensar el esfuerzo de edición de solicitudes y la inclusión en un directorio ya consolidado.

Sin embargo el contenido de este campo del formulario no era validado de ninguna forma automática, sino tras la revisión humana por un editor.

A dia de hoy el número de solicitudes que soporta el directorio es bastante elevado, aunque la gran mayoría de ellas o bien no indican una URL donde se encuentra el enlace recíproco, o bien en la URL indicada no existe nada, debiendo perder un tiempo considerable en realizar la validación por parte del editor.

Así que he empleado algún tiempo en desarrollar una función php que me permita validar la existencia de un determinado texto en una URL dada (cualquiera).

Se trata de una función que evidentemente debe ser utilizada en el apartado en que validemos los datos enviados por el formulario, donde $feedURL, debiera contener la URL donde deseamos buscar (en nuestro caso la otorgada por el campo URL del enlace recíproco – mira la imagen mas arriba). La función devuelve el valor true o false, en función de que se encuentre la cadena de busqueda en el texto html de la página indicada por $feedURL.

Esta función es una función genérica, es decir no busca la existencia de un enlace recíproco en una URL, sino de cualquier texto, por tanto se puede reutilizar para multitud de usos que un webmaster quiera darle.

En nuestro caso, tan solo buscamos la existencia del texto de la web enlazar, por ejemplo $searchString = “dominio.com” , sin embargo se pueden forzar las busquedas mucho mas, para validar etiquetas enteras y asegurarnos por ejemplo que el solicitante enlaza nuestra web con el texto exacto que suministramos, evitando así sorpresas como enlaces con nofollow, etc….

En mi caso, esta sencilla incorporación al directorio me evita revisar una serie de solicitudes que no cumplen con la política de inclusión en el directorio de redribera. Por supuesto hecha la ley, hecha la trampa, pero eso lo dejamos para otro post….

Espero que os pueda ser de utilidad como a mi me lo ha sido.

Un saludo.

El caso es que habitualmente cuando hago modificaciones en el tamplate y quiero vincular botones o imagenes utilizando la función get_permalink(); suelo consultar directamente la base de datos de WordPress, en concreto la tabla wp-posts desde donde obtengo el Id del permalink. Cual ha sido mi sorpresa, al encontrar cientos de entradas con los posts repetidos y que no hacen mas que incrementar el tamaño de la base de datos.

Investigando por la internet, resulta que estas entradas, se corresponden con las revisiones que hacemos de un Post en el panel de administración. Por supuesto para un tio como yo, que cada vez que cambio una frase del post , hago un guardar, el número de revisiones supone un incremento exponencial de basura dentro de la base de datos.

Supongo que para una periodico o un Blog serio donde este se manipula por diferentes personas, esta utilidad debe de ser una maravilla, pero para mi Blog no es mas que echar basura a la Db. Así que me he puesto a investigar, y resulta que si que existe una forma de desactivar estas revisiones automáticas y que en WordPress (al menos en v2.7) vienen activadas por defecto.

Para desactivar la dichosa función, tan solo debemos incluir una línea de código en el fichero wp-config.php o modificarla si esta ya existe al siguiente aspecto:

Así que desde este momento ya no se guardarán automáticamente las revisiones de los posts que realicemos. Si queremos volver al estado anterior, basta con cambiar el valor a true o eliminar la línea de código.

Si como me ha pasado a mi os habeís dado cuenta algo tarde de esto y vuestra DB ya está lo suficientemente enmarranada y queremos eliminar las revisiones existentes en la DB, con una sencilla instrucción SQL ejecutada directamente sobre la DB de WordPress podemos eliminarlas aparentemente sin ningún perjuicio. No obstante no está de mas antes de hacer esto, realizar un backup de la DB por si las moscas:

Wordpress dispone de una cantidad de herramientas suficientemente extensa para facilitarnos la vida, y la optimización SEO es una de ellas. La formación de permalinks y la existencia de algunos plugins SEO/Wordpress como All in one Seo Pack es una buena muestra de ello.

Sin embargo me he encontrado algunas dificultades para tener un buen control sobre la meta-tag description de la cabecera de la página.

La descripción es muy importante para el SEO, ya que muchos motores de busqueda como Google, es el texto que utilzan para mostrar en sus resultados de busqueda para una determinada página, así que si queremos captar la atención de un navegante cuando el buscador le muestre un resultado de busqueda de alguna de nuestras páginas, llevar un buen control de estos textos es fundamental.

Algunos de los plugins que he visto utilizan la técnica de utilizar como meta tag description los X primeros caracteres del contenido del post. Sin embargo a mi particularmente no me gusta esta técnica ya que o bien condiciona la escritura del post o condiciona el valor de la tag description.

En mi caso he implementado una solución para el tema personalizado que utilizo que me parece bastante sencilla y óptima a la vez. Consiste en utilizar “los extractos” o “Excerpts“, de los posts de Wordpress como valor de la meta-tag description.

El extracto es un cuadro que se encuentra habitualmente bajo el cuadro de redacción del post en wordpress (en el panel de administrador), por defecto Wordpress no utiliza este contenido en nigún sitio, y tan solo algunos temas personalizados hacen uso de el. Es por tanto un campo perfecto para utilizar a nuestro gusto.

Yo concretamente estoy introduciendo información en este cuadro para cada entrada que realizo en el Blog y la utilizo tanto como valor de descripción para buscadores, así como titular en los diferentes sitios de la web donde muestro los posts mas recientes.

Con unas sencillas líneas de código podemos hacer uso de esta pequeña descripción como tag description.

Para muestra un botón, este código que os muestro bajo estas líneas es perfectamente insertable en el archivo header.php del tema que esteís utilizando para vuestro blog:

La función get_the_excerpt(), es propia de Wordpress, mientras que strip_tags() es una función propia de php que elimina todas las etiquetas que el propio Wordpress introduce en la redacción del extracto.

En el caso de las páginas individuales de cada post la descripción se corresponde con el propio extracto del post, y para las páginas donde se muestra mas de un post, como categorías, archivos o busquedas, este valor se corresponderá al del primer post.

De momento a mi me está resultando bastante util. Podeís comprobar los resultados ejecutando el comando site de google, por ejemplo para mi web fijaos en los resultados arrojados por google.

Espero que este post os hay servido de ayuda.

Un saludo!