Thursday, April 25, 2013

8 Web Development Resources and Tools you Should Try


The design/development community evolves in a fast pace and it is very hard to keep track of everything that is happening around us. This is why we like to gather resources and tools that can make your life easier. Which is what we’ve done for this post. From a text editor, to a plugin to help you with grids, I’m certain you will find these tools very useful.

Emmet

Emmet is a cool and time-saving text-editor plugin that will make your live easier. Check out the demo video on their website to know more.
8 Resources/Tools you should Try

GuideGuide

GuideGuide will help you dealing with grids in Photoshop. The tool is free and will help you creating pixel accurate columns, rows, midpoints and baselines.
8 Resources/Tools you should Try

CodePen

CodePen is a playground for the front end side of the web. It’s all about inspiration, education, and sharing. In other terms, is a place where people show their skills and share their projects.
8 Resources/Tools you should Try

CodeVisually

Since the web community is huge and there is always something new – new tools, resources, solutions, etc – CodeVisually is something close to a library, a directory of open source projects.
8 Resources/Tools you should Try

Less Framework 4

Less Framework is a CSS grid system for designing adaptive web­sites. It contains 4 layouts and 3 sets of typography presets, all based on a single grid.
8 Resources/Tools you should Try

-prefix-free

-prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed.
8 Resources/Tools you should Try

Pictaculous

Brought to you by MailChimp, Pictaculous is a different color palette generator where you upload an image to get a palette using colors within the image.
8 Resources/Tools you should Try

Dash

Dash (for Mac) is an API Documentation Browser and Code Snippet Manager. The tools is super useful for those developing something and who need to check out documentations all the time.
8 Resources/Tools you should Try

About the Author

I love communication, technology, web, design, movies, gastronomy and creativity. Web writer, portuguese/english translator and co founder of @refilmagem & @mentaway Twitter: @gismullr
Here's some other articles that you will definitely find useful.

Open Source Tools and Scripts for WordPress Developers

8 jQuery Plugins for Layout and UI Enhancements

12 Helpful Tools for Responsive Web Design

Tools and Tips on how to Optimize Images for the Web

Parallax Tools and Techniques

No comments:

Post a Comment