Juego básico de Pong en HTML5

HTML5, Juegos

Esperando un poco al libro de symfony2 que está escribiendo Javier Eguiluz y que espero como agua de mayo me he puesto a mirar un poco el html5 y la posibilidad de realizar algun que otro jueguillo, el único libro en español que encontré era el de HTML5 Canvas que trata al final un poco el tema de juegos, pero ya sabemos como salen los libros traducidos… casi al doble de precio, por ello me he puesto a leer HTML5 games development by example a ver si soy capaz de terminarlo :)

En este juego lo que haremos será utilizar los elementos del DOM otra opción podría ser dibujar dinámicamente sobre la nueva etiqueta canvas que sería como un lienzo.

Para esto usaremos jQuery que podremos descargar desde su web cuya versión actualmente es la 1.7.1 y lo guardaremos en una carpeta llamada js donde tengamos nuestro html que en este caso llamare pong.html y le añadimos el siguiente contenido básico que es la estructura básica.

Leer más »

Ver la URL real de una URL corta

Trucos, Varios

Todos alguna vez hemos recibido una url corta que sabíamos que tenía muy mala pinta  y no le damos pero que ocurre cuando realmente nos interesa pinchar en esa dirección pero no queremos llevarnos sopresas?

Personalmente nunca me han gustado acortar las direcciones y tampoco me gusta que lo hagan pues me gusta saber donde estoy pinchando aunque reconozco que es un servicio útil cuando lo usamos en lugares donde tenemos limitación de caracteres como por ejemplo twitter.

Existen varias páginas web que nos devuelven la dirección real,

http://www.unshorten.com/

http://real-url.org/index.php

http://longurl.org/

por decir unas pocas aunque seguro que existen más.

La última expuesta, Longurl, me ha gustado pues también muestra las redirecciones sufridas, cosa que las demás no hacen, además el listado de dominios soportados es muy extenso donde podemos encontrarnos con bit.ly, tinyurl.com, xurl.es, goo.gl… y así hasta más de 300

Traducir documentos PDF online

Varios

Para los que no estamos muy versados en el idioma de Shakespeare tenemos un pequeño problema con la programación pues muy pocos libros son traducidos y muchos son penosos.

Afortunadamente tenemos el traductor de google que aunque no es una maravilla nos puede ayudar un poco en ciertas situaciones pero andar escribiendo, o copiando y pegando puede resultar una tarea ardua. Una solución podría tener el documento que queramos traducir en pdf (aunque acepta varios formatos)  y usar OnlineDocTranslator.

Su funcionamiento es muy sencillo, aceptar el uso de la aplicación java, seleccionar que queremos traducir, indicar los idiomas y donde lo queremos guardar, aun así la propia web tiene un tutorial muy intuitivo.

Hay que decir que está en fase beta y que bueno la traducción es mala (a parte de que las filas del pdf las trata de forma independiente debido al salto de línea) pero es lo que hay… más barato y menos costoso que dar clases de inglés….

Creando un blog en Symfony2

Symfony

Rebuscando por la red por tutoriales o algo explicado para torpes para hacer en symfony2 me encontré con un tutorial muy bueno de como crear un blog, aparentemente está sin terminar pero los 6 capítulos de los que dispone son suficientes a mi parecer para entrar en la rutina de la programación en este framework.

Lo único que falta y que se supone que estará en el capítulo 7 si sale a la luz es la parte de los usuarios usando FOSUserBundle que podría estar muy interesante.

El tutorial está en inglés pero afortunadamente gracias a Lisper tenemos la traducción al español. La misma persona que esta traduciendo la documentación de Symfony2 en su página web. Desgraciadamente la web está muchas veces caída así que os aconsejo que si queréis trastear por ejemplo con el blog que os guardéis la página por si cuando vayáis a realizar ese tema con toda vuestra ilusión os encontráis que esta caída como me paso a mi… afortunadamente gracias a la cache de google puede ponerme a ello :)

Refrescar carpetas automáticamete en Windows 7

Trucos

