Tutorials

Introduction:

This tutorial is going to be explaining the Javascript/jQuery events for mouse enter and leave.

jQuery Events?

jQuery or Javascript events are triggered when the appropriate event trigger occurs. The trigger is easily determined by simply looking at the event name, for example; this tutorial is on the 'mouse enter' and 'mouse leave' events, which are therefore triggered when the user moves their mouse in to, and out of, the given event area.

HTML:

Before we can start our jQuery we need some basic HTML.

Introduction:

This tutorial will be on how to use an API which returns a JSON format of information in PHP.

API? JSON?

An API stands for an Application Program Interface and is used by external applications to connect with prebuilt libraries or sources of information via the API making the connection between the two. JSON is a form of information formatting, and stands for JavaScript Object Notation.

Introduction:

Welcome to the third and final part of Parallax Scrolling tutorial in HTML, CSS, and jQuery. This part is going to cover the jQuery part of the script, which handles the actual moving of the parallax effect.

Including jQuery:

Before we can begin writing a bit of jQuery, we must first include it in our HTML file.

Introduction:

This tutorial is the second part of my Parallax Scrolling mini-series tutorial in which we are going to be using CSS styling to style our required tags and classes.

CSS:

CSS is Cascade Style Sheets and are used to styling elements in HTML to make their visual appearance more appealing.

Internal:

I am going to be using internal CSS for this tutorial which means I only require the single HTML page. To achieve this, I am going to write some style tags within my head tags of my HTML page.

Introduction:

This tutorial is the first of three parts in which I will show you how to create a Parallax effect using HTML, CSS, and the Javascript library jQuery.

What is a Parallax Effect?

A parallax effect is where one element or layer moves in the opposite direction to another element or layer. This can be used in a professional manor for some websites to give a nice, smooth effect to the content.

HTML:

First we need the HTML for our page.

Introduction:

This is the final part of my mini-series explaining how to create interactive tracker boxes in HTML, CSS, and jQuery to allow HTML content to change once the user interacts with the boxes. This part is will explain the final step, jQuery.

jQuery Installation:

To begin using jQuery within our file, we first need to link it.

Introduction:

This tutorial is the third part of my interactive tracker boxes tutorial series which allows content to change dependant upon which tracking box the user clicks on. This part is covering the content of the tracker boxes.

HTML:

The heading for the box which is hovered over will go under the 'informationTitle' CSS ID, and the information will go under the 'informationParagraph' CSS ID.

We want to implement array class with the following specifications: - range checking. - array assignment. - arrays that know their size. - compare arrays using '==' and '!=' operators. In the next example we will implement a simple class for integers is called Array, it has the previous specifications, and it has the following structure:

1. Introduction.

2.