[Re]Encoded.com

Where Do Code Junkies Like You Store All That Code?

All web designers and developers have buckets of code that they use frequently in many different projects. These snippets often get lost on post-it notes, .txt files and take minutes (embarrassingly hours in some cases) to find. That’s lost time for developers and defeats the point of using snippets to save time typing things up again.

Welcome Snipplr.

Snipplr.com is basically an online code snippet repository. You can make a free account and upload and store all your favorite bits of code that you use each and every day and

know exactly where to go to find them again. It’s public source and allows you to share your code snippets with other coders and members of the Snipplr community.

Before you login and have a go, let us share with you some of our favorite snippets on Snipplr.

• XHTML 1.0 Strict DOCTYPE
  A good start to any web based project to strict standard compliance.
  Code snippet – XHTML 1.0 Strict Doctype on Snipplr
• Safari style search
  This snippet places a Safari style web browser search field onto your site that can be used
  to style your search box.
  Code snippet – Safari search field on Snipplr
• Hide your email address from spam bots
  A bit of code to protect your email address from spam bots on your website using css.
  Code snippet – Gracefully degrading email obfuscation on Snipplr
• Country select menu
  This saves a lot of time when making menus for pages, or contact forms, with country selections. Be honest, how many times did you have to type this out before?
  Code snippet – Country Select HTML on Snipplr
• Font stacks
  Font stacks are a great way to get more rich and unique typography in your websites but
  whilst also ensuring compatibility across operating system platforms and font collections.
  Here’s a few from Michael Tuck to get you started:
  Code snippet – 8 Font Stacks on Snipplr
• CSS tooltip
  Forget the standard IE tool tip, this little snippet can be altered in CSS to any colour or size you want. Great for highlighting important information or helping users with contact form fields or adding detail to images.
  Code snippet – Pure CSS Tooltip on Snipplr
• Easy Flickr slideshow
  An easy way to drop in a Flickr slideshow into your pages. Just add your user name and
  any specific Flickr photo tags and you are away.
  Code snippet – Placing a Flickr Slideshow on Snipplr
• Redirect to iPhone site
  Even though iPhone’s can render normal web pages comfortably, developers often create an iPhone alternative which redirects the iPhone user automatically. Case in point would be ESPN as in their normal site and their mobile site as noted by David Walsh. Great if you want to create an iPhone alternative site for users if thatʼs what a lot of your visitor base are surfing in with. Check your stats for browser activity.
  Code snippet – iPhone & iPod Detection on Snipplr

Summary

And there’s loads more where that came from. JQuery tips, editing htccess files to prevent duplicate content, easy Google Maps and loads more.

Go a have a look at snipplr.com and start getting that code searching time back. Your workflow will thank you for it.

Let us know your favorite snippets and please comment on these below, and even tell us your own additions to Snipplr.

Happy code gathering.