Useful tools for designers and developers

In the network there are a large number of online services and tools that can greatly facilitate and accelerate the process of creating the site. Today we'll talk about some of them. These tools are useful to you when writing code css, adaptive testing sites to work with typography and creating a skeleton tables, etc.
Tools for working with color

Colllor -a very useful and convenient service: simply select a color and you get a set of colors and combinations.



0to255 -simple tool that helps pick color hex-codes.



Tools for writing css

Warp CSS -css-allows you to create text on a path. When set all the settings, press the «GENERATE HTML», get ready to code.



CSS3 mikeplate -online-platform for writing css3-code, which will greatly facilitate and accelerate the work.



prefixr -service, which checks whether you have all of the prefixes for browsers.



DirtyMarkup -makes it easy to clean even the dirtiest code.Just paste the code into the editor and press «CLEAN».



Bear CSS -load your html-file and get the css file with the names of styles.



Tools for working with typography

Google Web Fonts -* If you have some reason not using this service, highly recommended. A large number of free fonts (and Cyrillic as well) that can be easily connected to html-document online.



WhatTheFont -service to determine the font in the picture.Fill the image with print, to find out what font is used (you will also receive a selection of similar options like).



CopyPasteCharacter -simply select the symbol you want and copy it as text or as html-code.



Fontomas -allows you to select the appropriate pictograms and build your own font with icons.



EM Calculator -allows you to convert pixels in relative units em.



csstypeset -generates code css for font online.



Fontdragr -drag the font file from your computer to fontdragr, to find the right combination. You can also use the gallery fontdragr fonts for this purpose.



Tools for creating a page structure

wirify -allows you to instantly convert any page in the wireframe model.

Gliffy -free software to build a frame page. To get started, click on «TRY IT NOW».



The Pencil Project -a tool for creating diagrams and prototypes of GUI.



Other tools

LoremPixum -using this service you can insert pictures into your html-document online. Choose a category and then copy the code to the desired image.



Myjqueryplugins -allows you to customize and create a drop-down menu, jquery-online.



Responsivepx -we already told you about the tools and plug-ins to create a "responsive" web design. Today I would like to add to these collections have a new and useful service: Enter the address of the site and select any size width and height (from 10 up to 3000px) it helps to test your website "on the full."


Author Collections