Attempting Awesomeness: 2012

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.

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

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.

Attempting Awesomeness

Pages