Cómo crear una presentación de diapositivas en Drupal 8

Uno de los componentes más utilizados en el diseño web son las presentaciones de diapositivas. Estos elementos nos permiten mostrar varias imágenes y otro tipo de información de forma compacta e interactiva a nuestros usuarios. Los puedes encontrar en casi todo tipo de sitios ...

Cómo probar sus Content Types con el módulo Devel en Drupal 8

Cuando crea un nuevo sitio de Drupal, debe tener en cuenta muchas variaciones e intentar planificar muy bien el contenido y su estructura. Uno de los elementos más importantes en todo este proceso es probar su contenido. Imagínese esto: ha organizado sus content types ...

Vea JS de una manera diferente: conozca a Vue

Hace un par de años, era bastante estándar actualizar la página cada vez que nuestros usuarios realizaban una acción: guardar un formulario, aplicar un filtro a una búsqueda, etc. Hacer que el sitio sea reactivo y permitir a nuestros usuarios realizar estas acciones sin ...

Cuadrícula CSS: la herramienta de diseño definitiva

La tecnología de cuadrícula CSS representa una forma completamente nueva de pensar los diseños web, una forma en la que usted tiene el control total de la presentación. No más elementos de anidación HTML extraños ni semánticos aquí y allá para ayudar a nuestros ...

Cree Interfaces de Usuario para Humanos

No hay duda de que la tecnología ha cambiado nuestras vidas. Nos ha llevado a alturas que no podríamos haber imaginado de otra manera. La tecnología también ha llenado todos los rincones de nuestra vida diaria, cambiando la forma en que nos comportamos y ...

Configurar su cuenta de facturación en Google Maps y evitar cargos adicionales

Google Maps es una de las herramientas de mapas más utilizadas en la web. Le permite incrustar mapas en su sitio web o aplicaciones; buscar por información geográfica como coordenadas, direcciones, códigos postales, etc. obtenga reseñas de lugares, junto con otras opciones que lo ...

Creando animaciones con GSAP | GreenSock

Como diseñadores/desarrolladores, a veces nos enfrentamos a un proyecto que requiere animación. Podría ser simple o la animación más complicada que hayas visto antes. Por lo tanto, necesitamos usar la herramienta adecuada para la ocasión, una que nos pueda brindar un buen rendimiento sin ...

Contraste de color: una cartilla de accesibilidad para el diseño de interfaces

Como diseñadores y desarrolladores, debemos tener en cuenta a todas las personas que llegan a nuestras aplicaciones/sitios web, incluidas las personas con discapacidad visual. Nuestras creaciones deben ser, o al menos intentar ser, adecuadas para ellas, incluidas aquellas con una visión inferior a 20/20. ...

Construyendo un Web Component sin Frameworks JS

Estamos en la época del furor de los componentes y se están utilizando en casi todas las páginas y aplicaciones web del momento; Facebook creó su propia librería para realizar sus componentes web, también Google creó su propio framework llamado Angular y hay muchas ...

Cómo configurar Webpack en un proyecto ReactJS

No necesitas empezar un proyecto react desde cero como lo explico en este artículo, para ello puedes usar https://github.com/facebook/create-react-app, el ejercicio de este post es conocer la herramienta webpack. ¿Qué es Webpack? Webpack es un empaquetador de módulos que permite automatizar procesos como transpilación de ...

¿Qué es AMP y por qué debería usarlo?

AMP (Accelerated Mobile Pages o Páginas móviles aceleradas en español) es una iniciativa de proyecto de código abierto que tiene como objetivo mejorar el rendimiento de la web móvil. Actualmente vivimos en la era de los teléfonos inteligentes, por lo que todos los sitios web ...

Cómo automatizar el flujo de trabajo en Frontend

La idea de esta publicación es aprender cómo puede automatizar su trabajo en el área de front-end, porque este no incluye solo traducir un diseño a la web, sino también cómo puede ahorrar tiempo y trabajo al crear su página, por ejemplo compilar archivos ...