HTML 5 Cheat Sheet

Breve y al mismo tiempo sencilla chuleta para HTML5, que podéis descargar desde el siguiente enlace (PDF), y su autor aquí.

HTML5_cheat_sheet

Algunas de las nuevas etiquetas son análogas a <div> y <span>, pero tienen un significado semántico, como es el caso de  <nav> (que es el bloque de navegación del sitio web) y <footer> (el pie de página).

Nos podemos encontrar además, con nuevos elementos que proporcionan funcionalidades anteriormente implementadas por otras vías (como por ejemplo Macromedia Flash), estos son <audio> y <video>, y habrá que esperar que codificación utilizará cada navegador en tal caso. También podemos destacar el elemento <canvas> y cómo algunos de los elementos de HTML 4 quedan obsoletos en pros del uso de CSS, como son las etiquetas <font> y <center>. read more

Leer más » Comentar

PHP Mail tester, comprobando direcciones de correo electrónico

Muchas de las aplicaciones Web, incluso algunas de las que hemos podido construir usan un campo de email que hemos de rellenar para poder continuar. Nos encontramos con el caso de que al proporcionar ese correo basta con especificar el usuario y el dominio separado por una arroba para que se verifique como correcto. En muchos casos, y la evidencia lo refleja, esto no es suficiente, ya que podemos proporcionar un usuario o dominio inventado; es aquí donde aparace PHP Mail Tester.

Esta útil y a la vez sencilla utilidad nos permite comprobar si 1) el servidor existe y si 2) el usuario es válido, para ello, realiza los siguientes pasos: read more

Leer más » 11 Comentarios

Vídeos: Lenguaje de programación Go

A raíz del interés que está despertando Go a través de dos de los últimos post: The Go Programming Language y Google Go sobre Ubuntu, creo que es hora de poner dos vídeos relacionados con el tema que seguro os interesarán:

Leer más » 3 Comentarios

Google Go sobre Ubuntu

Esta mañana me encuentro en MundoGeek un artículo acerca del reciente lenguaje de programación Go, del que ya hablamos ayer. Me ha parecido sumamente interesante lo que comenta sobre cómo probar programar en Go sobre Ubuntu.

Me ha parecido tan curiosa su sencillez (no tanto como Python) que me he lanzado a probarlo, así:

Lo primero, y antes de comenzar tenemos que compilar las herramientas de trabajo, de esta manera hemos de crear algunas variables de entorno en el fichero .bashrc, teniendo en cuenta que “~” es nuestra ruta de usuario, véase /home/usuario: nano ~/.bashrc Y dentro del editor, añadimos las siguiente líneas, que podremos modificar según nos interese:
export GOROOT=$HOME/go_src
export GOOS=linux
export GOARCH=386
export GOBIN=$HOME/go_bin
export PATH=$PATH:$GOBIN

