CSS: Responsive Navigation Menu for Beginners

Posted on
This very easy jQuery-based Responsive Navigation Menu.

HTML and jQuery code

<html> <head> <title>Responsive Navigation Menu for Beginners</title> <link rel="stylesheet" href="index.css" /> </head> <body> <ul id="navigation"> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> </ul> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script type="text/javascript"> $("#navigation").addClass("set").before('<div id="menu">Menu</div>'); $("#menu").click(function(){ $("#navigation").toggle(); }); $(window).resize(function(){ if(window.innerWidth > 700) { $("#navigation").removeAttr("style"); } }); </script> </body> </html>

How To Install Nginx+PHP-FPM+PHPMyAdmin on CentOS 6

Posted on
Hey Everybody. This is a tutorial that teaches the Nginx+PHP-FPM+PHPMyAdmin installation.

Step 1 - Install the Required Repositories

1. EPEL:
wget http://download.fedoraproject.org/pub/epel/6/x86_64/epel-release-6-8.noarch.rpm

This command will download the package into your home directory:
rpm -ivh epel-release*

Your installation now is aware of the EPEL repositories. Check this by typing:
yum repolist

Then remove the repository configuration package by typing:
rm epel-release*

15 Free UI Kits and Icons for Designers

Posted on
Hello. In this post I've rounded up all the good flat UI kits and icon packs to arm you with a range of quality tools.

1. Flat UI by Andy Law

2. Flat UI Kit 2 (Blog) by Riki Tanone

10 Fresh jQuery Plugins

Posted on

1. Mixit Up

MixItUp is a light weight but great jQuery plugin that provides good animated sorting of categorized and ordered content.

2. Unslider : Responsive Slider without Fancy Effects

Unslider is the jQuery slider that just slides. It's less than 3kb. It's fluid, flexible minimal. If you want to, you can add keyboard arrow support. Not all slides are created equal, and Unslider knows it.

5 Simple Tips for More Efficient jQuery Selectors

Posted on
Remember, jQuery focuses on queries. The core of the library allows you to find DOM elements using CSS selector syntax and run methods on that collection.

jQuery uses native browser API methods to retrieve DOM collections. Newer browsers (Chrome, Safari, Firefox) support getElementsByClassName, querySelector and querySelectorAll which parses CSS syntax. However, older browsers only offer getElementById() and getElementByTagName(). In the worst scenarios, jQuery's Sizzle engine must parse the selector string and hunt for matching elements.
Free Hit Counters