Development & Coding

CodePen

CodePen es un entorno de desarrollo social en línea que permite a diseñadores y desarrolladores front-end construir, probar y mostrar fragmentos de código en un editor colaborativo basado en la web.

ABRIR SITIO →
Screenshot of CodePen
SOBRE ESTE SITIO
CodePen funciona como un editor de código versátil basado en la nube, diseñado específicamente para el desarrollo y la experimentación web front-end. Proporciona una interfaz intuitiva basada en navegador donde los usuarios pueden escribir HTML, CSS y JavaScript y ver sus resultados renderizados instantáneamente en una ventana de vista previa en vivo. La plataforma es compatible con una amplia gama de herramientas modernas, incluidos preprocesadores populares como Sass y TypeScript, así como bibliotecas externas, lo que la convierte en un entorno ideal para depurar código, probar nuevas funciones o construir componentes aislados sin necesidad de una configuración local. Más allá de sus capacidades técnicas, CodePen actúa como una vibrante red social donde los desarrolladores pueden compartir sus proyectos para inspirar a otros y recibir comentarios constructivos de una comunidad global. Los usuarios pueden explorar una vasta biblioteca de trabajos creativos, bifurcar código existente para aprender cómo funciona y participar en desafíos de codificación para perfeccionar sus habilidades. Esta combinación de una herramienta de desarrollo robusta y una comunidad colaborativa convierte a CodePen en un recurso esencial tanto para principiantes que están aprendiendo como para profesionales que buscan mostrar sus portafolios creativos.
← VOLVER AL CATÁLOGO
SITIOS ETIQUETADOS SIMILARES
Learning & Education
30 Seconds of Code
30 Seconds of Code ofrece una colección curada de fragmentos de programación concisos y tutoriales diseñados para ayudar a los desarrolladores a aprender e implementar soluciones en menos de un minuto.
Utilities & Tools
Storyboarder
Storyboarder es una herramienta gratuita de código abierto que permite a los creadores visualizar rápidamente sus historias a través de funciones de dibujo intuitivas y generación integrada de escenas 3D.
Media & Streaming
Ato Animation
Ato Animation es una herramienta de diseño basada en la web que permite a los creadores construir, rigging y exportar animaciones 2D profesionales directamente desde su navegador.
Development & Coding
MagicaVoxel
MagicaVoxel es una herramienta de modelado 3D gratuita y ligera, diseñada específicamente para crear, editar y renderizar arte voxel de alta calidad.
Music & Audio
MuseScore
MuseScore es un software de notación musical gratuito y de código abierto que permite a los usuarios crear, reproducir e imprimir partituras de calidad profesional.
Development & Coding
Easing Wizard
Easing Wizard es una herramienta online gratuita para diseñar y previsualizar funciones de easing CSS personalizadas, incluyendo curvas de Bézier, resorte, rebote y sobreimpulso.
Design & Creative
Piskel
Piskel es una herramienta gratuita de código abierto diseñada para crear pixel art y sprites animados a través de una interfaz fácil de usar, disponible tanto en navegadores web como en plataformas de escritorio.
Development & Coding
OpenToonz
OpenToonz es un software profesional de animación 2D de código abierto que permite a los artistas crear animaciones digitales y dibujadas a mano de alta calidad utilizando un conjunto completo de herramientas de producción.
Utilities & Tools
Inkscape
Inkscape es un editor de gráficos vectoriales gratuito y de código abierto que proporciona herramientas de nivel profesional para crear ilustraciones, logotipos y diagramas complejos de alta calidad.
Design & Creative
Land-Book
Land-Book es una galería curada de primer nivel que exhibe diseños de sitios web y páginas de destino de alta calidad para inspirar a diseñadores y desarrolladores web.