Free Responsive Menu


Responsive Nav is tiny JavaScript plugin which weighs only ~1KB minified and Gzip’ed, and helps you to create a toggled navigation for small screens. It uses touch events and CSS3 transitions for the best possible performance. It also contains a “clever” workaround that makes it possible to transition from height: 0 to height: auto, which isn’t normally possible with CSS3 transitions.

How to use Responsive Nav

Put these into the head tag

<link rel="stylesheet" href="responsive-nav.css">
<script src="responsive-nav.js"></script>

Add Markup

<nav class="nav-collapse">
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Projects</a></li>
    <li><a href="#">Contact</a></li>

Put this right before the body closing tag

  var nav = responsiveNav(".nav-collapse");

Demo  Download Responsive

How to Optimize Web Server- Install Memcached


On dynamic websites is highly recommended a cached system. There are several methods how to implement a cached system but in this article we will show how to install Memcached. Memcached is a general-purpose distributed memory caching system that was originally developed by Danga Interactive for LiveJournal, but is now used by many other sites. It speed up dynamic database-driven websites by caching data and objects in RAM to reduce the number of times an external data source (such as a database or API) must be read. Memcached runs on Unix, Linux, Windows and Mac OS X and is distributed under a permissive free software licens.

Continue reading

Indispensable JavaScript tool for HTML5 and CSS3


Not all browser are update to the latest version to support the HTML5 or CSS3 features. If you have developed a website with latest features some users might have problems even browsing your page. We can solve this problem adding some script in our webpage.Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser. Let’s se how it works.

Continue reading