To make website is a pretty tough job most of the time. You’ve got client requirements, design challenges, UX stories, UI. It’s a good idea to have bunch of tools handy that’ll help you with your work.Below is a comprehensive list of front end development tools to make your job easier.

There are also a few points on how to improve your day using each one.

1. Code Editor

2. Image Editor

3. Typography

4. Color combination

Below is a comprehensive list of front end development tools to make your job easier. There are also a few pointers on how to improve your day using each one.

1. Code Editor:There are various kind of Code Editor. Over the years of testing and trying out different code editors Sublime Text has always made me feel in control of the code and easy to use.It has some features that users love:

Goto Anything: Use Goto Anything to open files with only a few keystrokes, and instantly jump to symbols, lines or words.

Multiple Selections: Make ten change at the same time, not one change ten times. Multiple selections allow you to interactively change many lines at once, rename variables with ease and manipulate files faster ever.

Command Palette: The command palette holds in frequently used functionality, like sorting, changing the syntax and changing the identification settings. With just a few keystrokes, you can search what you want.  

2. Image Editor:For the image editor I prefer Adobe Photoshop. It is an image editing software developed and manufactured by Adobe Systems Inc. Photoshop is considered one of the leaders in photo editing software. The software allows users to manipulate, crop, resize, and correct color on digital photos.  

3.Typography

Typography is 95% of design, it’s a driving force in all forms of communicating art. Most people would automatically choose the example on the left. The font size and type elicits a feeling of power, seriousness and importance, while the example on the right is fun, light and playful.

You’ll come  across a lot of places to get fonts from, however it’s generally safer to stick sites that are widely used and trusted in the web design industry.

4.Font Squirrel

This is the popular website from where we can get number of free fonts.  Font Squirrel is your best resource for FREE, hand-picked, high-quality, commercial-use fonts. Even if that means we send you elsewhere to get them.