Business Etiquette

Web Development

Training Resources

Below you will find useful informational articles , including tips and tricks, how-to articles etc. Content is updated on a weekly basis.

HTML and CSS Learning
How to Apply CSS to HTML Tags

How to Apply CSS to HTML Tags

HTML/CSS class at Training Connection we learn different ways of adding CSS styles to our HTML documents. There are benefits and drawbacks of each method available but first let's make sure we understand what a CSS Style is and why we use them. Read more

How HTML Heredity Works

How HTML Heredity Works

Heredity is the passing of traits from parents to their offspring. Ok, that's part of the dictionary definition, but what does this have to do with HTML? Did you know that there is heredity being passed down through our HTML tags? Well, heredity, as in "passing of traits", or in this case, properties. Read more

How HTML Specificity Works

How HTML Specificity Works

What is CSS Specificity? Specificity in CSS is the way a browser will determine which declarations are applied to HTML elements when there is a conflict from multiple rules. Ok, so what does that mean exactly? Let's look at an example: Read more

Sprite Sheets in HTML/CSS Part 1

Sprite Sheets in HTML/CSS Part 1

Images are used all over a typical web page; for the logo, as icons, badges, buttons, and of course regular pictures. Some may have special effects such as rollover changes. A responsive page may swap out a smaller image with a larger one as the screen size increases, and vice versa. Read more

Sprite Sheets in HTML/CSS Part 2

Sprite Sheets in HTML/CSS Part 2

In this part we look at how to create rollover effects using sprite sheets and how to create your own sprite sheet. Using sprite sheets in rollover effects is also pretty easy. First, create a sprite sheet (explained below) that contains both the inactive and active states of the rollover. Read more

Using HTML Reset Stylesheets

Using HTML Reset Stylesheets

One of the challenges in web design is in making your pages look consistent across the different browsers. Every browser has a user agent stylesheet which it uses to provide default style values when rendering a web page. In the absence of any other style rules, the browser falls back to the user agent stylesheet values to "fill in" missing property values. Read more

Creating a Full-Height Web Page Layout

Creating a Full-Height Web Page Layout

A common issue that comes up when creating web pages is what happens when the content on a page is smaller than the screen height. For example, take a look at the following simple layout: Read more

JavaScript Learning
JavaScript Variable Scopes

JavaScript Variable Scopes

You know what a function is and you know how to create variables. But, did you know that a variable behaves differently when it is used inside a function? Specifically, we are talking about variable scope. No, not the mouthwash for variables, although sometimes I feel like my variables could use a good cleaning. We are talking about the scope, as in the range of the effect of a variable. Read more

JavaScript Arrays Explained

JavaScript Arrays Explained

Learning to use Arrays correctly is a fundamental part of your JavaScript journey. If handled incorrectly they can produce unintended results, much like mishandling a manta ray, you can get stung! Read more

JavaScript Array Methods

JavaScript Array Methods

One of the most powerful features of an Array is the ability to use its built in methods. A method is a built-in function that acts upon an object, like an Array. A useful method of an Array to know is the 'toString()' method which converts the values of an Array to a comma delimited string: Read more

Understanding Immediately-Invoked Function Expressions Part 1

Understanding Immediately-Invoked Function Expressions Part 1

You may have heard the term "immediately-invoked function expression" but may be unfamiliar with what they actually are or how they're used. An immediately-invoked function expression (or IIFE, pronounced 'iffy' for short) is a Javascript pattern to create a private scope within the current scope. This new scope may or may not be persistent (a closure). The technique uses an anonymous function inside parentheses to convert it from a declaration to an expression, which is executed immediately. Read more

More Resources