Me complace anunciar que el ganador del Code Weekend #2 en EDteam, donde se evaluaría ingenio, limpieza en el codigo y principalmente usabilidad es

Pueden ver el código de todos los participantes de acá 💻 https://ed.team/comunidad/code-weekend-2-tabla-responsive

Muchas gracias a todos los participantes, esperamos verlos el siguiente viernes.

Hola comunidad de EDteam, sean bienvenidos nuevamente al Code Weekend 💻, donde cada viernes estaremos poniendo a prueba (y premiando) tus conocimientos en HTML, CSS y JS con diversos retos de código.

El reto en esta ocasión será crear una tabla responsive, los campos que que debe llevar son: ID, nombre, teléfono, dirección y fecha de nacimiento. Se evaluará ingenio, limpieza en el codigo y principalmente usabilidad en desktop y mobile. El diseño de la tabla es indiferente, pero aprovecha para mostrar tus habilidades como buen diseñador UI.

Para participar debes compartir tu código en los comentarios usando plataformas como Codepen o Code Sandbox. La fecha límite para entregar será el domingo hasta media noche.

El premio en esta ocasión será una semana de suscripción premium en EDteam. El ganador será anunciado en esta publicación el lunes por la mañana.

¡Feliz coding! #NoTeDetengas #CodeWeekendEDteam

Me complace anunciar que el ganador del primer Code Weekend en EDteam, donde se evaluaría técnica, ingenio, limpieza en código y que el resultado sea lo más parecido posible al logo original es Elton Jamil (

Pueden ver su código desde aquí 💻 https://codepen.io/MonsterCode/pen/QWGddzo

Muchas gracias a todos los participantes, esperamos verlos el siguiente viernes

Hola comunidad de EDteam, sean bienvenidos al primer Code Weekend 💻, donde cada viernes estaremos poniendo a prueba (y premiando) tus conocimientos en HTML, CSS y JS con diversos retos de código.

En esta primera edición el reto es sencillo: dibujar el logo de Telegram solamente con HTML y CSS (nada de imágenes o svg). Se evaluará técnica, ingenio, limpieza en tu código y que el resultado sea lo más parecido posible al logo original.

Para participar debes compartir tu código en los comentarios usando plataformas como Codepen o Code Sandbox. La fecha límite para entregar será el domingo hasta media noche.

El premio en esta ocasión será una semana de suscripción premium en EDteam. El ganador será anunciado en esta publicación el lunes por la mañana.

¡Feliz coding! #NoTeDetengas #CodeWeekendEDteam

En este post te enseñaré a crear temas dark y light para tus sitios web, además con lo que aprendas podrás crear tus propios temas como un modo Halloween o uno de navidad. ¡Comencemos!

¿Te ha pasado que estás admirando un paisaje, una flor, un atardecer u otra escena que a tus ojos se ve muy bien, pero cuando intentas capturarlo con tu cámara no obtienes el mismo resultado?

Si quieres entrar en el mundo del diseño web es imprescindible saber CSS, pero si realmente quieres destacar en esta área te invito a que tomes mi curso de CSS Avanzado en EDteam, donde abordaremos con profundidad y detalle los diversos módulos que tiene este lenguaje 💪🏽 Recuerda que este curso es parte de la Especialidad: diseñador web con CSS. Nos vemos en clase 💻

Aprende de una vez por todas cómo manejar la exposición en tu cámara para conseguir mejores resultados en tus fotografías.

Después de tomar los cursos de SASS, Pug y Animaciones CSS pude recrear una animación hecha completamente en código, con buenas prácticas y animaciones optimizadas para navegador. ¿Y a ti qué te detiene para empezar estos cursos? 😄 Puedes ver la animación dando Click aquí

En este artículo te explicaremos una característica revolucionaria de Figma en el mundo del diseño web - Auto Layout - con ella podremos crear frames con tamaños dinámicos.

Los gestos son patrones de navegación indispensables en aplicaciones móviles. Por eso hoy te enseñaré a implementar navegación por gestos con la librería hammer.js

Crea un sistema de íconos SVG personalizado en React, una de las librerías más utilizadas en el mundo del desarrollo web

Aprende distintas formas de cambiar los colores en una foto con Adobe Photoshop

Aprende las distintas formas que tiene CSS para manejar los colores de una página web

Conoce estas útiles pseudo-clases para formularios que te ayudarán a mejorar la UX de tu sitio web.

Aprende a almacenar datos de manera local con JavaScript utilizando el objeto Storage.

Puedes usar expresiones en la pseudo clase :nth-child() para crear selectores más específicos

En HTML5 podemos crear atributos personalizados con data- Estos atributos se usan comúnmente para indicar información que será leída o manipulada por JavaScript.

Aprende las diferencias que tienen las variables CSS y SASS para sacar mejor partido de ellas.

Los pseudoelementos no son accesibles por JavaScript porque no son parte del DOM, pero con este truco podrás manipular sus estilos.