5 Google Chrome extensions for Graphic & Web Design
Piktab
Enthusiasts of vector graphic resources haven’t doubt that Piktab, an extension developed by Freepik, has become our magic wand to finding quality graphic resources. It’s a dream come true, and is that Piktab provides a repository where you can find graphic resources in all those pages that do not stop visiting when we seek inspiration for our creative projects.
Does the new? You needn’t to visit page by page because the most wonderful web they are all together. One way to optimize effort and time and also the latest information on trends in the world of graphic design.
There are two ways to search, the first is to choose a search term and a page where you want to explore. Let’s do a test, for example, look for the word “summer” in Freepik web and the result is as follows:
The second way is to perform the same search but pointing in the search the Piktab option and try’ll notice the difference because it offers all the resources and are vectors, icons or images of all associated pages. If we use the term ‘summer’, the result would be:
At the moment, the available pages are Freepik, Flaticon, Pexels, Iconfinder, Graphic Burger, Freebiesbug, Pixabay, Vecteezy, Iconstore, The Hungry JPEG and Google. All a feast of creative, modern design and with great dedication. Do you dare to try?
ColorZilla
You are on a website and suddenly find that color so beautiful for that creative project you’re working, but how do you get it? The answer is ColorZilla, a tool that allows you to capture colors in a very intuitive and simple.
After adding the extension to your navigator, an eyedropper icon will appear, just activate it and a drop down menu will appear with different options such as ‘Pick Color From Page’ with which you can now select any pixel on the web. After selecting a black box will appear at the top of the browser with RGB or Hexadecimal colors. And with ‘Clip to clipboard’ you can copy the exact color code
The tool also offers a colorful history where your searches will be archived for use at any time. Through ‘Webpage Color Analyzer’ extension lets you know what the color palette used in a web and what are the areas where you have used that color.
Another interesting option is ‘CSS Gradient Generator’ an editor that allows generating linear gradients in CSS for the web. A useful option that allows different gradients, for it, simply select a color, gradient type and copy the CSS3 code generated. In addition, with this tool you can work other effects as linear gradients and multiple stages of color, repetition effects, transparency or angles.
Font Playground
The choice of a font or another is critical for a quality project where we have to work with different fonts.Although we know of its importance, sometimes by haste or devote more time to other creative process, the truth is that we disregard this part. And the truth is that the result is not all that bright hope. So we propose a tool to modify a web in real time but without saving the final project changes.
With Font Playground extension you can have fun while testing different combinations of both local sources such as archived on Google Font library. The process is very funny, after downloading the tool, select a website that you like or one in which you are working.Then, click on the icon Font Playground and appears a box similar to:
As we see among the most interesting or well we find a search engine so you can try those already known sources or, conversely, a panel with different default fonts. Here are useful search filters available: family, style, letter, ascending or descending and popularity.
You can also create a personal library with your favorite fonts, just select the star icon.
What can we change? The style, size, shape a story in lowercase, uppercase or capitalize. We can also try between 27 different effects on the web from 3d, vintage or neon. And best of all is that if we do not like the result only have to give the arrow icon and the primary web as magically appear.
Download Font Playground here!
What font
Continuing with the theme of typography, we present What Font, a tool that analyzes the different types of fonts used on web pages. No more to spend hours looking for that beautiful typography that we saw in a web and we want to use for our designs, there isn’t excuse. It just very intuitive has to activate the tool and navigate the web, you’ll see how fun it is when you slide the mouse and little black boxes begin to appear with the name of the source. Do you dare to capture sources?
Page Ruler
How many times we have lost time by exploring was the exact dimensions of an image in a web page? This already is not a problem thanks to Page Ruler, a tool with which to draw a virtual ruler on our web canvas to be able to measure any object in pixels on a web page as well as to measure distance and trying to balance all the elements to create uniformity and harmony.
With Page Ruler is not only possible to measure the width, height and position of the different elements of the page, but that it allows you to drag the edges of the ruler to change the size of the same. Also you can manually update the element and the position of the toolbar rule for changes of precision.
Thus, the option ‘Element mode’ enables the edition of web designing the different elements of the page as you move the pointer over them. Moreover, as curiosity is translated into 10 different languages, you can customize the guides with the color that you like and the toolbar can be placed on the bottom or top to facilitate the work.