GOROOT: Mediante esta variable de entorno indicaremos dónde se guardará el código fuente de nuestras aplicaciones
.
GOOS: Representa la etiqueta del sistema operativo para el que vamos a crear nuestras aplicaciones, podemos usar las siguientes etiquetas: “linux, darwin (Mac OS X) y nacl (Native Client)”.
GOARCH: Define la arquitectura para la que compilamos, aquí las opciones que tenemos son:”amd64 (64 bits), 386 (32 bits) y arm”.
GOBIN: Esta variable de entorno especifica dónde instalaremos los binarios de
Go. PATH: Aquí especificaremos el directorio en el que se instalarán las herramientas de Go, de esta manera podremos usarlas accediendo por su nombre, como cualquier otra herramienta lanzada desde consola.

  • Bien, ya tenemos modificado el .bashrc, ahora para aplicar los cambios y nos tener que reiniciar la consola, lanzamos la siguiente orden:
    source ~/.bashrc

  • Una vez configurado nuestro entorno, sin el código fuente ni las herramientas, pasaremos a descargarlo. Dado que el sistema de control de versiones, Mercurial, no viene preinstalado en Ubuntu, lo instalamos nosotros mismos a través de la siguiente orden como superusuario.
    sudo aptitude install mercurial
  • read more

    Leer más » 3 Comentarios

    The Go Programming Language

    Pues sí, vuestros pensamientos son ciertos, y es que Go viene de Google, y sí, se trata de un nuevo lenguaje programación creado por el gigante de las búsquedas (y de Internet).

    Go

    Lenguaje orientado a objetos, con un cierto parecido a C++ y una abstracción como la de Python, y con recolector de basura (garbage collector) para no preocuparnos de problemas de memoria. En la Web oficial podréis encontrar tutoriales y toda la documentación necesaria, en cuanto disponga del tiempo necesario haré las pertinentes pruebas, tiene buena pinta de entrada, y si viene de la mano de Google read more

    Leer más » 7 Comentarios

    Métodos estáticos en Python

    Ayer por la tarde me surgió una duda sobre Python. Como en cualquier lenguaje orientado a objetos y para realizar una llamada a un método de una clase que no hemos instanciado, esta deberá de ser estática. ¿Realmente se puede hacer esto en Python? No directamente. Me puse a buscar sobre el tema y a través de ActiveState descubro como resolver esto, no se trata de un problema del lenguaje si no de poder compatibilizar algo que sí podemos hacer en otros lenguajes como Java, C++ o .NET.

    Vamos a verlo sobre un ejemplo, os lo iré comentando entre línas. read more

    Leer más » 3 Comentarios

    PHP Auth, la alternativa a .htaccess

    Ya os comenté con anterioridad, a través del último artículo publicado sobre Task Freak! la necesidad de proteger el contenido del mismo, en tal caso usamos .htaccess, pero en ocasiones nos puede resultar más factible usar la autenticación HTTP mediante PHP. Ya sea por comodidad o por restricciones del servidor para incluir modificaciones en subdirectorios con .htaccess.

    En el ejemplo, eminentemente práctico, que os muestro a continuación haremos uso de las directivas de PHP, PHP_AUTH_USER y PHP_AUTH_PW, suficientes para nuestro marco de trabajo. Podéis encontrar las especificaciones al completo y ejemplos de estas en php.net. read more

    Leer más » 1 Comentario

    CSS3. ¿Totalmente compatible?

    Aún está en desarrollo, queda todavía algún tiempo para que con HTML5 llene de interactividad el mundo de la Web. Entonces me pregunto, ¿serán todos los navegadores compatibles con este nuevo estándar? La respuesta es obvia, no.

    Por lo menos, y este es el caso,  en lo que respecta a uno de los navegadores Web más usados y que a la vez merece el desprecio de muchos, sí, ese en el que estáis pensando, y es que a estas alturas y con las especificaciones en sobre la mesa, Internet Explorer no es capaz de adaptarse a los nuevos tiempos que corren. No solo es capaz de no adaptarse, si no que encima lo hacen público y presumen de ello, hasta tal punto de publicar un artículo técnico en el msdn de Microsoft. read more

    Leer más » Comentar

    Proteger un directorio con Apache (.htaccess). Task Freak! [part3]

    Esta protección surge a raíz de la instalación de Task Freak!, del que ya hemos hablado con anterioridad y de la necesidad del mismo en:

    Así y a modo de minitutorial os indicaré como evitar que una persona ajena al servicio pueda acceder a un directorio, en este caso a una aplicación sobre un directorio, que para lo que nos ocupa se procederá de la misma manera.

    Creamos un archivo de contraseñas (password file, .htpasswd), para ello podemos hacerlo mediante la utilidad htpasswd o con alguna herramienta Web si no la tenemos instalada, evidentemente sugiero utilizar la primera opción, siempre es bueno evitar a terceros, igualmente la Web sugerida me parece de confianza. Así:htpasswd -cmb .htpasswd ahornero estaSeraMiContraseña

    La opción “-c” crea un nuevo archivo, en este caso .htpasswd (podemos llamarlo como queramos). La otra opción, “-m” usa la encriptación MD5 para el password (por defecto en Windows, Netware y TPF), la otra alternativa es usar “-d” que usa la función “crypt()” (que no la recomiendo por compatibilidad con el demonio httpd en otros sistemas). La opción “-b” nos indica que el password se lo pasaremos en texto plano desde la consola. Podéis consultar el resto de opciones desde aquí.

  • Un vez ya tenemos nuestro archivo de contraseñas será necesario definir qué directorios proteger y de qué manera, para ello crearemos el fichero .htaccess, así desde nuestro editor de texto preferido colocamos las siguientes líneas:AuthName “Taskfreak”
    AuthType Basic
    AuthUserFile /ruta/del/archivo/.htpasswd
    Require valid-user
    read more

  • Leer más » 6 Comentarios

    FluidHTML, de HTML a Flash.

    Curioso el sistema con el que he topado mientras trataba de darle un aspecto diferente al gestor de tareas con el que me topé ayer (Task Freak). FluidHTML un novedoso sistema en el que escribiremos código HTML para generar páginas en Flash. ¿Las ventajas? Pues se me ocurren varias, a destacar facilidad de uso, diseño y búsqueda para los que estamos acostumbrados a realizar desarrollos en PHP junto con estilos CSS. ¿Lo encontráis útil? Una vez lo pruebe os comentaré;me acabo de dar de alta en la beta cerrada, espero que me respondan pronto. read more

    Leer más » 3 Comentarios