Gab 💎 @DevGabrl

🌟 ¡𝙂𝙧𝙖𝙣𝙙𝙚𝙨 𝙣𝙤𝙩𝙞𝙘𝙞𝙖𝙨! A través de la 𝙐𝙏𝙉 𝙁𝙍𝙏, estaré dictando el curso virtual de "𝙄𝙣𝙩𝙧𝙤𝙙𝙪𝙘𝙘𝙞𝙤́𝙣 𝙖 𝙡𝙖 𝙋𝙧𝙤𝙜𝙧𝙖𝙢𝙖𝙘𝙞𝙤́𝙣 𝙒𝙚𝙗 𝙁𝙪𝙡𝙡-𝙎𝙩𝙖𝙘𝙠". Los cupos son 𝙢𝙪𝙮 𝙡𝙞𝙢𝙞𝙩𝙖𝙙𝙤𝙨.

1 0 2 39 0

View Details

Gab 💎 @DevGabrl

2 years ago

Van sesiones #2 y #3 de cómo crear un Portfolio Web Responsive 🙌🚀👍

Buenas! 🙌 Acabo de publicar los videos #2 y #3 de cómo crear un Portfolio con HTML y CSS. Les dejo links en comentarios 👇 . . . . #portfolio #portafolio #curso #cursogratis #html #css #programaciónweb #aprenderprogramacion

2 1 0 87 0

0 0 0 54 0

View Details

Gab 💎 @DevGabrl

2 years ago

Nuevo video #1 de 7 🙌 así todos pueden crear un Portfolio Web. FELIZ 9 DE JULIO

divzone @div_zone

2 years ago

Buenas! 🙌 Feliz 9 de Julio 🙌 Acabo de publicar un nuevo video sobre cómo crear un Portafolio con HTML y CSS. Es el video #1 de 7 Les dejo link en el primer comentario 👇 . . . . . . . #portfolio #portafolio #curso #cursogratis #html #css #programaciónweb #aprenderprogramacion

2 0 1 93 0

0 0 0 33 0

View Details

Gab 💎 @DevGabrl

2 years ago

@chroman Les dejo un tuto de 8min. Por si tienen poca idea de Git - GitHub youtu.be/Bnjnto1ZTiI?si…

0 0 1 9 0

View Details

Gab 💎 @DevGabrl

2 years ago

@natayadev Flojo en Git - GitHub? Te lo enseño en 8 min. youtu.be/Bnjnto1ZTiI?si…

0 0 1 62 1

View Details

Gab 💎 @DevGabrl

2 years ago

@midudev Flojo en GitHub? Mira este video youtu.be/Bnjnto1ZTiI?si…

0 0 1 18 0

View Details

Gab 💎 @DevGabrl

2 years ago

Git y GitHub en 8 min.🔥

divzone @div_zone

2 years ago

💻🔥 Nuevo video de solo 8 minutos para principiantes en Git y GitHub. No se lo pierdan! youtu.be/Bnjnto1ZTiI?si… . . . #git #github #commit #repositorio #programacion

0 0 1 52 0

0 0 0 26 0

View Details

Max Prilutskiy @MaxPrilutskiy

2 years ago

Just so y'all know: Every time you push code, you appear on this real-time wall at the @github HQ.

275 2K 14K 1.0M 3K

View Details

Gab 💎 @DevGabrl

2 years ago

¡Hola! Te invito a unirte a la comunidad de DivZone que estamos creando en Discord. Es el lugar perfecto para aprender sobre programación de software y compartir información sobre oportunidades laborales. ¿Te sumas? Unite aquí: discord.com/invite/pNST4gk…

0 0 0 19 0

View Details

Gab 💎 @DevGabrl

2 years ago

🤣

Pouya 🌼 daisyUI 5.6 soon @Saadeghi

2 years ago

Web developers in the near future

51 2K 16K 723K 654

0 0 0 27 0

View Details

JNS @_devJNS

2 years ago

JavaScript tips 💡

3 9 44 1K 9

View Details

Gab 💎 @DevGabrl

2 years ago

🌞 Ignite Your Interest in Solar Energy: Websites to Unleashing the Power of the Sun: 💡 solarenergy.org 💡 solarinstallation.tech 💡 solarpowerworldonline.com 💡 nabcep.org

0 0 1 34 0

View Details

jhey ʕ•ᴥ•ʔ @jh3yy

2 years ago

CSS Tip! 💪 You can create these tab controls with CSS :has() + radio buttons ✨ .tabs:has(input:nth-of-type(3)) { --count: 3; } .tabs:has(:checked:nth-of-type(3)) { --active: 2; } .tabs::after { translate: calc(var(--active, 0) * 100%) 0; width: calc(100% / var(--count)); } Two CSS :has() tricks here combined with a rendering trick 🤙 The tab control is a container using display: grid. You can use :has() to count the number of tabs in the container: .tabs:has(input:nth-of-type(3)) { --count: 3; } .tabs:has(input:nth-of-type(4)) { --count: 4; } Using the cascade, the last valid :has() gives you the number of tabs 🫶 Once you know the number of tabs, you know how to size the indicator: .tabs::after { content: ""; position: absolute; height: 100%; width: calc(100% / var(--count)); } It's a pseudoelement that uses --count to determine its size 📏 The next :has() trick is determining which tab is active or :checked as it's an input [type=radio] .tabs:has(:checked:nth-of-type(2)) { --active: 1; } .tabs:has(:checked:nth-of-type(3)) { --active: 2; } You can use a zero-indexed translation here. If the second input is :checked, set --active: 1, then translate the pseudoelement on the tabs to that position 👉 .tabs::after { translate: calc(var(--active, 0) * 100%) 0; } The last rendering trick is using mix-blend-mode 👀 The tabs have a black background-color, the pseudoelement is white, and the label text is white. When you use mix-blend-mode: difference on the pseudoelement it will give this effect that the text transitions from white to black sliding across 😎 .tabs::after { color: hsl(0 0% 100%); mix-blend-mode: difference; } You can totally mix up the colors here though and go with a different effect. The mechanics of how you can use CSS :has() is the main point here 🙏 As always, any questions, suggestions, etc. let me know @CodePen link below! 👇 (There's even a @tailwindcss play for this one too 👀)

38 202 2K 437K 2K

View Details

Gab 💎 @DevGabrl

3 years ago

@JoshBurnsTech How do you get your first project with so much competition?

1 0 0 55 0

View Details

Gab 💎 @DevGabrl

3 years ago

Mastering the art of soft skills is key for a standout resume! 🌟 Boost your professional appeal with: Effective Communication 🗣️ Team Collaboration 🤝 Adaptability to Change 🔄 Time Management ⏰ Problem-Solving Skills 🧩 #SoftSkills #SkillsForResume #CareerTips