Colección de recursos para desarrolladores

Email this to someoneShare on FacebookShare on Google+Share on LinkedInTweet about this on Twitter

Existen cientos de sitios webs con colecciones de recursos donde encontrar inspiración. Todo buen diseñador seguro que tiene más de una de estas webs como página de cabecera, pero no es tan común encontrarse con desarrolladores dispuestos a compartir sus creaciones mostrando el código abiertamente.

CodePen es una web con aspecto de red social donde compartir todos nuestros diseños y desarrollos con la comunidad. Lo realmente interesante de esta página es cómo se muestra cada ficha de cada “Pen” nombre con el que se conoce cada proyecto en la comunidad. La parte superior de cada ficha está dividida en tres paneles: HTML, CSS y JavaScript, por lo que podemos ver el código mientas interactuamos con el resultado final del proyecto. Además como ya hemos comentado, es toda una comunidad para desarrolladores frontend donde es posible: registrarse mediante Github Auth, comentar cada proyecto, guardar favoritos, compartir en otras redes sociales, descargar en formato .zip, seguir a otros usuarios, editar en tiempo real cada proyecto y por supuesto, usar como fuente de inspiración para tus propios desarrollos.

Este es aspecto de su página principal:

codepen.io

La página soporta los navegadores: Firefox 4+, Chrome, Safari 4+, Opera 11+ e Internet Explorer 8 o superior. Estos son alguno de los proyectos más impresionantes que se pueden encontrar:

  • Barra de progreso animada con formato de termómetro que degrada de color azul a rojo a medida que llega al 100% [código]
  • Curioso reloj/calendario hecho con HTML5, CSS y Javascript [código]
  • Animación principal de las gafas de Google “Google Glass” [código]
  • Generador aleatorio de avatares con formato retro Alien [código]
  • Botón 3D utilizando CSS3 y haciendo uso de :before y :after [código]
  • Animación de Super Mario realizada únicamente utilizando CSS [código]
  • Icono de Twitter realizado únicamente con CSS [código]
  • Animación estilo de la popular serie Breaking Bad [código]

Además de todas las recomendaciones anteriores, existe un ranking con los recursos más populares y otro con los más recientes.

Un comentario

  1. Anónimo dijo:
    8 agosto, 2012
    Responder

    […] Colección de recursos para desarrolladores – ZonaW Existen cientos de sitios webs con colecciones de recursos donde encontrar inspiración. Todo buen diseñador seguro que tiene más de una de estas webs como […]

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

De conformidad con lo establecido en la LOPD, Adpv Advertising Provider S.L. garantiza la adopción de las medidas necesarias para asegurar el tratamiento confidencial de los datos de carácter personal. Así mismo le informamos de la inclusión de sus datos en un fichero con la finalidad de mantener su relación negocial o contractual con Adpv Advertising Provider S.L. y de la posibilidad de ejercer los derechos de acceso, rectificación, cancelación y oposición en la siguiente dirección: Ercilla, 26, 1Dcha., 48011, Bilbao, Bizkaia. Privacidad.