9 increíbles demostraciones de CodePen -

CodePen es un tesoro de demostraciones increíbles que aprovechan el poder de los lenguajes del lado del cliente. El lado del cliente siempre está limitado por lo que nos proporcionan los navegadores, pero la creatividad y la inteligencia de los desarrolladores siempre superan los límites de lo que creemos que el front-end puede hacer. Gracias a CSS, Canvas y WebGL, podemos hacer casi cualquier cosa en términos visuales. Las siguientes son nueve demostraciones alucinantes de CodePen que te dejarán boquiabierto.

niño jugando

Esta es una demostración de God Tier™. La parte 3D de la animación es excepcional, pero agregar la cámara del usuario lleva esta demostración al siguiente nivel. La biblioteca three.js es increíble y es la herramienta necesaria en esta demostración:

Control deslizante de cubo animado

Es importante tener en cuenta que no se requiere JavaScript para esta demostración con una animación elegante. Especialmente bonita es la sombra que se muestra en la parte inferior del cubo:

RubiCSSCube

Uno de los objetivos de mi vida es conquistar un cubo de Rubik y gracias a esta demostración ¡por fin puedo! Un pequeño detalle pero también me encanta el cursor de arrastre.

Platillo volador SVG

La verdad está ahí fuera y esa verdad incluye el hecho de que la animación flotante de esta demostración es excepcional. Sin basura, sin trabajo, solo

Animación del logotipo de Marvel

No soy un coleccionista de cómics, pero la animación dentro del texto de Marvel aquí me convierte en un fanático. ¡Guau!

Mira mamá, sin CSS

Esta increíble animación de lobo no requiere JavaScript ni CSS para ejecutarse. ¡La animación es fluida y tan impresionante como cualquier demostración de la lista!

ConfettisGenerador

Me encanta la suavidad de aceleración en esta demostración. ¡También me encanta que puedas aumentar sin problemas la velocidad y el volumen del confeti sin aparentemente ningún impacto en el rendimiento!

Isla de partículas

Creada por el mismo autor de Playing Kid, esta demostración presenta un escenario en 3D con nubes, un avión y un planeta giratorio con árboles y agua corriente.

¡Yoga!

Son principalmente las imágenes de esta demostración, pero se ve hermosa. El plegado axial de diferentes partes también es hermoso.

Guau. GUAU. Lo que es una galería para los artistas es lo que CodePen es para los desarrolladores interactivos. ¡Dejemos que esto sirva de inspiración para mejorar nuestro juego de desarrollo visual!