Take your Website Full Ajax with the history API

Its 2013, is your website using AJAX? If it is not take a good look in the mirror. Every time I see a HTML gallery where I have to reload the page every time to get to the next photo I die a little inside but why stop there? The web is moving to single load web applications. Single load applications make the user experience more fluid and enjoyable.

Concept  How can we take existing basic HTML web pages and convert them to a single load web application?

Solution  With the help of AJAX, javascript and the history api along with a lightweight javascript api full-ajax.js created by myself.

Download    Beta Version full-ajax.js its free to use and modify by the GNU version 3 aggreement.

Create your own Custom Navigation Slider with JQuery

The Navigation Slider

The Navigation slider has become popular around the web for a while now, the idea is to have multiple headlines topics rotate in the slider. This gives more area for large images and to put emphasis on the headlines.

This tutorial will explain how to make your own like the one above, it also assumes you have a working knowlegde of Html,CSS,Javascript and JQuery.

Directional Map Path Finding with a Hexagon Grid

Creating the Hexagon grid:

   We first need to create the hexagon grid, we start off with a simple data structure that contains pointers to each of its neighbours. We also need an isWall flag to determine if the node is a wall node. We also keep a x and y index of were the node is stored in our 2D array.
class HexMapNode
  int x,y;
  boolean isWall = false;
  HexMapNode *top,*topLeft,*topRight = null;
  HexMapNode *bottom, *bottomLeft,*bottomRight = null;
  HexMapNode *selectedNeighbour = null;
  int nodesUntilGoal = 9999;

Ultimate HTML CSS Layout Demo

UltimateHTMLCSSLayoutDemo link