#69 – Hablamos de CSS

29/06/2020 42 min
#69 – Hablamos de CSS

Escuchar "#69 – Hablamos de CSS"

Síntesis del Episodio

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.