Code Weekend #11 - Galería lightbox 📷

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 galería lightbox con HTML, CSS y JS (no JQuery). Se evaluará calidad y limpieza de código.

Para participar debes compartir el link de tu código en los comentarios, acompañado de una captura de pantalla de éste mismo como imagen (para evitar modificaciones). Puedes usar plataformas como Codepen o Code Sandbox. La fecha límite para entregar será el domingo hasta media noche de Perú/Colombia.

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

12:51 p. m. · 30 abr. 2021

A M

@jopzik

Code Weekend #11 - Galería lightbox 📷

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 galería lightbox con HTML, CSS y JS (no JQuery). Se evaluará calidad y limpieza de código.

Para participar debes compartir el link de tu código en los comentarios, acompañado de una captura de pantalla de éste mismo como imagen (para evitar modificaciones). Puedes usar plataformas como Codepen o Code Sandbox. La fecha límite para entregar será el domingo hasta media noche de Perú/Colombia.

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

12:51 p. m. · 30 abr. 2021

A M

@jopzik

Code Weekend #11 - Galería lightbox 📷

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 galería lightbox con HTML, CSS y JS (no JQuery). Se evaluará calidad y limpieza de código.

Para participar debes compartir el link de tu código en los comentarios, acompañado de una captura de pantalla de éste mismo como imagen (para evitar modificaciones). Puedes usar plataformas como Codepen o Code Sandbox. La fecha límite para entregar será el domingo hasta media noche de Perú/Colombia.

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

12:51 p. m. · 30 abr. 2021

A M

@jopzik

Code Weekend #11 - Galería lightbox 📷

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 galería lightbox con HTML, CSS y JS (no JQuery). Se evaluará calidad y limpieza de código.

Para participar debes compartir el link de tu código en los comentarios, acompañado de una captura de pantalla de éste mismo como imagen (para evitar modificaciones). Puedes usar plataformas como Codepen o Code Sandbox. La fecha límite para entregar será el domingo hasta media noche de Perú/Colombia.

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

12:51 p. m. · 30 abr. 2021

A M @jopzik30 abr

Enlace al mockup https://www.figma.com/file/Mggr3SB1SOATsjbjiYPBXt/Code-Weekend?node-id=1574%3A691

(En el código no es necesario que sean las mismas imágenes)

Ricardo Gutiérrez @ricardogutierrezd3f1 may

Buenos días, quiero tener una página web, no tengo un negocio, soy cristiano y me gusta estudiar las Escrituras y enseñarla, no con fines de lucro, por lo tanto, necesito una web donde pueda agregar estudios, reflexiones, poder comunicarme con personas también por redes sociales, etc. Cómo puedo hacer para que alguien me recomiende un tutorial que me lleve de principio a fin ?? He visto tutoriales pero me gustaría que uds me recomienden uno de uds mismos, gracias !!

Malison Franco Picado Solórzano @diegofranco8611 may

Lo más tedioso es tomar las capturas :D

Acá mi código: DiegoFranco2001 CodeWeekend #11

Leonel Carvajal @leonelcarvajal1 may

¡Buenas tardes a rodos! comparto enlace y fotos de mi solución.

https://codesandbox.io/s/ligthbox-gallery-izbct?file=/index.html

Cristhian Mahecha @cristhianmahecha8c51 may

Reto completado 😃

✨ Demostracion : https://crismaxis.github.io/galery-simple/

✨ Github : https://github.com/Crismaxis/galery-simple

✨ Codepend : https://codepen.io/cristhianm01/pen/wvgLZRv

Antonio Arias @antonioariasbcc1 may

Link del proyecto:

https://elanthonyorg.github.io/Ligthbox-in-csss/

GV

Guillermo Salvador Vera Morales @guillermosalvadorveramorales2 may

Hola a todos, les comparto mi solución, mucho éxito a todos igual.

link codepen: https://codepen.io/huelladigitaldev/pen/rNjXeNG

Wilian Caceres @wiliancaceres2 may

Hola a todos, aquí dejo los enlaces del código y el demo junto a las capturas.

Demo: https://wilian1808.github.io/lightbox/
Código: https://github.com/wilian1808/lightbox
Capturas:

Darel Masis @darrelmasis2 may

¡Enhorabuena!

Buenas tardes a todos, esta es mi solución basado en el mockup de figma.

DEMO: Lightbox Gallery - Live
CODE: Lightbox Gallery - Code

