Being already halfway through the year we have noticed that web design continues to maintain many of the elements of last year, among them: flat design (Flat Design) that in 2016 has been increasingly renewed with the use of Material Design, the responsive design (if a web page is not seen on mobile devices, it simply does not exist), and animations that are greater day after day, in order to interactively narrate the content of a web.

In addition to these elements, this year the illustrations and the use of much larger and more attractive typographic fonts have also stood out, providing personality to the websites.

That is why today we want to mention some web design tools that you probably already know, but that according to our opinion are quite useful in the development of these trends, and will surely continue to be talked about in 2017.

Google Fonts

Popular directory that provides hundreds of open-source fonts. If you have not used it yet, we recommend it, since among its many advantages are: the possibility of testing each of the fonts live without leaving your web page, finding exactly the font you need through your search engine , and in addition to this the possibility of changing the background color so that we can get that font that fits perfectly to our designs.


In the same way, we recommend FontSquirrel, since it compiles a good list of free and very attractive fonts. All of them free for commercial use.

Adobe Kuler

It is a completely free online application from Adobe that allows you to create and search for color combinations, thus generating palettes that take base colors as a reference.


Library that, as its name indicates, allows us to animate the elements of our web page with very attractive CSS effects. On its website there is a combo of options with different types of animations and a button to execute them, and in this way each of its effects can be visualized.


It consists of a Javascript library that allows to execute animations depending on the scroll movement. It is true that there are many other libraries that perform the same function, but this one stands out for its simplicity, and above all for the speed of its implementation. It works perfectly with the already mentioned Animate.css.


Another Javascript library that is worth mentioning, since by applying it very striking effects are achieved, this library allows full screen section scrolling. Without a doubt, a very attractive way to present sections of content.

MUI CSS Framework

It is a framework based on Material Design, it is much lighter and faster than its competitors, and it is really useful in the development of small projects.


Although it is not based on Material Design, it is a fairly intuitive framework, easy to apply, and its 12-column system ensures that websites that include it are 100% adaptable to all devices. However, version 4 is approaching, which will come loaded with many improvements.

If this is the first time you have seen any of them and/or you have found them interesting, you can review them in detail and get an idea of your own. Likewise, in the future we will be talking about many others web design tools.