Must Have Code Snippet Resources For Developers

Aug10
Must Have Code Snippet Resources For Developers

Writing the same functions over and over again can be very tedious when coding a website or programming an app, code snippets are the best way to save and organize that information into a usable library and just may be one of the best resources a developer can have at their side.

Whatever your weapon of choice when it comes to freelance web design or building a new app in Ruby, there are hundreds of options available to insert, save, organize and share all of the snippets you use on a daily basis. In this post I will highlight some of the best and give you a rundown on some of their features. As always, feel free to share which ones you use and why, or any that were forgotten in the comments.

Handy Adobe Dreamweaver Extensions

There are hundreds of extensions available for Dreamweaver, here are just a few of the best that add much needed functions into the popular WYSIWYG editor.

jQuery API extension
Reduce tons of typing. If you are into jQuery and use Dreamweaver then you really need this extension. Let us save you tons of time by reducing keystrokes with our jQuery API extension for Dreamweaver which provides code coloring, Snippets, and code hints that list every jQuery and jQuery UI function for you.

jQuery made even easier with a Dreamweaver extension

jQuery made even easier with a Dreamweaver extension

Wp-Builder extension
This extension is specially for designing WordPress template build under DW. Non-config-required installation, just grab it and click the extension (.exp) file and it will do the rest of work.

Automatically insert WordPress tags easily

Automatically insert WordPress tags easily

TagStention
With this extension a toolbar is added in Dreamweaver which you can use for inserting WordPress template tags into your theme files. If a tag has parameters, you’ll be asked to fill in a wizard.

Insert WordPress template tags into your theme files

Insert WordPress template tags into your theme files

Google Tools
Easily add Google checkout, search, and advanced mobile functionality to your web pages.

Insert Google functions into your website

Insert Google functions into your website

Drupal API extension
Reduce tons of typing and get rid of the plain text look when editing Drupal files in Dreamweaver. If you are into Drupal and use, or want to use, Dreamweaver then you really need this extension.

Prototype API Extension
Reduce tons of typing. If you are into Prototype and use Dreamweaver then you really need this extension. Let us save you tons of time by reducing keystrokes with our Prototype API extension for Dreamweaver which provides code coloring,

RubyWeaver
RubyWeaver is an IDE for Ruby and Rails in Dreamweaver and is compatible with Dreamweaver MX through CS4.

Online Snippet Repositories

One of the biggest advantages to using snippets is the large list of online repositories where users can save and share their code with others creating a virtual endless library of resources at your fingertips.

Snipplr
Snipplr is a large snippet search engine. It allows users to post and share their code for over 80 languages. Not only can users post their code, but they can comment on other code snippets users have posted, mark them as favorites which saves them to your profile and there is even a WordPress plug-in that allows you to use shortcode to post code on your blog.

Social Snippet Repository - Snipplr

Social Snippet Repository - Snipplr

Github
Github serves up a large number of forked repositories in a huge variety of languages. Browse repositories based on what’s popular, or search based on keyword, size, the number of forks, and more. Popular repositories include Rails, Scriptaculous, and MaNGOS.

Popular repositories on Github

Popular repositories on Github

Google Code Search
A code search engine from Google that lets you search public source code across the web. The advanced search lets you search within languages, licenses, packages, files, and more.

Google Code Search Engine

Google Code Search Engine

Refactor My Code
A great resource if you want to get help from others to check your code for errors and inefficiencies. Just post some code, let other members know what you need help with, and wait for responses. You can also browse through “refactorings” and codes based on language.

Get help with code on Refactor My Code

Get help with code on Refactor My Code

Dynamic Drive
Dynamic Drive is a large, community driven site with answers to any question you may have related to programming, image effects and more. Some of the main features are a CSS library, code forums and web development tools for any background.

Large, community driven Dynamic Drive

Large, community driven Dynamic Drive

Stack Overflow
Stack Overflow is a collaboratively edited question and answer site for programmers. Users can then vote on the answers posted based on their quality. You can also search questions based on keywords or tags, view unanswered questions, and sort by newest, oldest, featured, and other criteria.

A collaboratively edited question and answer site for programmers. />

A collaboratively edited question and answer site for programmers.

Dev Snippets
An online snippet gallery that links to snippets as well as useful development articles for numerous of platforms and languages that are located off-site, generally on the blogs of their respective creators.

Online snippet gallery, dev_snippets

Online snippet gallery, dev_snippets

Text Replacement

Texter (Windows)
Texter lets you define text substitution hotstrings that, when triggered, will replace hotstring with a larger piece of text. By entering your most commonly-typed snippets of text into Texter, you can save countless keystrokes in the course of the day.

Defined hotstrings in texter

Defined hotstrings in texter

AutoKey (Linux)
AutoKey is a desktop automation utility for Linux and X11. It allows you to manage collection of scripts, and assign abbreviations and hotkeys to these scripts allowing you to execute them on demand in whatever program you are using.

Text replacement in AutoKey

Text replacement in AutoKey

TextExpander (Mac)
TextExpander saves you countless keystrokes with customized abbreviations for your frequently-used text strings and images.

Preferences panel in TextExpander

Preferences panel in TextExpander

Author: Jason Pant

Hi, I'm Jason. A front end developer from Grand Rapids, Michigan, and founder of VagrantRadio. I enjoy working with Css, jQuery, Php, learning new techniques in Photoshop and you should follow me on Twitter or Google Buzz.

Enjoy this post?

If you enjoyed this post, please take a second to promote it via the various social bookmarking sites below. Don't forget to subscribe to the RSS Feed for more interesting articles. Thanks for visiting!

submit to delicioussubmit to diggsubmit to facebooksubmit to redditsubmit to stumbleuponsubmit to twittersubmit to mixxAdd to Google Buzzsubmit to Design Moosubmit to designfloatemail this someone

One Comment

  1. Bart Nelis

    Thanks for sharing these useful resources. I’m quite a fan of zen-coding : http://code.google.com/p/zen-coding/ I bet you’ll be too.