100 Meter Scroll: prueba tu velocidad de scroll

100 Meter Scroll es un sitio web realizado con HTML5/CSS3 y Javascript que te permite correr los 100 metros. Tienes que demostrar la velocidad que tienes al mover la rueda de desplazamiento del ratón. 100 Meter Scroll, de hecho, ofrece una pista de carreras virtual que debe cubrirse desplazándose rápidamente haciendo scroll. Durante la carrera se calcula el tiempo invertido, la distancia recorrida y la velocidad de desplazamiento. Finalmente, después de completar la carrera se ofrece también la clasificación general para ver la posición que has obtenido.

100 Meter Scroll

Un juego muy simple que tiene una mención especial en Awwwards y también se convirtió en el sitio del día en FWA.

the100meterscroll » »

Pico: CMS en PHP sin base de datos

Todos conocemos CMS como Drupal, Joomla o WordPress. CMS que podríamos denominar avanzados y que poseen multitud de funciones y características para la ejecución de proyectos complejos. Tal complejidad también implica desventajas. Pico no es nada de eso, es un gestor de contenidos con un número limitado de características diseñado para utilizarse en el desarrollo de sitios web pequeños y basado simplemente en archivos planos para almacenar la información.

Utilizar Pico es muy sencillo. Para instalarlo es suficiente con tener un entorno basado como mínimo en la versión PHP 5.2.4 y si el servidor es Apache también será necesario el módulo mod_rewrite para la reescritura de URLs. La aplicación incorpora un archivo de configuración ("config.php" ubicado en el directorio raíz) que permite reemplazar la configuración predeterminada.

Pico » »

Thumper: un sencillo y ligero framework responsive

Los frameworks CSS cada vez incorporan más elementos y por tanto se hacen más complejos. Thumper ha apostado por la sencillez: un framework responsive para aquellos que trabajamos con LESS.

Responsive Web Design

Thumper » »

Una herramienta de Google para añadir datos estructurados a las páginas web

Google ha lanzado una nueva herramienta que permitirá a los webmasters crear y utilizar más fácilmente datos estructurados dentro de sus páginas web. La nueva herramienta, llamada "Asistente para el marcado de datos estructurados" proporciona un editor visual que permite destacar los distintos elementos de una página web para indicar el tipo de los datos.

El editor posibilita aplicar datos estructurados a aplicaciones de software, artículos, actividades, eventos, películas, productos, episodios de televisión y restaurantes.

Para empezar a utilizar el asistente debes proporcionar a Google una página de ejemplo de tu sitio. La página sólo debe contener un tipo de datos y, a ser posible, que contenga ejemplos completos de todas las variaciones en el sitio.

Una vez has terminado de etiquetar mediante el asistente visueal, éste genera un código HTML de muestra con el marcado de microdatos incluido. Se puede descargar y usar este código como guía mientras para implementar los datos estructurados en el sitio web.

Asistente de marcado de datos estructurados » »

ICEcoder: un IDE web realizado con PHP

Las aplicaciones web están ganando terreno a las aplicaciones de escritorio. Esto también está sucediendo en lo que respecta a las herramientas de desarrollo web. ICEcoder es un editor de código open-source que permite programar directamente desde el navegador ya sea online u offline. Algunas de las características que ofrece este IDE son:

  • Se puede utilizar en línea o de forma local
  • Indicador de etiquetas incompletas o mal anidadas
  • Inicio de sesión seguro
  • Gestor de bases de datos MySQL

ICEcoder » »