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.

Pinche aquí para ver el vídeo

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 

Todos los diseñadores web hemos intentado, en un momento u otro, crear un sitio flexible donde las imágenes se ajusten de forma automática según la resolución del dispositivo del usuario. Para solucionar este problema tenemos diferentes opciones, siendo una de las más versátiles la que nos ofrecen en Adaptative Images in HTML. Utilizando JavaScript, PHP y la biblioteca GD lib, las imágenes de nuestro sitio web serán ajustadas según la resolución de pantalla de nuestro visitante.

El método es muy sencillo de implementar pero tiene la pega de que requiere tener activado JavaScript por parte del usuario en su navegador. De no ser así, se nos ofrece una solución alternativa, que aunque no funciona correctamente en la primera visita, sí lo hace en las subsiguientes.

La única pega, es que el sitio web se encuentra completamente en inglés, aunque es realmente sencillo de entender.

Más información:
Adaptative Images in HTML 

Hace unos días Adobe dio a conocer Muse, una nueva aplicación destinada a aquellos que quieren diseñar webs, pero no quiere aprender a escribir código. Esto, que para muchos sonará casi una aberración, quiere servir de ayuda a aquellos diseñadores que se imaginan una web, pero no saben cómo hacerla realidad. Al menos, así quieren verlo desde Adobe:

“Lo que hemos visto es que las herramientas que están disponibles para que los diseñadores creen experiencias digitales requieren saber código. Pero la mayoría de los diseñadores o no lo quieren o no están interesados en aprenderlo o lo han hecho y no es la manera en que funciona su mente. Lo que nos dicen es que quisieran diseñar una web tan fácilmente como trabajan con InDesign, Illustrator o Photoshop”. Jane Brady, Senior Marketing Manager.

Muse, que funciona en AIR, utiliza las clásicas herramientas del software de Adobe y le añade otras destinadas a las zonas básicas de una web en forma WYSIWYG. Todo el proceso de trabajo está integrado en el resto de aplicaciones de la suite de Adobe y, mientras, es el propio Muse el que se encarga de crear el código necesario para hacerlo funcionar.

Más información:
Genbeta – Adobe lanza Muse, herramienta para crear de páginas web sin escribir código
Sitio oficial de Adobe Muse (inglés)

Las modernas tecnologías de construcción de sitios web permiten a los diseñadores dar rienda suelta a su más arriesgadas y creativas ideas. Un proceso interactivo mejorado y una apariencia visual destacable pueden conseguirse con herramientas como Flash, JavaScript y PaperVision3D, por nombrar unas pocas. Éstas tecnologías generalmente impresionan y entretienen a los visitantes y además suelen ser utilizadas por artistas conceptuales para presentaciones artísticas y campañas publicitarias.

En esta entrada de Smashing Magazine titulada Bizarre Websites On Which You Can Kill Time With Style encontrarás una colección de sitios impresionantes, que combiando ideas poco convencionales (y en ocasiones estrambóticas) y un uso inteligente de efectos en JavaScript y Flash, te atraerán para jugar con ellas hasta perder un tiempo muy valioso.

Tras muchos años, la organización World Wide Web Consortium (W3C), responsable de los estándares web entre otras cosas, ha realizado un interesante lavado de cara a su anticuado sitio web. Ahora el sitio web es más fácil de consultar y ha sido programado integramente con XHTML estricto. La navegación ha mejorado mucho, así como la legibilidad de la información.

El nuevo diseño fue presentado al mundo el día 13 de octubre (martes y trece, mal día para los supersticiosos).

¿Qué os parece el nuevo aspecto? ¿Qué cosas mejoraríais?

Enlace:
World Wide Web Consortium (W3C)

Las plantillas para sitios web gratuitas (basadas en HTML) son siempre una gran fuente de inspiración y muy apreciadas por aquellos que no saben HTML y quieren un sitio web personal. Hay multitud de lugares en la red que ofrecen plantillas web gratuitas, listas para ser descargadas y fáciles de editar con cualquier editor de HTML. Básicamente, todo lo que has de hacer es descomprimir la plantilla y enviarla, vía FTP, a tu sitio web. Poco más es necesario, salvo editarla para que aparezca con el contenido que desees.

Ahora, aprovecha este completo listado que contiene veinte fantásticos sitios donde podrás hacerte con una amplia variedad de plantillas web.

Más información:
Smashing Downloads – 20 Useful Resources To Download Free Website Templates

…un navegador web vas a necesitar. Y es que uno de los servicios más utilizados de Internet es la World Wide Web. Para acceder a la información almacenada en forma de páginas web, el usuario necesita un navegador. El navegador interpreta el código de la página web y muestra un resultado visual. La Wikipedia define al navegador web como “…una aplicación software que permite al usuario recuperar y visualizar documentos de hipertexto, comúnmente descritos en HTML, desde servidores web de todo el mundo a través de Internet”.

Hoy en día, la posibilidad de elegir entre diferentes sistemas operativos hace que la cantidad de navegadores web disponibles sea bastante grande, y hace que algunos usuarios se sientan desconcertados y se queden con el navegador web que viene por defecto en el sistema operativo que utiliza habitualmente. Pero no todos los navegadores web son iguales pues algunos son más seguros, otros más ligeros y otros especializados en áreas concretas de la red. En este pequeño artículo vamos a centrarnos en los navegadores más comunes para los tres sistemas operativos de escritorio mayoritarios: Windows, Mac OS X y GNU/Linux. No entraremos en detalles técnicos, simplemente serán brevemente descritos.

