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 Resources:
Sprite Sheets in HTML/CSS Part 1
How to Apply CSS to HTML Tags
In my 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
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
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.
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
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.
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.
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.