Roger c @rogercolquehuancacalcina3 may

🔑 Demo : https://codepen.io/rogergcc/full/ExZqmPE

🔑 Code : https://codepen.io/rogergcc/pen/ExZqmPE

A M @jopzik3 may

Damas y caballeros, tenemos al ganador del Code Weekend #11 en EDteam: https://ed.team/comunidad/ganador-code-weekend-11-galeria-lightbox

Aprovecho para avisar que el Code Weekend se pausará de forma indefinida. Gracias por participar durante estos tres meses. Sigan practicando y #NoTeDetengas 💪

Roger c @rogercolquehuancacalcina3 may

gane gracias

Timoteo Borgobello @timoteo44e2 jun

Bien bien

A M

@jopzik

Code Weekend #11 - Galería lightbox 📷

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 galería lightbox con HTML, CSS y JS (no JQuery). Se evaluará calidad y limpieza de código.

Para participar debes compartir el link de tu código en los comentarios, acompañado de una captura de pantalla de éste mismo como imagen (para evitar modificaciones). Puedes usar plataformas como Codepen o Code Sandbox. La fecha límite para entregar será el domingo hasta media noche de Perú/Colombia.

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

12:51 p. m. · 30 abr. 2021

A M @jopzik30 abr

Enlace al mockup https://www.figma.com/file/Mggr3SB1SOATsjbjiYPBXt/Code-Weekend?node-id=1574%3A691

(En el código no es necesario que sean las mismas imágenes)

Ricardo Gutiérrez @ricardogutierrezd3f1 may

Buenos días, quiero tener una página web, no tengo un negocio, soy cristiano y me gusta estudiar las Escrituras y enseñarla, no con fines de lucro, por lo tanto, necesito una web donde pueda agregar estudios, reflexiones, poder comunicarme con personas también por redes sociales, etc. Cómo puedo hacer para que alguien me recomiende un tutorial que me lleve de principio a fin ?? He visto tutoriales pero me gustaría que uds me recomienden uno de uds mismos, gracias !!

Malison Franco Picado Solórzano @diegofranco8611 may

Lo más tedioso es tomar las capturas :D

Acá mi código: DiegoFranco2001 CodeWeekend #11

Leonel Carvajal @leonelcarvajal1 may

¡Buenas tardes a rodos! comparto enlace y fotos de mi solución.

https://codesandbox.io/s/ligthbox-gallery-izbct?file=/index.html

Cristhian Mahecha @cristhianmahecha8c51 may

Reto completado 😃

✨ Demostracion : https://crismaxis.github.io/galery-simple/

✨ Github : https://github.com/Crismaxis/galery-simple

✨ Codepend : https://codepen.io/cristhianm01/pen/wvgLZRv

Antonio Arias @antonioariasbcc1 may

Link del proyecto:

https://elanthonyorg.github.io/Ligthbox-in-csss/

GV

Guillermo Salvador Vera Morales @guillermosalvadorveramorales2 may

Hola a todos, les comparto mi solución, mucho éxito a todos igual.

link codepen: https://codepen.io/huelladigitaldev/pen/rNjXeNG

Wilian Caceres @wiliancaceres2 may

Hola a todos, aquí dejo los enlaces del código y el demo junto a las capturas.

Demo: https://wilian1808.github.io/lightbox/
Código: https://github.com/wilian1808/lightbox
Capturas:

Darel Masis @darrelmasis2 may

¡Enhorabuena!

Buenas tardes a todos, esta es mi solución basado en el mockup de figma.

DEMO: Lightbox Gallery - Live
CODE: Lightbox Gallery - Code

Roger c @rogercolquehuancacalcina3 may

🔑 Demo : https://codepen.io/rogergcc/full/ExZqmPE

🔑 Code : https://codepen.io/rogergcc/pen/ExZqmPE

A M @jopzik3 may

Damas y caballeros, tenemos al ganador del Code Weekend #11 en EDteam: https://ed.team/comunidad/ganador-code-weekend-11-galeria-lightbox

Aprovecho para avisar que el Code Weekend se pausará de forma indefinida. Gracias por participar durante estos tres meses. Sigan practicando y #NoTeDetengas 💪

Roger c @rogercolquehuancacalcina3 may

gane gracias

Timoteo Borgobello @timoteo44e2 jun

Bien bien

A M

@jopzik

