CursosWorkshop IAEmpresasPreciosBlogNewsletter
  • Cursos
  • Workshop IA
  • Empresas
  • Precios
  • Blog
  • Newsletter
Suscríbete

Suscríbete a nuestra newsletter

No te pierdas los avances que realmente merecen la pena:

Suscribiéndote aceptas la política de privacidad
  • Cursos
  • Empresas
  • Comunidades
  • Blog
  • Tarjeta regalo
  • Newsletter
  • Soporte
  • Tienda
  • ConfAiBot
  • Contacta
  • Aviso legal
  • Condiciones generales
  • Política de privacidad
  • Política de cookies
🎉 Curso Refactoring ya disponible + 5 errores trabajando con CSS

🎉 Curso Refactoring ya disponible + 5 errores trabajando con CSS

1 de octubre de 2020

Suscríbete a nuestra newsletter

No te pierdas los avances que realmente merecen la pena:

Suscribiéndote aceptas la política de privacidad

¡En esta newsletter venimos cargaditos de novedades!

Menú para hoy:

  • 🤟 Montones de nuevos cursos: Refactoring, Teclados Mecánicos, Makefiles, Prometheus, Bash…
  • 💣 Novedades en Codely
  • 🙈 Errores comunes trabajando con layouts en CSS
  • 🎥 Últimos vídeos en YouTube

🔖 Últimos cursos CodelyTV Pro

💣 Novedades en Codely

Este último mes hemos soltado dos bombazos: os presentamos a Nico Bour, el nuevo CEO de Codely; y a Núria Soriano, nuestra Frontend Category Lead. Aquí tienes sus entrevistas:

🙈 5 errores comunes trabajando con layouts en CSS

Para que se note que ahora tenemos frontend en el equipo, en esta newsletter vamos a hablar del amado y odiado CSS 🎨

5 errores comunes trabajando con layouts que hacen nuestro código menos flexible y más difícil de mantener:

  1. Alterar innecesariamente el flow: Prueba a pasar tu menú fixed a sticky y olvídate de añadir paddings al body.
  2. z-index: 99999: ¡Un clásico! Pero la mayoría de veces te bastará usar un par de valores de z-index. De verdad.
  3. Usar tamaños fijos: Usar tamaños fijos es tentador para conseguir una maquetación pixel perfect, pero en un mundo donde cada vez tenemos más tipos de dispositivos, multi-idioma, cambios de textos… mejor deja que las cosas ocupen el espacio que necesiten y te vas a ahorrar problemas 🧘 min-width y max-width son tus amigos!
  4. Abusar de media queries: ¿¿Hacer diseños responsive sin media queries?? Sí, gracias a flex y grid podemos simplificar nuestro código y hacerlo independiente de valores arbitrarios de viewport. Nos van a quedar componentes mucho más flexibles y reutilizables.
  5. Flex vs Grid: Hablando de flex y grid… ¿Eres de #teamFlex o #teamGrid? No hay que verlos como opuestos, tiene sentido usar ambos, combinarlos, y recordar que existen otros métodos de layout, como el olvidado float o el multi-column, que en determinados contextos tiene todo el sentido del mundo usar!

Si quieres verlo más en detalle, justo acabamos de publicar un vídeo 😬

🎥 Últimos vídeos YouTube

👋 ¡Hasta la próxima!

Eso es todo. Esperamos que te haya sido útil 😊

Volvemos a la cueva a seguir trabajando 😬 Llegando a acuerdos con comunidades para potenciar el ecosistema, apoyando a empresas en su plan de formación, y compartiendo nuestras experiencias y las de las buenas gentes que se suman al proyecto en nuestro canal de YouTube y cursos de CodelyTV Pro.

¡Mil gracias por estar ahí!

Cualquier cosa, podéis responder a este mismo correo o enviar uno aparte a soporte@codely.tv 🤟

SuscríbeteInicia sesión