Easily embed a GitHub repo onto your site

Repo.js is a jQuery plugin that enables you to embed GitHub repositories into any webpage. It works by reading the repository information from GitHub and dynamically building a DOM tree of the directories. The complete hierarchical structure is downloaded in a single go and saved as a DOM structure, making it extremely fast. However file source for each one is retrieved only when clicked. A simple example for the twitter bootstrap repo is shown below.
(more…)

Read More

Creating website tours using jQuery

One of the important tasks when creating a new site for clients is to create a written site documentation or a site tour video. The first part is a little tedious and sometimes confusing for the client or user and video requires some desktop software. Tympanus.net provide a nice jQuery tool to create site tours using JavaScript and css.

One of the main advantages of this approach is that you do not have to create a separate documentation or video tour for the site, but can integrate the tour right into the application and activate it as and when required through JavaScript.
(more…)

Read More