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. ...

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 ...

If you are a developer, you have to use a Mac

In this blog post I want to share with you the reasons why I think that, as a developer, I have to use a Mac computer. Most servers that are used to host web applications use the Linux operating system and although it is ...

How to configure Webpack in a ReactJS project

You do not need to start a react project from scratch as I explain in this article, for this you can use https://github.com/facebook/create-react-app, the exercise of this post is to know the webpack tool. ¿What is Webpack? Webpack is a module packer that allows ...