Set of tools for effective frontend development
Today I want to offer to umumble lovers this small set of applications that are intended to increase productivity while working with the frontend. If you will not find your favorite app here, then you are very welcome to make some comments!
This beautiful form builder helps you to create the most marvelous CSS login boxes and other input items in very short time. Besides the forms on the website of this project, you can create other equally beautiful CSS elements including buttons and ribbons.
For fans of Twitter Bootstrap, there was created this generator that helps you easily change the initial setting styles and start prototyping.
On/Off Switches Generator
There are available switches & toggles on pure CSS. They have very high quality and are simple.
Colllor generates a blending color palette based on the specified color. It allows avoiding the eye-gouging effect in your project, and at the same time it allows using a wide range of colors.
Minify and GZip
It is useful tool that synchronizes changes made through FireBug with CSS files. Can you imagine how much time you'll save?
This site will help you sort CSS by criteria, priorities, selectors and so on. It is very handy thing.
Generator for loading indicators for AJAX and jQuery. It is easy to use and helps to customize.
This tool will help you to generate a pretty ribbon. Well, you know what I mean; Now they are everywhere.
It lets the designers experiment with the fonts. It takes about 30 seconds to register, and you get a powerful tool in your arsenal that allows doing all kinds of things with the fonts, and when you find your perfect combination it is exported to CSS. Is not it wonderful?
It offers set of icons and pictograms for CSS use on your website. Select what you like, watch preview and download. It's simple.
It is a very convenient app for creating sprites. You just simply drag and drop the images you want to, click on the Generate button and get sprite sheet. So far it only works in Chrome and Firefox.
If you do the responsive project, here you can check out how it would look on the screens of various devices.
Do you want to easily and naturally create animations with CSS? Then you get this link. Next you set the direction, location, watch animation and download the source code.
This is another tool for working with CSS sprites. Also, it has drag'n'drop interface, but I think it's much nicer.
If you like LESS preprocessor, then you may be interested in this tool, which converts from CSS to LESS just in one click.
It is a great generator for backgrounds. It offers a huge selection of textures, effects and more.
This website offers you to store all your CSS snippets in one place, namely in the library. It has a comfortable interface that works great.
An application from Jeffrey Way that helps quickly to solve cross browser problems. You can write the CSS code only for one browser, and then you run it through Prefixr, and it will generate the missing code for the correct displaying in other browsers.
You can call it as an online assistant for HTML5. Do you have some doubts about the use of a specific new tag? This resource will tell you whether or not to use it, and how to use it.
The links were taken from smashinghub, tutsplus, codeschool, and my own resources.
|Vote for this post
Bring it to the Main Page