Categoría: Desarrollo

Esta charla es un recopilatorio de trucos y prácticas que he aprendido a lo largo de los años maquetando webs con CSS.

Todo el código será CSS nativo, sin usar pre-procesadores como SASS, LESS, etc.

Habrá de todo un poco:

• Selectores avanzados (*, >, +, :not, :nth-child, [data-attribute]…)
• Propiedades poco conocidas (flexbox gap, texto multicolumna, filters, scroll-snap, shape outside, gradientes cónicos)
• Accesibilidad en imágenes, animaciones y formularios tarjetas clicables en toda la superfície sin que todo sea <a> ni usar JS
• Como evitar que un texto que se convierta en negrita mueva el contenido adyacente
• Custom properties y dark mode

Todos los ejemplos se podrán consultar libremente Codepen, de modo los asistentes puedan ver el código y trastear tranquilamente a su aire sin tener que ir tomando nota de todo, aunque la charla quede grabada. Y, como no, todo compatible con WordPress. Aunque los ejemplos estén en Codepen, todos están basado en casos reales que me he ido encontrando maquetando themes.

Finalmente haré mención de algunas novedades que están por venir o que todavía tienen poco soporte a nivel de navegadores, pero que me parecen muy interesantes. Aunque esta parte no será la temática principal, sólo un «caramelito». Este tipo de charlas de «mira lo que viene» me parecen realmente muy interesantes pero a la vez un poco frustrantes, porque la mayoría de cosas aún no se pueden aplicar y te dejan con la miel en los labios.

De manera habitual, y quizás también por inercia, cuando desarrollamos o implementamos un comercio electrónico, nos preocupamos del diseño, la optimización, o incluso de factores relativos al posicionamiento en los buscadores.

¿Y dónde queda la logística, uno de los motores fundamentales del negocio? Normalmente, relegada a una configuración básica del plugin de WooCommerce.

Un control deficiente de la logística puede hundir el negocio; en cambio, un buen control de este pilar fundamental se puede convertir en una ventaja competitiva.

Te explicaré qué aspectos puedes tener en cuenta a la hora de crear la tienda para mejorar la calidad del negocio de tu cliente y, de este modo, ofrecer un valor agregado sin necesidad de tener grandes conocimientos sobre el tema.

Todos habréis entendido correctamente el título de la propuesta a pesar de tener varias faltas de ortografía.

Lo mismo pasa con nuestro código para WordPress, puede entenderse, funcionar bien, pero aun así tener «faltas de ortografía» en programación.

En WordPress existen unos estándares y en esta charla os voy a contar como seguirlos, para qué sirven y el motivo por el que a partir de ahora no tendrás excusa para no adherirte a los mismos.

La REST API de WordPress es muy potente, pero es probable que necesites ampliarla para las necesidades de tu proyecto.

Esta es una excelente oportunidad para unir diferentes conceptos de programación orientada a objetos que nos permita diseñar un sistema para extenderla.