Archivos de Etiqueta: html

Cómo crear un visor de imágenes con CSS3

En este artículo vamos a crear un visor de imágenes en únicamente con CSS3 inspirado en el trabajo de Vladimir Kudinov en Futurico User Interface. Las características de CSS que utilizaremos en este artículo han sido probadas en los navegadores más recientes por que el visor no funcionará en todos los navegadores (prueba con Chrome y Safari). No es recomendable utilizarlo en proyectos profesionales porque no funcionará para todos los usuarios. Utiliza el contenido de este artículo para practicar con las características de CSS3 que podrás utilizar cuando esté realmente disponible en un futuro próximo.

leer más »

Code Racer: aprende a programar sitios web jugando

En Internet existen multitud de opciones que pretenden enseñar programación por medio de juegos, especialmente orientadas a niños, pero Code Racer se mueve en otra categoría. Y es que en este caso, estamos ante un juego en línea donde tendremos que enfrentarnos a otros usuarios en carreras de escribir código, como si se tratase de un frenético juego de carreras para adictos a la tecnología.

Una idea ingeniosa y que cumple perfectamente con su cometido de enseñar al tiempo que divierte, aunque quizás con la emoción del momento algunas cosas no se queden muy grabadas. El juego requiere tener cuenta en Facebook para acceder (quizá un hecho que eche para atrás a algunos usuarios), y permite adentrarnos en lenguajes orientados a la web como HTML, CSS y JavaScript.

La simpática iniciativa se la debemos a Treehouse, una joven empresa que ha desarrollado distintas soluciones para enseñar diseño y desarrollo web. La verdad es que con propuestas así o como Code Year, el que no aprende algo de código (al menos a un nivel muy básico) es porque no quiere. ¡Anímate, juega y aprende!

Enlace:
Code Racer – Battle it out and learn the code

Vía:
Genbeta – Con Code Racer aprender a programar es un juego, y muy adictivo