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.
Tuesday 17 September 2013
Tuesday 4 September 2012
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.
Tuesday 12 June 2012
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;Sunday 13 May 2012
CSS HTML Layout Guide
How do you layout a website?
I have done several websites in my time, but every time I started the layout I really
did not know how to do it properly, until now.
An HTML and CSS Layout is essentially containers inside containers. These containers are different HTML tags with different CSS styling. The main container being the <body> tag.
These containers are then used to contain the HTML content like text, images, video etc.
Main container tags are <div>, <span> and <table>, more on that later.
I have done several websites in my time, but every time I started the layout I really
did not know how to do it properly, until now.
An HTML and CSS Layout is essentially containers inside containers. These containers are different HTML tags with different CSS styling. The main container being the <body> tag.
These containers are then used to contain the HTML content like text, images, video etc.
Main container tags are <div>, <span> and <table>, more on that later.
Subscribe to:
Posts (Atom)