How to create a slideshow in Drupal 8

One of the most used components in web design are slideshows. These elements allow us to display several pictures and other kinds of information in a compact and interactive way to our users. You may find them in almost all kinds of websites and ...

How to test your Content Types with Devel module in Drupal 8

When you are creating a new Drupal site, you need to take into consideration many variations and try to plan very well the content and its structure. One of the most important elements in all this process is testing your content. Imagine this: you’ve ...

View JS in a different way: meet Vue

A couple of years ago, it was pretty standard to refresh the page every time our users performed an action: saving a form, applying a filter to a search, etc. Making the site reactive and allowing our users to perform these actions without refreshing ...

CSS Grid: The Ultimate Layout Tool

CSS grid technology represents a completely new way of thinking web layouts, a way in which you are in full control of the presentation. No more weird HTML nesting and non-semantic elements here and there to assist our layouts. Unlike any other tool available ...

Create UI for humans

There is no doubt that technology has changed our lives. It has driven us to heights we could not have imagined otherwise. Technology has also filled every corner of our daily lives, changing the way we behave and communicate. So, as designers and developers, ...

Setting up your Billing account on Google maps and avoiding extra charges

Google Maps is one the most used maps tools in the web. It allows you to embed maps in your website or applications; search by geographic information such as coordinates, addresses, zip codes, etc; get places reviews, along with other options that makes it ...

Creating animations with GSAP | GreenSock

As designers/developers, sometimes we face a project that requires animation. Could be a simple one, or the trickiest animation you have seen before. So, we need to use the right tool for the occasion, one that could bring us good performance without sacrificing its ...

Color Contrast: an accessibility primer for Interface Design

As designers and developers, we need to take into consideration all the people that reach our apps/websites, including the people that are visually impaired. Our creations should be, or at least try to be, suitable for them, including those with less than 20/20 vision. ...

Building a Web Component without JS Frameworks

We are in the era of the components. and they are being used in almost all the web pages and applications of the moment; Facebook created its own library to make its web components, Google also created its own framework called Angular and there ...

The perfect combination between Beaver Builder and Gutenberg

The web world is growing by leaps and bounds. A large number of new tools appear daily that help us in the development of websites and mobile applications. In Wordpress, two of these tools are Beaver Builder and Gutenberg. Thanks to these tools, we ...

Discovering Storybook

Storybook is a javascript library that allows you to test "visual components" by splitting the business logic from the context of the application. Storybook currently supports several frameworks and libraries such as: React, Vue, Angular, Mithril, Marko, HTML, Svelte, Meteor, and Ember. In Swapps ...

Gestalt principles in Web Design

Perhaps, too many designers overlook the importance of psychology within the creative process and the impact that some of its principles has in the design choices that are made on a daily basis, whether printed or digital. In web design, these principles are effectively ...