Internet Explorer

Desarrollado por Microsoft es uno de los navegadores más utilizados a nivel mundial. Únicamente disponible para Windows, actualmente se encuentra en su versión 8. Es famoso por su cantidad de fallos de seguridad, la falta de rigurosidad a la hora de respetar los estándares web y por ir añadiendo a última hora características de navegadores de la competencia.

Aun siendo uno de los más utilizados no es recomendable su uso, ya que es muy vulnerable a ser atacado por software maligno y es muy lento visualizando las páginas web. Es totalmente gratuito.

Descargar Internet Explorer

Mozilla Firefox

Es el navegador que llegó para revolucionar Internet. Es libre (por lo cualquiera puede modificar su código) y gratuito. Es uno de los más rápidos visualizando las páginas web y respeta en gran medida los estándares, pero tiene en su contra el alto consumo de memoria RAM. Gracias a unos pequeños complementos, llamados Extensiones, puede ver incrementada su potencia y versatilidad convirtiéndolo en uno de los navegadores web más versátiles. Es muy seguro, teniendo abundantes correcciones de seguridad, y actualmente, se encuentra en la versión 3.0.10, aunque pronto se presentará la versión 3.5 con muchos cambios y novedades.

Por si fuera poco, se encuentra disponible para todas las plataformas mayoritarias: GNU/Linux, Mac OS X y Windows.

Descargar Mozilla Firefox

Safari

Creación de Apple y su equipo de desarrollo. Actualmente la última versión oficial disponible es la 4.0, pudiéndose encontrar tanto para Mac OS X como para Windows. Es un navegador ligero que respeta los estándares y muy rápido cargando las páginas web (utiliza el motor libre KHTML). Con una estética que le ayuda a integrarse en el sistema de los Mac, en Windows quizá llegue a desentonar. Fue muy criticado por ser liberado a la comunidad con excesivos fallos de seguridad que tuvieron que ser resueltos con grandes actualizaciones.

Es totalmente gratuito y tiene frecuentes actualizaciones.

Descargar Safari

Opera

Desarrollado por la empresa de mismo nombre, Opera es uno de los navegadores más interesantes. Es uno de los más rápidos, cumple de manera excelente con los estándares web (especialmente con las especificaciones CSS), muy seguro, con cliente BitTorrent integrado y con algunas características visuales realmente interesantes. La versión más actual es la 9.64 pero la versión 10 ya se encuentra en Beta pública para que vaya siendo probada por los usuarios.

Aunque al comienzo era de pago, ahora es totalmente gratuito y se encuentra disponible para gran cantidad de plataformas: Windows, Mac OS X, GNU/Linux, teléfonos móviles, consola Wii de Nintendo, etc.

Descargar Opera

Google Chrome

Uno de los últimos en llegar. Google también mostró su alternativa al resto de navegadores web. La versión más moderna es la 2.0 y está disponible para Windows, Mac OS X y GNU/Linux, aunque las versiones para los dos últimos son aún preliminares y distan bastante de ser estables.

Es muy rápido, especialmente en la ejecución de código JavaScript, y extremadamente riguroso con los estándares web, por lo que las páginas han de estar bien programadas. Su interfaz es muy simple y tiene actualizaciones con regularidad para solventar diferentes tipos de problemas.

Descargar Google Chrome

Otros

La lista de navegadores web es, en realidad, inmensa. Hay muchos proyectos que utilizan el motor de alguno de los navegadores citados en esta entrada para crear nuevas experiencias de usuario, o proponer nuevas alternativas. No hay nada como pasarse por la página web de la Wikipedia dedicada a los navegadores web para darse cuenta de que hay interesantes opciones para todo tipo de usuarios.

No lo dudes: busca, prueba, compara y encuentra tu navegador web ideal.

Cada vez hay más bitácoras en Internet y de toda clase de temáticas. Todas tienen su espacio en la gran red y todas se enfrentan a un dilema: su diseño. Desde luego, hay diseñadores web profesionales capaces de crear cualquier tipo de diseño para bitácoras, pero muchos otros usuarios no saben cómo crear la base de su futuro proyecto. En freecsstemplates.org encontraremos cientos de plantillas CSS gratuitas para vestir nuestra bitácora.

Todas las plantillas cumplen con el estándar XHTML estricto y ninguna utiliza tablas en sus diseños. Además son modificables y se pueden utilizar tanto para proyectos personales como profesionales. El único requisito a cumplir es de dejar claro que la autoría de la plantilla es de freecsstemplates.org.

Este sitio web es un recurso interesante tanto para usuarios que quieren comenzar una bitácora y no tienen conocimientos de diseño web suficientes, como para profesionales que necesitan buscar elementos de referencia.

El siguiente enlace es realmente interesante. Como es sabido por todo el mundo, las tipografías no se ven igual en Mac OS X que en Windows, ya que cada sistema operativo las interpreta de forma distinta. En otras ocasiones, algunas tipografías solamente se pueden utilizar en Mac OS X y otras en Windows. Typechart es un servicio web que nos permite comparar como se ve determinada tipografía en Mac OS X y Windows, y así obtener el código CSS para la configuración que estemos visualizando.

Para ello proporcionan varias familias tipográficas clásicas, además de varios tamaños que van desde letra pequeña (small) hasta extra grande (extra large) y finalmente lo que denominan emphasis, que no es otra cosa que tipografías con estilo negrita (bold), cursiva (italic) y mayúsculas (uppercase).

El sitio es muy práctico y simple, y hace su función a la perfección.

Vía:
Isopixel – Typechart