Code Weekend #11 - Galería lightbox 📷

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 galería lightbox con HTML, CSS y JS (no JQuery). Se evaluará calidad y limpieza de código.

Para participar debes compartir el link de tu código en los comentarios, acompañado de una captura de pantalla de éste mismo como imagen (para evitar modificaciones). Puedes usar plataformas como Codepen o Code Sandbox. La fecha límite para entregar será el domingo hasta media noche de Perú/Colombia.

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

12:51 p. m. · 30 abr. 2021

A M @jopzik30 abr

Enlace al mockup https://www.figma.com/file/Mggr3SB1SOATsjbjiYPBXt/Code-Weekend?node-id=1574%3A691

(En el código no es necesario que sean las mismas imágenes)

Ricardo Gutiérrez @ricardogutierrezd3f1 may

Buenos días, quiero tener una página web, no tengo un negocio, soy cristiano y me gusta estudiar las Escrituras y enseñarla, no con fines de lucro, por lo tanto, necesito una web donde pueda agregar estudios, reflexiones, poder comunicarme con personas también por redes sociales, etc. Cómo puedo hacer para que alguien me recomiende un tutorial que me lleve de principio a fin ?? He visto tutoriales pero me gustaría que uds me recomienden uno de uds mismos, gracias !!

Malison Franco Picado Solórzano @diegofranco8611 may

Lo más tedioso es tomar las capturas :D

Acá mi código: DiegoFranco2001 CodeWeekend #11

Leonel Carvajal @leonelcarvajal1 may

¡Buenas tardes a rodos! comparto enlace y fotos de mi solución.

https://codesandbox.io/s/ligthbox-gallery-izbct?file=/index.html

Cristhian Mahecha @cristhianmahecha8c51 may

Reto completado 😃

✨ Demostracion : https://crismaxis.github.io/galery-simple/

✨ Github : https://github.com/Crismaxis/galery-simple

✨ Codepend : https://codepen.io/cristhianm01/pen/wvgLZRv

Antonio Arias @antonioariasbcc1 may

Link del proyecto:

https://elanthonyorg.github.io/Ligthbox-in-csss/

GV

Guillermo Salvador Vera Morales @guillermosalvadorveramorales2 may

Hola a todos, les comparto mi solución, mucho éxito a todos igual.

link codepen: https://codepen.io/huelladigitaldev/pen/rNjXeNG

Wilian Caceres @wiliancaceres2 may

Hola a todos, aquí dejo los enlaces del código y el demo junto a las capturas.

Demo: https://wilian1808.github.io/lightbox/
Código: https://github.com/wilian1808/lightbox
Capturas:

Darel Masis @darrelmasis2 may

¡Enhorabuena!

Buenas tardes a todos, esta es mi solución basado en el mockup de figma.

DEMO: Lightbox Gallery - Live
CODE: Lightbox Gallery - Code

Roger c @rogercolquehuancacalcina3 may

🔑 Demo : https://codepen.io/rogergcc/full/ExZqmPE

🔑 Code : https://codepen.io/rogergcc/pen/ExZqmPE

A M @jopzik3 may

Damas y caballeros, tenemos al ganador del Code Weekend #11 en EDteam: https://ed.team/comunidad/ganador-code-weekend-11-galeria-lightbox

Aprovecho para avisar que el Code Weekend se pausará de forma indefinida. Gracias por participar durante estos tres meses. Sigan practicando y #NoTeDetengas 💪

Roger c @rogercolquehuancacalcina3 may

gane gracias

Timoteo Borgobello @timoteo44e2 jun

Bien bien

A M @jopzik30 abr

Enlace al mockup https://www.figma.com/file/Mggr3SB1SOATsjbjiYPBXt/Code-Weekend?node-id=1574%3A691

(En el código no es necesario que sean las mismas imágenes)

Ricardo Gutiérrez @ricardogutierrezd3f1 may

Buenos días, quiero tener una página web, no tengo un negocio, soy cristiano y me gusta estudiar las Escrituras y enseñarla, no con fines de lucro, por lo tanto, necesito una web donde pueda agregar estudios, reflexiones, poder comunicarme con personas también por redes sociales, etc. Cómo puedo hacer para que alguien me recomiende un tutorial que me lleve de principio a fin ?? He visto tutoriales pero me gustaría que uds me recomienden uno de uds mismos, gracias !!

Malison Franco Picado Solórzano @diegofranco8611 may

Lo más tedioso es tomar las capturas :D

