Front-end developers they play the important role in web development process.The are responsible for coding, accessibility, performance and more …. .
Below i collect best resources for every front-end from the really useful steps to start
on to professional front-end development they helped me so much on my learning process.Hope you learn more about front-end process. If you have any other resources let me know on your comments .

steps to becoming a front-end web developer

How many time you start your project and every thing is ok, but the important thing colors is missing.You may user Adobe Kuler or any other colors tools around the web.But you say i want to get my own colors that will be unique .Why not try to get your colors outside your computer from nature ,magazines or any thing around you. You will reach your target .
Below is a simple  screencast of how can you get amazing color combination from  a nature image like a beautiful bird .
I hope you like it,if you have any idea about colors inspiration  i want to know it from you
.

Today i discovered a very useful tool for every web developer.Userfly is the most amazing usability analytics tool I've seen!. Who wants to know more about what users do in their websites.Who wants to get a very detailed understanding of how users are interacting with their blog. Userfly will give you the ability to:

• 1- Watch videos of real users on your website.
• 2- You can see every mouse movement and click your visitors make.
• This tool is very easy to use , just register and add  a single JavaScript code into your page header and enjoy .
• I can say about Userfly it’s a must-use service for web developers.

Whether you're a fashion designer, web designer and you want to store, organize all your inspiration images in one place, sharing them with other friends make them private. Ok let’s go to IMG Spark Image Spark lets you upload and create a library of images that inspire you in whatever it is you do. Image Spark can help harness the visual direction of your projects. But it's not just about collecting and storing images — you can converge images using Image Spark's moodboards and help set the visual tone or style you're after.
Image Spark also lets you browse through other user's libraries and moodboards. Looking to the community is a great way to get inspired and grow your own collection.
Working on a project you'd rather keep private? Not a problem — sharing your images and moodboards is completely optional.
Image Spark is free to use. Each new account is assigned 1GB of storage space and two moodboards. Finally this tool is amazing you should try and tell me your impression,check my stuff. 

1-TweetDeck
TweetDeck is your personal browser for staying in touch with what’s happening now, connecting you with your contacts across Twitter, Facebook and more.
TweetDeck shows you everything you want to see at once, so you can stay organised and up to date.

Read more »