¿Qué es TailwindCSS? Es un framework CSS basado en la metodología «Utility-first». Una metodología que resuelve problemas comunes de especificidad utilizando clases de CSS de bajo nivel, evita el uso de la declaración !important y tiene un CSS fácil de …
Cómo instalar TailwindCSS en un child theme de WordPress Ver el artículo »
En este artículo veremos como mejorar la performance de nuestra aplicación o sitio web siguiendo los estándares de la web. Sustituiremos algunas de las interacciones que normalmente realizamos con Javascript o con funciones de WordPress, por las nuevas soluciones disponibles …
Técnicas de optimización web, de Javascript a funciones nativas Ver el artículo »
Matt Mullenweg dijo en WordCamp US 2016: «Aprender JavaScript» desde ese momento el desarrollo del proyecto de WordPress va encaminado hacia esa tecnología, y en concreto utilizando la librería de Javascript React. Poco a poco todo el Back-end de WordPress …
¿Por qué he elegido Vue como framework para combinarlo con WordPress? Ver el artículo »
Cuando desarrollamos un plugin o un tema de WordPress para terceros o cuando un cliente nos pide una sección o bloque que muestre cierto contenido estático o dinámico, entonces, utilizamos shortcodes como solución a lo que nos están pidiendo . …
Una de las cosas importantes que quería hacer para mis tutoriales era implantar un sistema de resaltado de código con el que estuviera contento, tanto a la hora de trabajar como visualmente, también quería entrar en mis tutoriales y poder …
Cómo y por qué he incorporado Prism.js en mi web Ver el artículo »
En este artículo vamos a ver desde mi punto de vista y pensando siempre en su utilidad con WordPress, que son los web components y la importancia que van a tener en mis desarrollos. El tema es muy extenso y …
Un cliente nos pide que hagamos una sección que muestre las 3 ultimas noticias de forma dinámica, para colocar ese bloque en algún lugar de la home o bien en cualquier página. Le vamos a desarrollar un shorcode personalizado para …
Ejercicio práctico; nos planteamos un desarrollo a medida para una pequeña funcionalidad que nos ha pedido un cliente. (El contenido del ejemplo que voy a desarrollar en este tutorial no se corresponde con el de mi cliente, lo he planteado …
Cómo hacer un carrusel de noticias utilizando CSS Scroll Snap Ver el artículo »
¿Qué es ésto? Es una técnica o procedimiento basado en un enfoque desacoplado. Consiste en utilizar WordPress como zona de administración de contenidos (backend) y utilizar javascript vanilla, una librería o framework de javascript para construir la interfaz o parte …
Así comienza mi nuevo blog, un sitio donde compartiré tutoriales en forma de recetas, recursos y herramientas relacionadas con el front-end y WordPress, también encontraras retos y problemas del ámbito web que se nos presentan en la vida real y …
