8 tools a web designer can use

2024 Author: Malcolm Clapton | [email protected]. Last modified: 2023-12-17 03:44

Screensiz.es

Screensiz.es is a site that can easily help you find the physical dimensions, screen resolution, aspect ratio and many other parameters of the screens of the most common models of smartphones, tablets and monitors. All information comes in a simple and understandable form - in the form of a table. There are dozens of different Android devices, tablets, including BlackBerry Playbook, Microsoft Surface Pro and Barnes & Noble Nook. For less common devices, finding the information you need is also pretty easy. Screensiz.es also offers a device popularity rating based on Google search statistics and a number of other criteria.

Subtle Patterns

Subtle Patterns offers a wide range of background patterns that can be used as background for your websites. Simple yet pleasing patterns will satisfy the tastes of minimalist design aficionados who want something more than a plain white background. One of the best features of the site is a preview of how any given pattern will look on your site. It should be noted that all patterns are provided at your disposal free of charge.

Lost Type

Remember the font you saw on your favorite site? There is a good chance that this font is taken from the Lost Type site, which brings together many designers who put their work there for sale at a pay-what-you-want price. Perhaps, Lost Type can be attributed to the list of sites that every designer (and not only) should know about. There are not many places on the web where you can get a high-quality unique font and not pay a lot of money for it.

Red pen

Red Pen allows you to solve a very important task simply and quickly, like no other site. You drag your graphic work or layout into a special window on the site, and the service gives you a unique link that you can publish on social networks. By clicking on this link, anyone can click the mouse in an arbitrary place and leave there their remarks and comments on what he sees. An indispensable tool for getting quick feedback from the widest audience.

Pattern tap

Pattern Tap is not a tool in the traditional sense of the word, but it will certainly come in handy for a designer. The purpose of Pattern Tap is to inspire you with ideas for various elements of web pages. For example, the site contains a large list of example 404 pages, audio players, buttons, breadcrumbs, and more. If you run out of inspiration, looking at the various incarnations of an idea can nudge you in the right direction. having a wide range of ideas at your fingertips, collected on one site, is much better than endlessly surfing the Web, sifting through tons of visual information. Pattern Tap also allows you to search by criteria such as colors, styles and types of elements.

Blokk font

The Blokk name speaks for itself. Often, when designing layouts, the designer needs to demonstrate its fullness with text, which often leads to unnecessary extra effort. It is clear that you can use some kind of Lorem Ipsum-style text generator, but there is also a more elegant solution. Blokk font transforms gibberish typed in from the keyboard (fywalge) into something slim and beautiful. Instead of meaningless Latin phrases, you get slender lines that mimic lines of text.

Icon set by Brankic1979

A wonderful set of free icons, perfect for the design of applications, websites and other projects. From numbers to gears to microphones, this set contains over 350 items, and you will surely find something worthwhile in it. The main thing is that the icons are free for both personal and commercial use.

Color By Hailpixel

Of course, there is no shortage of color-pickers. This is one of the tools that a designer should always have at hand, and Color by Hailpixel is definitely worth paying attention to. The website will open and show you a blank screen with a single black link (# 000000). As you move the cursor around the screen, you will see how the background color changes, and the window in the center will show the corresponding hex-code of this color. Clicking with the mouse will create a strip of the current color with the numerical value of this color. Thus, with the movements of the mouse, you can collect a palette of the desired colors for further use. Clicking on the "gear" located on each saved strip will bring up a panel with settings for that color, where you can more accurately set the RGB and HSL values. A wonderful tool.

Do you have your own favorite online tools? Let us know in the comments.