Contenido

Juega a Pong con tu navegador, nunca mejor dicho

30 nov

+ 7

Pong, uno de los primeros videojuegos desarrollado por Atari en el 1972. Desde entonces se han visto miles de versiones en los diferentes lenguajes y en las diferentes plataformas de las que tenemos actualmente a nuestra disposición.

pong2

Habíamos visto versiones en Javascript, pero os aseguro que nunca habíais visto una versión como esta.

Continua —>

50 maravillosos portfolios

27 nov

+ 3

Cualquier diseñador suele tener un portfolio en el que muestra sus creaciones y ofrece una especie de currículum para que posibles interesados en sus trabajos los conozcan y se pongan en contacto con él. Smashing Magazine ha hecho una recopilación de este tipo de “currículum”.

Herramientas para desarrolladores web

26 nov

+ 2

Marc Palau me pasó hace unas semanas un enlace en el que encontramos una serie de herramientas para los desarrolladores web que nos ayudan en las tareas más cotidianas como, conocer tu IP, codificar un tiempo a UNIX time, encriptar con MD5,… en vez de perder 10 min y tener que hacerlos tu mismo, ahí están recogidos y a mano.

Google Maps y el problema con el Copyright

26 nov

+ 12

Google Maps es una gran herramienta, no hace falta decir nada para demostrar esta afirmación, pero en pequeños mapas, tenemos un problema con la línea del copyright

google-maps-no-overflow-hidden

Nunca me había visto ante este problema por que no me ha hecho falta usar mapas tan pequeños, pero Cynthia Alderete si. Esta mañana me ha pasado un mail para darme una solución a este problema para todos aquellos que les pueda hacer falta.

google-maps-overflow-hidden

La solución es realmente sencilla y nos implica una ligera modificación de nuestro CSS.Para ocultar esa línea simplemente tendremos que añadir la propiedad overflow con valor hidden al elemento contenedor del mapa.

<div id="map" style="width: 250px; height: 4em; overflow:hidden;"></div>

Como podemos ver, fácil, sencillo y funcional :D. Gracias Cynthia.

Actualización

Debido a algún comentario que comenta que puede haber cierta duda sobre la legalidad de esta técnica he pensado en usar otra a ver que os parece:

google-maps-white-space-normal

Simplemente he introducido esta línea en nuestro CSS.

.gmnoprint span {white-space:normal;}

Personalmente creo que es un problema de Google Maps al que tu le estás dando un espacio X para mostrar el mapa y lo que salga de ese espacio está invadiendo tu web. Después cada cual con su conciencia.

jQuery.multicol(), dale columnas a tu texto

26 nov

+ 10

A la espera de la especificación CSS3 y que los navegadores las implemente perfectamente, si queremos convertir en columnas nuestro contenido tenemos que usar herramientas como jQuery.multicol().

jquerymulticol

Instalación

La instalación es similar a la de cualquier componente desarrollado en Javascript, simplemente hemos de llamar al fichero que lo contiene en nuestro <head />

<script type="text/javascript" src="path/to/jquery.js"></script>
<script type="text/javascript" src="path/to/multicol.min.js"></script>

Una vez cargado el contenido, debemos indicar que elemento será el que convertiremos en multicolumnas, para ello usaremos la selección CSS3 de jQuery.

$(document).ready(function(){
	$("selector").multicol({colNum: 3, colMargin: 20});
});

Como podemos ver, tenemos 2 parámetros que podemos pasarle a la función multicol()

  • colNum: Número de columnas en las que debe cortarse el texto.
  • colMargin: Margen en píxeles que separará las columnas.

Descargar

[Descargar]

WordPress MU tambien se pasa a la 2.6.5

26 nov

+ 1

WordPress  MU, tambien se actualiza de versión, podemos descargar la versión 2.6.5 directamente desde aqui.[Descargar]

Lunascape5 alpha, ¿el más rápido?

25 nov

+ 14

Esta tarde descubro Lunascape5, un navegador que actualmente está en versión Alpha y que promete ser el más rápido de todos los navegadores actuales.

graphnoslpnr

Si nos fijamos en la imagen, veremos como aparece el más rápido por delante de Google Chrome, Firefox, Opera e Internet Explorer (en este orden) en el test SunSpider. Tiene el record del test el día 21 de Noviembre de 2008.

Y es que Lunascape es un navegador formado por 3 motores de renderizado, (Internet Explorer, Firefox, WebKit) que puedes seleccionar cuando quieras.

lunascape_motor_selection

Además, dispone de una serie de plugins y themes para personalizar el navegador a nuestro gusto.

WordPress 2.6.5, actualizacion de seguridad

25 nov

+ 6

WordPress.com avisa de un fallo de seguridad en WordPress 2.6.3 y recomienda la actualizacion a la nueva 2.6.5. Se han saltado la version por el caso Wordprez.

Al parecer, se trata de un fallo XSS que afecta a las IP’s sobre servidores virtuales sobre Apache 2.x,  un problema sobre XML-RPC y alguna que otra modificacion mas.  Recomiendan actualizar la version completa o modificar los ficheros implicados unicamente.

Tutorial de Canvas

25 nov

+ 1

Si te gusta lo que se está viendo últimamente con <canvas /> y estás pensando el como lo hacen. Quizas este tutorial te ayude a disipar esas dudas.

101 galerías de imagenes en javascript/flash/css

25 nov

+ 2

WebKreation ha recopilado más de 100 galerías de imagenes con las que mostrar imagenes a nuestros usuarios. Usando teconologías como Javascript, Flash o CSS nos será realmente sencillo añadir una de estas galerías a nuestra aplicación.