Many times, we have a form with a lot of fields and we need to use it, but we don’t want users to get bored filling the form or that they stop at middle of the form and they end up leaving the website. To avoid these situations, you can divide your form in as … Continued

On this post we will talk about themes development for Drupal.¬†We are also going to explain a simple example of a Drupal theme, so let’s start. Creating a base structure for the theme To create a theme is necessary to follow a structure, this is to organize our theme in the best way and to … Continued

AMP (Accelerated Mobile Pages) is an open source project initiative which aims to improve the performance of the mobile web. We are currently living in the smartphone age so all the websites should consider this on their design. Because of this, the AMP initiative was born. AMP is thought-out for mobile devices and with it … Continued

The idea of this post is to learn how you can automate your job in the front-end area, because it doesn’t include just to translate a design onto the web, but also how you can save time and work when building your page, e.g. compiling JavaScript and CSS files (SASS, LESS, Stylus, etc) and reloading … Continued

What is SMACSS? Smacss (Scalable and Modular Architecture for CSS) is a style guide that follows five simple categories. SMACSS is a way to examine your design process and to fit those rigid frameworks into a flexible thought process. It is an attempt to document a consistent approach to site development when using CSS. And … Continued

In the last animations post we spoke about how to make animations with Javascript, this time we’re going to talk about how to make the same thing using CSS3. Worth mentioning that with CSS3 we are going to write less code, in this case we will use the hover selector and a some CSS3 properties. … Continued

When building a website, it is intended to be striking, but without sacrificing usability and functionality. To achieve this, different animations or effects can be used to call user attention. However, implementing an animation can be limiting; for example, the wide variety of mobile devices on the market generate the need of implementing ¬†websites for … Continued