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.
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.
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.
Understanding Immediately-Invoked Function Expressions Part 1
Understanding Immediately-Invoked Function Expressions Part 2
In the first part of this series we covered the basics of what an immediately-invoked function expression (IIFE) is and how it works using some simple examples. In this part we will look at some common ways IIFEs are used in applications. Read more.