Acá mi código: DiegoFranco2001 CodeWeekend #11

Leonel Carvajal @leonelcarvajal1 may

¡Buenas tardes a rodos! comparto enlace y fotos de mi solución.

https://codesandbox.io/s/ligthbox-gallery-izbct?file=/index.html

Cristhian Mahecha @cristhianmahecha8c51 may

Reto completado 😃

✨ Demostracion : https://crismaxis.github.io/galery-simple/

✨ Github : https://github.com/Crismaxis/galery-simple

✨ Codepend : https://codepen.io/cristhianm01/pen/wvgLZRv

Antonio Arias @antonioariasbcc1 may

Link del proyecto:

https://elanthonyorg.github.io/Ligthbox-in-csss/

GV

Guillermo Salvador Vera Morales @guillermosalvadorveramorales2 may

Hola a todos, les comparto mi solución, mucho éxito a todos igual.

link codepen: https://codepen.io/huelladigitaldev/pen/rNjXeNG

Wilian Caceres @wiliancaceres2 may

Hola a todos, aquí dejo los enlaces del código y el demo junto a las capturas.

Demo: https://wilian1808.github.io/lightbox/
Código: https://github.com/wilian1808/lightbox
Capturas:

Darel Masis @darrelmasis2 may

¡Enhorabuena!

Buenas tardes a todos, esta es mi solución basado en el mockup de figma.

DEMO: Lightbox Gallery - Live
CODE: Lightbox Gallery - Code

Roger c @rogercolquehuancacalcina3 may

🔑 Demo : https://codepen.io/rogergcc/full/ExZqmPE

🔑 Code : https://codepen.io/rogergcc/pen/ExZqmPE

A M @jopzik3 may

Damas y caballeros, tenemos al ganador del Code Weekend #11 en EDteam: https://ed.team/comunidad/ganador-code-weekend-11-galeria-lightbox

Aprovecho para avisar que el Code Weekend se pausará de forma indefinida. Gracias por participar durante estos tres meses. Sigan practicando y #NoTeDetengas 💪

Roger c @rogercolquehuancacalcina3 may

gane gracias

Timoteo Borgobello @timoteo44e2 jun

Bien bien

A M @jopzik30 abr

Enlace al mockup https://www.figma.com/file/Mggr3SB1SOATsjbjiYPBXt/Code-Weekend?node-id=1574%3A691

(En el código no es necesario que sean las mismas imágenes)

Ricardo Gutiérrez @ricardogutierrezd3f1 may

Buenos días, quiero tener una página web, no tengo un negocio, soy cristiano y me gusta estudiar las Escrituras y enseñarla, no con fines de lucro, por lo tanto, necesito una web donde pueda agregar estudios, reflexiones, poder comunicarme con personas también por redes sociales, etc. Cómo puedo hacer para que alguien me recomiende un tutorial que me lleve de principio a fin ?? He visto tutoriales pero me gustaría que uds me recomienden uno de uds mismos, gracias !!

Malison Franco Picado Solórzano @diegofranco8611 may

Lo más tedioso es tomar las capturas :D

Acá mi código: DiegoFranco2001 CodeWeekend #11

Leonel Carvajal @leonelcarvajal1 may

¡Buenas tardes a rodos! comparto enlace y fotos de mi solución.

https://codesandbox.io/s/ligthbox-gallery-izbct?file=/index.html

Cristhian Mahecha @cristhianmahecha8c51 may

Reto completado 😃

✨ Demostracion : https://crismaxis.github.io/galery-simple/

✨ Github : https://github.com/Crismaxis/galery-simple

✨ Codepend : https://codepen.io/cristhianm01/pen/wvgLZRv

Antonio Arias @antonioariasbcc1 may

Link del proyecto:

https://elanthonyorg.github.io/Ligthbox-in-csss/

GV

Guillermo Salvador Vera Morales @guillermosalvadorveramorales2 may

Hola a todos, les comparto mi solución, mucho éxito a todos igual.

link codepen: https://codepen.io/huelladigitaldev/pen/rNjXeNG

Wilian Caceres @wiliancaceres2 may

Hola a todos, aquí dejo los enlaces del código y el demo junto a las capturas.

Demo: https://wilian1808.github.io/lightbox/
Código: https://github.com/wilian1808/lightbox
Capturas:

Darel Masis @darrelmasis2 may

¡Enhorabuena!

Buenas tardes a todos, esta es mi solución basado en el mockup de figma.

