20 Awesome Handpicked Tools and Resources for Web Developers
In this article, I have gathered a collection of 20 must-have tools and resources that will help you learn, do more and be more productive. We have missed something that you can’t live without? Share it in our comment section. Here are our 20 handpicks:
Web Design :
An amazing resource for high quality textured patterns. A lot of great artists have contributed there to create a collection of really sharp and versatile images. Oh, and browsing on their site is quite enjoyable as well.
2. Blokk Font
Blokk is a font specifically made for mock-ups and demos and is an excellent looking alternative to Lorem Ipsum. It could come in handy in the case of an edge of the art design that wouldn’t usually mix well with latin on it.
3. Google Fonts
You probably know about this one by now but we couldn’t omit it anyway. It’s Google’s font library which is by far the best place to go to when in the search of web-friendly fonts.
4. HailPixel
A fun to use color picker. It handles choosing the hue, lightness and saturation of colors in a unique and cool way.
5. Lokes HD Hakar
An awesome online service with a brilliant idea behind it. Color Thief lets you upload an image and get the color palette for it, as well as its dominating color. Very helpful for making design decisions.
6. Dribbble
Dribbble is a community of web designers, graphic designers, illustrators, icon artists, typographers, logo designers, and other creative types share small screenshots (shots) that show their work, process, and current projects. A great place to explore new design ideas.
7. Bootstrap
A front-end framework for building responsive websites. It makes your websites responsive and look good both on small and on huge screens with a well done grid system and tons of CSS and JS features. There are lots of additional resources and plugins for bootstrap, as well as alternative frameworks like foundation.
8. Project Parfait
Project Perfait is an Adobe product that gives us the opportunity to get important info about a PSD right in your browser. However, it doesn’t support PSD editng (at least yet).
It will also a handy tool to code psd templates !
Coding :
9. CodePen
CodePen has grown into a platform for showcasing impressive CSS3 and JS demos. Whether you are on the hunt for cool buttons or simply looking for some inspiration, do check CodePen out.
10. W3 Validator
The Validator is a free service by W3C that helps check the validity of Web documents. It can process documents written in most markup languages and give you insight on what might be wrong with the code. This tool should be your first step when trying to find bugs with your HTML.
11. jsfiddle
12. Hurl
This is a tool for testing APIs. You choose the request method, customize headers and POST parameters, add basic authorization or OAuth credentials, and even follow redirects. Then view the nicely formatted request and response.
13. SublimeText
Sublime Text is a sophisticated text editor that lets you type in and play around with text or code in amazing ways. It rose into prominence recently, but there are lots of alternatives for the “slickest code editor” crown. Some that are worth watching are github’s new Atom editor and Adobe’s Brackets. Not to mention VIM and Emacs, which have been around for quite a while and have large communities of developers using them.
14. Cloud9
Cloud9 is a cloud-based development environment that gives you a terminal to your private Ubuntu VM, among other powerful features. Alternatives include Nitrous.io and Codio and Code Anywhere, among others.
15. Heroku
Heroku was the first major player in the platform as a service boom that hit developers by storm. Before it, we relied on cheap hosting providers with horrible reliability to host our websites (or setting up our own servers). But heroku introduced git push deployments and we were spoiled for life. If you want to be in full control of your servers, you might want to try dokkuinstead.
16. Piwik
Piwik is an app that gives you extensive information about your users and their behavior on your website. You can use this in additional to the venerable Google Analytics.
17. Responsinator
Responsinator helps website makers quickly get an indication of how their responsive site will look on the most popular devices.
Image processing :
18. Place it
Placeit.net is a tool for creating awesome mock ups for your website or demo by placing them on the screens of computers and devices in stock images. It includes hundreds of cool designs to choose from and is rather easy to use.
19. GitHub and Bitbucket
Git made version control accessible to the masses, and Github revolutionized the way developers collaborate. Github is the most popular repository hosting website in the world and gives you an unlimited number of public repositories for free. If you need to host your private repos for free, though, you can take a look at Bitbucket.
Chrome extensions :
In Brief , if you knwo any other handy tool that a developer must have , just comment it !
Tidak ada komentar:
Posting Komentar