#69 – Hablamos de CSS

Síguenos en: A menudo dejado de lado como lenguaje de programación frente a sus "hermanos mayores", a nuestro parecer el CSS no tiene la fama que debería tener, teniendo en cuenta todo lo que podemos llegar a hacer con él. A nosotros nos encanta y es algo que seguramenet se notará en este episodio. ???? ¿Qué tal la semana? Semana esther Corta y bastante tranquila, con poco tiempo productivo (San Juan, entrevistas con tutores, graduación..) Problemas rendimiento web (theme premium con Visual Composer + Revolution Slider + WPML) WPMalaga David Perez: Snippets para Visual Studio Code Contenido esther Tutorial para SiliCodeValley sobre conectar Restrict Content Pro y Stripe con Factura Directa Semana Nahuai Bastante tranquila con una migración que le dio un poco de emoción… Directo de la Alianza NED en la que hablamos de cómo colaborar y delegar en proyectos web. Charla de Jodi Sala sobre copias de seguridad en la Meetup de WordPress Barcelona. Charla sobre Block-based themes y Full Site Editing organizada por Gutenberg Times. Muy interesante que ya hay un bloque para sacar el loop (Query). Contenido Nahuai Tema de la semana: CSS es básico junto con HTML y algo de JS para desarrollo web, aunque seas implementado WordPress Algunos temas de los que hemos comentado: Especificidad y prioridadesConocer bien el tipo de selectores y pseudo-selectoresDominar Flex y Grid para maquetarPseudoelementos (::before y ::after) para añadir iconos/sombrasPropiedades :not() y :lang()Variables / propiedades personalizadas -> ideal para combinar con JS Charlas Aleix Martí sobre variables CSS: Recursos interesantes: CSS Tricks -> tutoriales desde básicos a más avanzadoshttps://www.freecodecamp.org/ -> retos para practicar CSS muy practico (Grid, Flexbox…)https://codepen.io/ -> para encontrar ejemplos y practicarhttps://caniuse.com -> para conocer al nivel de soporte para cada navegadorCSS Reference: https://www.w3schools.com/cssref/CSS Handbook: https://www.freecodecamp.org/news/the-css-handbook-a-handy-guide-to-css-for-developers-b56695917d11/Documentación de Mozilla (¡gracias, César!)https://flexboxfroggy.com (¡gracias, Aleix!)https://cssgridgarden.com (¡gracias, Aleix!) Novedades Lanzamiento de Mai Reach Añadido a la lista de temas optimizados para Gutenberg y añadidos ciertos matices (Winning Agent Pro): Tip de la semana Ejemplos de maquetación preparados con CSS Flexbox: https://philipwalton.github.io/solved-by-flexbox/ Caniuse: https://caniuse.com/ Últimos días para aprovechar la oferta trimestral de Código Genesis. Gracias a: Este episodio está patrocinado por ModularDS, la plataforma de gestión de web que incluye actualizaciones, backups, uptime monitor, análisis de vulnerabilidades, reportes y mucho más. Todo en una sola herramienta. Ya está disponible Genesis Pro para todo el mundo, 360$ anuales que dan acceso a: Genesis Framework Child themes de Genesis de StudioPress 1 año de hosting en WP Engine Plugin Genesis Pro (Diseños y secciones, restricción de bloques por usuarios…) y Genesis Custom Blocks Pro.