DEMO: Lightbox Gallery - Live
CODE: Lightbox Gallery - Code

Roger c @rogercolquehuancacalcina3 may

🔑 Demo : https://codepen.io/rogergcc/full/ExZqmPE

🔑 Code : https://codepen.io/rogergcc/pen/ExZqmPE

A M @jopzik3 may

Damas y caballeros, tenemos al ganador del Code Weekend #11 en EDteam: https://ed.team/comunidad/ganador-code-weekend-11-galeria-lightbox

Aprovecho para avisar que el Code Weekend se pausará de forma indefinida. Gracias por participar durante estos tres meses. Sigan practicando y #NoTeDetengas 💪

Roger c @rogercolquehuancacalcina3 may

gane gracias

Timoteo Borgobello @timoteo44e2 jun

Bien bien

A M @jopzik30 abr

Enlace al mockup https://www.figma.com/file/Mggr3SB1SOATsjbjiYPBXt/Code-Weekend?node-id=1574%3A691

(En el código no es necesario que sean las mismas imágenes)

Ricardo Gutiérrez @ricardogutierrezd3f1 may

Buenos días, quiero tener una página web, no tengo un negocio, soy cristiano y me gusta estudiar las Escrituras y enseñarla, no con fines de lucro, por lo tanto, necesito una web donde pueda agregar estudios, reflexiones, poder comunicarme con personas también por redes sociales, etc. Cómo puedo hacer para que alguien me recomiende un tutorial que me lleve de principio a fin ?? He visto tutoriales pero me gustaría que uds me recomienden uno de uds mismos, gracias !!

Malison Franco Picado Solórzano @diegofranco8611 may

Lo más tedioso es tomar las capturas :D

Acá mi código: DiegoFranco2001 CodeWeekend #11

Leonel Carvajal @leonelcarvajal1 may

¡Buenas tardes a rodos! comparto enlace y fotos de mi solución.

https://codesandbox.io/s/ligthbox-gallery-izbct?file=/index.html

Cristhian Mahecha @cristhianmahecha8c51 may

Reto completado 😃

✨ Demostracion : https://crismaxis.github.io/galery-simple/

✨ Github : https://github.com/Crismaxis/galery-simple

✨ Codepend : https://codepen.io/cristhianm01/pen/wvgLZRv

Antonio Arias @antonioariasbcc1 may

Link del proyecto:

https://elanthonyorg.github.io/Ligthbox-in-csss/

GV

Guillermo Salvador Vera Morales @guillermosalvadorveramorales2 may

Hola a todos, les comparto mi solución, mucho éxito a todos igual.

link codepen: https://codepen.io/huelladigitaldev/pen/rNjXeNG

Wilian Caceres @wiliancaceres2 may

Hola a todos, aquí dejo los enlaces del código y el demo junto a las capturas.

Demo: https://wilian1808.github.io/lightbox/
Código: https://github.com/wilian1808/lightbox
Capturas:

Darel Masis @darrelmasis2 may

¡Enhorabuena!

Buenas tardes a todos, esta es mi solución basado en el mockup de figma.

DEMO: Lightbox Gallery - Live
CODE: Lightbox Gallery - Code

Roger c @rogercolquehuancacalcina3 may

🔑 Demo : https://codepen.io/rogergcc/full/ExZqmPE

🔑 Code : https://codepen.io/rogergcc/pen/ExZqmPE

A M @jopzik3 may

Damas y caballeros, tenemos al ganador del Code Weekend #11 en EDteam: https://ed.team/comunidad/ganador-code-weekend-11-galeria-lightbox

Aprovecho para avisar que el Code Weekend se pausará de forma indefinida. Gracias por participar durante estos tres meses. Sigan practicando y #NoTeDetengas 💪

Roger c @rogercolquehuancacalcina3 may

gane gracias

Timoteo Borgobello @timoteo44e2 jun

Bien bien

Post

Code Weekend #11 - Galería lightbox 📷

Post

Code Weekend #11 - Galería lightbox 📷

Post

Code Weekend #11 - Galería lightbox 📷

Post

Code Weekend #11 - Galería lightbox 📷

¡Enhorabuena!

Post

Code Weekend #11 - Galería lightbox 📷

¡Enhorabuena!

Post

Code Weekend #11 - Galería lightbox 📷

¡Enhorabuena!

¡Enhorabuena!

¡Enhorabuena!

¡Enhorabuena!