Tutorial

  • In this first tutorial you will see how to highlight source code with the help of the jQuery Plugin Chili. Since this is not just another Chili Quick Start Guide we go further and tweak Chili to our liking (add one line of code) and implement our own functions to increase the readability and usability of source code.Our starting pointThe xHTMLWe use this really simple layout with a content area and a sidebar. Nothing fancy. The site has...
  • JSONPWith "JSON with padding" you can request JSON formatted data from a 3rd party server. It makes usage of the script tag. Read more about it in theThis allows us to query any web API that returns JSON and allows a callback. In this quick example we query the Twitter API to find out the followers number of the @usejquery account. $(document).ready(function() { $.getJSON('http://twitter.com/users/usejquery.json?callback=?', function...
  • In this tutorial we will create a website that is able to cache its own content, including markup, stylesheets and javascripts, as a user browse it. To dynamically restore cached files we use a offline manifest and the local storage. Or in other words: every page a user visited online will be available offline too. Please note that the demo application is written in CoffeeScript and must be compiled to JavaScript. If you have Thor...
  • Allowing site content to be mobile friendly can at times become rather frustrating. Formatting table data, in our example a shopping cart table will require a lot of information while still maintaining readability. There are a number of ways to solve this problem as space becomes more valuable on tablet...