Por lo menos en mi versión de windows 7, la Ultimate x64, las carpetas no se refrescaban tras renombrar un archivo, crear una carpeta, o al copiar…. así que decidí buscar por la red y la solución que encontré fue.

  1. Abrir el registro de windows (En el menú Inicio y en Ejecutar (o pulsar tecla de Windows+R: escribir regedit )
  2. En la ventana del registro en Editar->Buscar, buscamos por la siguiente clave: {BDEADE7F-C265-11D0-BCED-00A0C90AB50F}
  3. Tardará un poquito
  4. Expandir está carpeta y nos aparecerán otras, entre ellas Instance, pulsamos sobre ellas y en el lado derecho nos aparecerán varias claves
  5. Hacemos doble click en la que pone DontRefresh y modificamos el 1 por un 0.
  6. Y wuala. Ya se nos refrescará el contenido de las carpetas cuando añadamos o borremos algo.

Empezando con Symfony2

Symfony

Tras ver y leer algo de información en la red sobre Symfony2 me he decido a empezar a hacer algo.

Lo primero que hay que hacer es montar un servidor local para poder trabajar tranquilamente. Se que recomiendan usar el sistema más parecido al que vas a usar al subir la web… que suelen ser unix… pero bueno para hacer pruebas y toquitear… estoy más cómodo en el ordenador que es Windows, así que es tan sencillo como instalar mismamente XAMPP aunque también existen otros entornos como WAMP.  Para linux también se puede instalar XAMPP o directamente desde la consola.

Y la verdad que creo que tras instalar el xampp no hay que hacer mucho más, así que ahora podemos ir a la página web de Symfony.com y descargarnos la última versión con vendors. (2.0.1 es la que está actualmente) y descomprimimos en la carpeta htdocs de donde hayamos instalado xampp o la que sea la carpeta donde apunte localhost y nos aparecerá un directorio llamado Symfony que si vamos a nuestro navegador y escribimos http://localhost/Symfony aparecerá el listado de archivos… No pasa nada, donde tenemos que ir es a http://localhost/Symfony/web/config.php y nos aparecerá una lista de errores que deberías solventar antes de continuar.

Leer más »

Symfony

PHP, Symfony

Finalmente me he decidido por este Framework después de estar viendo los vídeos de unas jornadas realizadas hace un par de meses en la página symfony.es. La mayor pega es que la versión 2.0.0 está recién salida del horno y la documentación es más bien escasa e incluso modificarán alguna que otra cosilla.

Afortunadamente existe un proyecto de traducción al español de la documentación de Symfony 2 (Incluido doctrine2 y twig) para los que no están muy versados en el inglés. Ójala saquen pronto la misma documentación que tenían en la web de symfony-proyect pues estaba muy bien, con un tutorial de como crear una web profesional en 24 días, pero para symfony2.

Según he estado mirando en los vídeos de las jornadas, Symfony tiene muy buena pinta eso si… tiene pinta de que la curva de aprendizaje es un poco complicada sobre todo con la poca documentación que existe hoy en día de la versión 2, al entrar nuevo en esta versión por lo menos no me voy a liar de como se hacía en las versiones anteriores.

Alea iacta est

Frameworks PHP

PHP

Queriendo empezar con un proyecto que tengo en mente he decidido desarrollarlo con un Framework. La razón? Pues que me conozco muy bien y mi forma de programar desde 0 creo que deja un poquito que desear, empiezo a intentar organizarme pero luego acabo desordenando todo y en el momento que tengo que modificar algo… pfff es una verdadera odisea, así que con un framework usando el modelo MVC espero poder hacerlo de una forma mas correcta.

Para quien no sepa que es un framework sea del lenguaje que sea dejaré esta definición:

Un framework es una estructura mediante la cual un proyecto de software puede ser organizado y desarrollado. Puede incluir programas, bibliotecas y un lenguaje interpretado (entre otras cosas) para ayudar en el desarrollo del proyecto, cohesionando sus diferentes partes.

El problema es que hay demasiados… Zend, Symfony,CakePHP,CodeIgniter … en la página de bestwebframeworks tenéis comparaciones entre todos.

He estado leyendo varias páginas sobre cual usar y es estresante la verdad, creo que finalmente me voy a decidir por el CodeIgniter, tiene una curva de aprendizaje menor, es mas liviano, para servidores compartidos es más sencillo de usar además he encontrado una web con videotutoriales que tienen buena pinta aunque son de una versión anterior (hay que registrarse en la web pero es gratuito).

La guia de usuario en español de la versión 2.0.2 la podéis descargar desde aquí.

Cómo usar shortcodes en WordPress para crear cajas de texto

Diseño Web, Wordpress

Buscando una cosilla sobre los shortcodes llegue a un artículo muy interesante de elwebmaster para crear cajas de texto. Lo pego tal cual:

Si utilizamos WordPress para desarrollar nuestro sitio web, los shortcodes pueden resultarnos muy útiles. En esta nota veremosqué son, cómo sacarles provecho y en tan sólo unos pocos pasos, los utilizaremos paracrear unas atractivas cajas de texto.

Fuente original del artículoOur Tuts
Traducción realizada por
 elWebmaster.com

¿Pero qué es un shortcode? Como el nombre lo indica, un shortcode es una manera simple y elegante de mostrar complicados códigos utilizando sólo una palabra. Por ejemplo, imagina que quieres insertar un info-box dentro de un post. Tendrías que crear div-classes tras div-classes para finalmente lograrlo. Pero un shortcode te da la posibilidad de hacerlo, sólo añadiendo, por ejemplo:

Leer más »

Como hacer un plugin para wordpress: Los shortcodes

PHP, Tutoriales, Wordpress

Los shortcodes son etiquetas en formato bbcode (tags envueltos en []) que nos permiten aumentar la funcionalidad de nuestros post, por ejemplo podremos crear funciones en PHP y poniendo simplemente [ELNOMBREDENUESTROTAG] este se sustituirá en nuestro artículo por lo que haga la función.

En nuestro plugin lo que haremos será crear un shortcode [FRASE] que nos devuelva una frase aleatoria. Y también permitiremos poder pasar una serie de atributos para poder filtrar por categoría o mostrar varias frases por poner un ejemplo. Para registrar nuestro shortcode deberemos usar:

Leer más »