Chiny Ro🌵

👩🏽‍💻 Programación + Accesibilidad
✨ Diviértete aprendiendo conmigo
🦄 ¡Enfócate en lo que te apasiona!
🧩 Recursos ⬇️

[Chiny Ro🌵 @lachinyro]

Me compartieron este recurso en donde puedes ver una vista previa de los temas de VS Code y ahora ya no puedo tener pretextos para iniciar mis noches de programación más rápido 😅💜 #programming
https://t.co/w37uMHV8IU

[Chiny Ro🌵 @lachinyro]

Mi pasatiempo favorito es comprar cursos que jamás voy a terminar. 🤣🆘

[Chiny Ro🌵 @lachinyro]

Hola Fren! ✨ Acá te dejo la liga para la extensión CSS Peeper que te permite revisar, inspeccionar y extraer los estilos de las páginas web. 🔥
https://t.co/Ojnom8Lwa9

[Chiny Ro🌵 @lachinyro]

#️⃣ Las unidades de medida CSS nos permiten dimensionar los elementos en las páginas web. Las unidades absolutas no cambian, son fijas y no dependen de otros elementos. Las unidades relativas dependen de otros elementos, son flexibles y relativas al parent, al navegador o la raíz.

[Chiny Ro🌵 @lachinyro]

🌈Algunas propiedades de CSS se pueden combinar en una sola declaración de estilos, a esto se le conoce como shorthand syntax. Los valores del shorthand syntax están en el sentido de las agujas del reloj: 🕚
- Top ⬆️
- Right ➡️
- Bottom ⬇️
- Left ⬅️

[Chiny Ro🌵 @lachinyro]

🌈 CSS junto a HTML permite que los sitios web tengan un diseño atractivo y funcional. La manera correcta de escribir CSS es con un bloque de declaración, selectores, propiedades y valores.
Best Practices para CSS: Orden, minimalismo, IDs y Clases, Redundancia y Accesible.

[Chiny Ro🌵 @lachinyro]

El elemento HTML input se utiliza para crear controles o campos de entrada interactivos y permite recopilar o recibir datos del usuario. Input es una etiqueta muy importante para la creación de formularios. Existen diferentes tipos de datos que se pueden recopilar. 🚀

[Chiny Ro🌵 @lachinyro]

Hola Fren! Acá te dejo la liga de una de mis extensiones favoritas para mis proyectos de desarrollo web! 🔥
https://t.co/hGYiQziBMa

[Chiny Ro🌵 @lachinyro]

🚀 Los elementos HTML pueden ser en bloque o en línea, estos definen la apariencia, el comportamiento de las páginas web y mejoran la experiencia del usuario. Los elementos en línea ocupan solo el espacio necesario, no inician en una nueva línea y no permiten dimensiones.

[Chiny Ro🌵 @lachinyro]

🚀 Los elementos HTML pueden ser en bloque o en línea, estos definen la apariencia, el comportamiento de las páginas web y ayudan a mejorar la experiencia digital del usuario. Los elementos en bloque ocupan todo el ancho disponible del contenedor y comienzan en una nueva línea.

[Chiny Ro🌵 @lachinyro]

Hola Frens! La extensión que me ha quitado algunos dolores de cabeza en los proyectos de desarrollo web! 😅 🚀 #FrontEnd #programming
https://t.co/hGYiQziBMa

[Chiny Ro🌵 @lachinyro]

Hola Frens! Este recurso tiene una colección de íconos muy creativos con código CSS y en formato SVG! 🚀
https://t.co/pexZMiGZp7

[Chiny Ro🌵 @lachinyro]

Hola Frens! Acá les dejo el link de uno de mis recursos favoritos de CSS Loaders o iconos de carga Animados! 🚀 #programming
https://t.co/UettG6zQqq

[Chiny Ro🌵 @lachinyro]

Me recomendaron echarle un ojo a Framer! 👀 Es una herramienta no-code para diseñar y crear websites! 🦄
Estuve utilizando Divi hace tiempo y me permitía integrar mi código en algunos módulos! 🚀
Estoy en busca de algo similar para un proyecto 🔥

[Chiny Ro🌵 @lachinyro]

Hola Frens! IconFinder tiene muchos recursos gratuitos que puedes utilizar para tus proyectos! Iconos, ilustraciones 3D y más...✨
https://t.co/WecerAZENE

[Chiny Ro🌵 @lachinyro]

Hola Frens! Acá dejo la liga de la herramienta para personalizar los cursores con CSS! 🔥 https://t.co/h2xWhho8Nt

[Chiny Ro🌵 @lachinyro]

Estoy muy entretenida checando todos los detalles de Hugo y Astro! Estos generadores de sitios estáticos me han puesto a leer bastante jaja 🙃🚀 Creo que ya tengo mi favorito ✨🫶🏽🦄

[Chiny Ro🌵 @lachinyro]

Hola Frens! ✨ Aquí dejo la liga para Lorem Picsum, este recurso te permite agregar imágenes de manera aleatoria utilizando un ID y agregando la URL al archivo HTML de tu proyecto. Todas las instrucciones vienen en el link 🚀
https://t.co/AWbRCCGz9s

[Chiny Ro🌵 @lachinyro]

Hola Frens! ✨ Esta herramienta les permite generar fondos de gradientes! 🔥Una vez que hagan sus modificaciones pueden ver el código CSS y agregarlo a su proyecto! Hay degradados predefinidos en caso de que necesiten algo de inspiración. 🎨
https://t.co/SHnhsvDlZy

[Chiny Ro🌵 @lachinyro]

Hola Frens! 🚀 Este recurso te permite generar diferentes propiedades de CSS y tener vistas previas de como las propiedades se van aplicando a los componentes. Tendrán acceso a las líneas de código generado para aplicarlo en su proyecto. 🔥
https://t.co/BzjTNctm2N

[Chiny Ro🌵 @lachinyro]

Hola Frens! ✨ Esta es una extensión para formatear tus datos JSON, la pueden instalar en Chrome, Firefox y Edge. Incluye 60 temas para mejorar la legibilidad de JSON. 🔥 #programming
https://t.co/6xy1FAuvok