Batallas de CSS, para demostrar que eres el mejor programador

Si siempre has presumido de ser el mejor en el mundo del CSS, ahora es el momento de demostrarlo.

cssbattle.dev es una web que ofrece «batallas» entre programadores de CSS para ver quién consigue hacer lo que piden usando la menor cantidad de código posible.

En la página principal podemos ver algunos de los retos: figruas abstractas o incluso rostros de mostruitos que deben ser diseñados usando CSS directamente desde la plataforma, siendo así también una excelente herramienta para enseñar a programar hojas de estilo viendo el efecto que tiene cada comando.

css battle

El objetivo del juego es escribir HTML / CSS para replicar la imagen objetivo dada en el menor código posible. En la página de destino, comenzaremos a codificar en el área del editor a la izquierda. Cuando comencemos a escribir, el área de salida en el medio comenzará a representar el código. Cuando estemos seguros de que la salida coincide con la imagen de destino, presionaremos el botón Enviar para ver la puntuación.

Es importante tener en cuenta que lo que escribimos en el editor se muestra tal como está. No hacen cambios. Esto significa que ni siquiera obtenemos el DOCTYPE. No está permitido usar JavaScript o imágenes en el código. De hecho, no se permite ningún activo externo. Todo el código requerido para generar la imagen de destino debe escribirse solo en el editor dado.

De momento los ocho retos ya han finalizado, pero podemos participar de los cerrados para ir practicando antes de que lancen el siguiente.

Vía Wwwhat’s new? https://ift.tt/2LH1HBc

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s