It’s not very often that I make a video tutorial that I really love, but I think I did it today!
In this video tutorial I show you everything that goes into making a full website design with a Horizontal Menu.
I not only show you everything, I try to do it using the least amount of code possible. In doing that I think you will be able to easily make your own web designs.
In this JavaScript Video Tutorial, I show you how to create, change, delete and retrieve the values in JavaScript cookies.
I also review some useful string functions and other ways to use the Document Object Model.
If you missed previous versions of this video tutorial, it all started with this JavaScript Video Tutorial Part 1. By the end of this tutorial you’ll not only understand how to do anything with cookies, you’ll also have an intimate knowledge of the DOM.
In this tutorial I go over a bunch of JavaScript tricks with a focus on error handling in general. If you missed the other parts of this tutorial you should start here JavaScript Video Tutorial.
I’m going to touch on how to dynamically update the web page, because you guys have some questions about that. I’ll then explain how JavaScript Error Handling works by showing you how Try, Throw and Catch works.
All of the code follows the video below and it is free to use however you’d like.
In this part of my JavaScript Video Tutorial, I explain how to dynamically validate forms using JavaScript. This is also a review on how to use the Document Object Model and Regular Expressions.
In this part of the JavaScript Video tutorial I will introduce Regular Expressions. A large number of people have trouble with Regular Expressions. I think it is because the name is so confusing? They aren’t!
A Regular Expression is a series of codes used to describe a series of characters in a string.
They are used to search for a specific string of characters in another string.
I have received many questions about how to manipulate the Document Object Model (DOM) with JavaScript. In this tutorial I will focus on the many ways to do just that.
I’ll show you how to easily dramatically change your web pages the easy way using getElementById. I’ll then show you how to:
In this JavaScript video tutorial I spend some time explaining the complexity of using Arrays and Functions in JavaScript. If you missed part 1, watch that first JavaScript Video Tutorial.
JavaScript Arrays are different from many languages because you can pretty much throw anything in them. This is because JavaScript isn’t strongly typed once again.
JavaScript Functions are also odd because they don’t follow the normal scoping rules used in most other languages. And, did you know you can completely disregard the number of arguments a function will accept? You’ll learn this plus how to:
In this JavaScript Video Tutorial I will completely cover JavaScript Object Oriented Programming. If you haven’t watch part 1 of this tutorial first JavaScript Video Tutorial.
OOP in JavaScript works differently from other languages. Because JavaScript is loosely typed (datatypes don’t have to be explicitly stated) you are unable to implement certain OOP concepts in JavaScript. You can however take advantage of many of the positives obtained through the use of OOP using JavaScript.
In this video tutorial I cover numerous techniques that can be implemented by monitoring events. If you missed part 1 watch it first JavaScript Video Tutorial.
This video is both a review of what you were taught in part 1, but also you’ll learn:
Every Single Event in JavaScript
How to Create Inline JavaScript
How to Change CSS Styling on Anything Dynamically
Change Elements or Delete them Completely
Monitor Every Mouse Movement and Key Press Dynamically
And, numerous other things. All of the code follows the video. If you have any questions or comments, leave them below.
In this JavaScript Video Tutorial I’ll teach you all of the core knowledge needed to write JavaScript code in 30 minutes. I’ve never seen a tutorial like this and was interested in whether you all would like to see more tutorials like this?
I specifically cover the following topics:
JavaScript Datatypes
Embedding JavaScript
Linking to JavaScript
Conditional Statements
Looping
Arrays
Strings
Functions
And, a great deal more along the way. If you’d like to read this information in a slower for see JavaScript Scripting. I also created another JavaScript tutorial that also proceeds at a slower pace if you’d like to check that out Learn JavaScript.
All of the code used follows the video. Leave any questions or comments below 🙂
In this CSS Video Tutorial I’ll show you how to layout a whole web page using Cascading Style Sheets. I’ll create headers, content areas, footers and numerous sidebars. I’ll also show you how to make major changes to a website layout with a limited amount of coding.
All of the code used can be found in the article above and also follows the video tutorial. If you have any questions or comments leave them below. You can use the code in any way that you wish.
In this tutorial I’ll cover most every Cascading Style Sheet property not covered in CSS Tutorial Pt 1 and CSS Text Properties. Specifically I’ll show you how to style:
Backgrounds
Tables
Lists
Cursors
I’ll also introduce you to the box element and its numerous properties. If you’d prefer to read this information please see Learn CSS.
In this video tutorial I will begin going over every way you can style your web pages using Cascading Style Sheets (CSS). I specifically cover in this CSS Video Tutorial how to:
Link to External Style Sheets
Embed Style Sheet Definitions in HTML
What they Mean by Cascading
How CSS’s Work Differently with Inline versus Block Elements
Anna wrote in and asked me to show here different ways to draw in Adobe Illustrator. Here I demonstrate a way to draw that should be easy for anyone to create beautiful illustrations.
I rely on only three tools to create this illustration:
The Pencil Tool (Shortcut N)
The Eye Dropper Tool (Shortcut I)
Send to Back (Shift Command [ on a Mac & Shift Ctrl [ on a PC)
In this Adobe Illustrator Video tutorial I’ll cover a bunch of tools that are often neglected. In the end you’ll be able to create this snowflake and do a bunch of cool things with text. Here is the file I created if you want it Illustrator Snowflake. Do what ever you want with it.