Category Archives: Web Design

Design To Website, Blog How To Set Up, Google Update Pagerank, Google Crawl, Free Submit Site

Java Video Tutorial 2

Java Video Tutorial 2In this video I continue where I left you in part 1 of the Java Video Tutorial. Definitely watch it first.

Here I show you how to import class libraries, except user input, check for valid input, catch errors in input, a bunch of math functions and more.

All of the code follows the video. You should print it out because it will greatly help you to understand the code better.

Continue reading Java Video Tutorial 2

Java Video Tutorial

Java Video TutorialHere I begin what will be a massive Java Video Tutorial. I start with all you need to start writing Java programs.

I then cover just about anything you’d want to know about Javas primitive data types. I cover declaration statements, expression statements, all the types and how to convert them.

This tutorial starts out slow, but by the end you will be a Java expert! Make sure you print out the code below to help you learn easier.

Continue reading Java Video Tutorial

Install Java 1.7 Eclipse

Eclipse IDEI’m beginning a new Java tutorial using Eclipse as my IDE. Every time I have used Eclipse in the past there have been installation problems so, I’ll try to fix that issue here.

I use Eclipse because in my opinion it is the best free IDE available.

Also note that I’ll provide Java 1.7 installation steps for PCs, but Java 1.6 & 1.7 steps for MACs. The reason why I’m doing that is because Java 1.7 isn’t quite ready yet for Eclipse on MACs.

Don’t worry, there isn’t that much of a difference between Java 1.6 and 1.7. At least for a beginner tutorial.

Continue reading Install Java 1.7 Eclipse

WordPress Shopping Cart 2

Wordpress Shopping CartHere I show you how to properly set all of the settings for our WordPress Shopping Cart. If you missed part 1 check out WordPress Shopping Cart Tutorial.

All of the possible settings for the WP E-Commerce Plugin are covered in the tutorial below. It’s awesome and completely useable even in its completely free form.

The theme I made for this tutorial is also available for free here Shopping Cart Theme Files.

Continue reading WordPress Shopping Cart 2

WordPress Shopping Cart Tutorial

Wordpress Shopping Cart TutorialIn my search to create a fully functional shopping cart application I found the WP-eCommerce Plugin for WordPress. This plugin handles orders, works with most every payment service, handles shipping, inventory, etc!

The only thing people don’t like is that it isn’t easy to make a custom shopping cart with WP-eCommerce. So, in this tutorial I’ll show you how to make a Custom WordPress Shopping Cart.

I’ll build the shopping cart directly into the WordPress Theme I made in my How to Design a Website Tutorial.

Continue reading WordPress Shopping Cart Tutorial

How to Design a Website 3

How to Design a Website 3I continue showing how I design websites in this video tutorial. If you missed part one check it out first here How to Design a Website.

In this tutorial, I really focus in on how to correct errors in a web design. I look for errors using the Developer Tools inside of Google Chrome.

I also show you how I make a site work on Internet Explorer using the Adobe BrowserLab.

Continue reading How to Design a Website 3

Image Maps in WordPress Posts

Wordpress Problems SolvedI’ve received a few requests on how to put an Image Map in a WordPress Post. So, in this tutorial I’ll show you.

WordPress is a bit picky about how you create your image map, but by copying the code below you’ll be making image maps in no time.

You can map out your coordinates using many tools. Dreamweaver actually makes image maps that don’t work in WordPress. A free site image-maps.com, a free site, however creates great image maps.

Continue reading Image Maps in WordPress Posts

How to Design a Website 2

How to Design a WebsiteIn a previous tutorial, How to Design a Website, I showed you the steps I follow to create a web design as quick as possible.

Because of numerous requests, I’ll show you how to add my cross browser Featured Content and JQuery Slider components to that original design.

This tutorial will continue to take you to the next level in web design. Good developers know the languages. Great designers can build websites that work consistently on every browser. I teach you more about cross browser development now.

Continue reading How to Design a Website 2

Edit the Coda Slider

Edit Coda SliderA couple of tutorials ago I showed you how to Make a Featured Content Slider using the Coda Slider. It is cross browser and very easy to edit.

Since then I’ve received many emails asking me how to edit it. So, in this video I’ll show you how to edit the Coda slider.

I also show you how to check if your website will look nice in other browsers. The tool I use is the Adobe Browser Lab. It’s free!

Continue reading Edit the Coda Slider

Cross Browser Horizontal Menu

Cross Browser Horizontal MenuIn this article I’m going to kill a bunch of birds with a small pile of code.

Not only is this a cross browser horizontal menu that works on browsers all the way back to Internet Explorer 5.5. This menu works without JavaScript on all browsers except for IE 6 & 7.

On top of that the menu works with WordPress themes. In fact list used below is the automatically generated by WordPress.

Continue reading Cross Browser Horizontal Menu

How to Design a Website

How to Design a WebsiteIn this video tutorial, I’ll show you how to design a website quickly.

I start out with a basic sketch that took me 10 minutes to draw. I explain what I’m thinking about as I create that sketch.

I then show you how to quickly draw everything using the free version of Artisteer. After everything looks nice I throw it into Adobe Illustrator for additional editing.

Continue reading How to Design a Website

Awesome Web Designs

As I look for interesting websites, I normally am not impressed. I’m actually amazed that most every corporate website is either boring, or poorly laid out.

So, I gathered some of my favorite designs here. I tried to focus on sites that had both a great layout as well as typography.

I tried to avoid picking sites that had brilliant photos, or illustrations. I did this so I could focus on great layouts above all else.

Continue reading Awesome Web Designs

Make a JQuery Slider

Make a JQuery SliderIn this video tutorial I show you how to make a JQuery Slider similar to the ones Apple uses. This is the final component of my upcoming WordPress shopping cart theme.

I use the JQuery UI slider as a base and then make it into a more useable tool for your websites.

My custom JQuery slider code follows the video. The theme used is available here JQuery Theme Roller.

Continue reading Make a JQuery Slider

Make a WordPress Vertical Menu

Make WordPress Vertical MenuIn this tutorial I’ll not only show you how to make a WordPress Vertical Menu, but also how to do so on any website. It is cross browser as well.

I also show you how to do all kinds of neat things with JQuery! All of the following functions are covered : has(), mouseover(), mouseout(), offset(), closest(), attr(), find(), and much more.

I hope you like it and of course all of the code follows the video.

Continue reading Make a WordPress Vertical Menu

Make Featured Content Slider 2

Make Featured Content Slider 2Here I finish the Featured Content Slider I started in the last tutorial.

You can find all of the code and part 1 of this tutorial series at Make a Featured Content Slider. The goal of this series wasn’t to make a static slider, but instead to provide a tool you could shape into any type of slider, gallery, or lightbox.

In fact, after this tutorial you should check out How to Make a Slideshow, if you want to turn this into a slideshow?

Continue reading Make Featured Content Slider 2

Make Featured Content Slider

Make Featured Content SliderHere I’ll show you how to make a featured content slider. With it you will be able to make any type of slider, gallery, or light box.

It is cross browser and highly customizable. It is based off of the great Coda Slider which is available here for download.

Along the way you will also learn a lot about JQuery, HTML and CSS. All of the code follows the video below. Also the code is in a zipped archive for download.

Continue reading Make Featured Content Slider

Create a WordPress Theme 5

Create a WordPress Theme 5Here I finish my WordPress Theme Tutorial by showing you how to create the archive and 404 pages.

I also show you how to issue custom queries and how to use a bunch of other WordPress functions in this tutorial.

All of the code for this whole theme  is here Create a WordPress Theme. You can also download the finished theme there for free. And, if you missed part 1 of this series check out How to Layout a Website.

Continue reading Create a WordPress Theme 5

Create a WordPress Theme 4

Create a WordPress Theme 4Here I show you how to make single.php, page.php and search.php. All of the code and theme is available here Create a WordPress Theme 1. You should definitely check out that video before you watch this one.

As well, I show you how to retrieve post data like post authors, dates, categories, comments and articles.

We are almost done with the theme!

Continue reading Create a WordPress Theme 4

Create a WordPress Theme 3

Create a WordPress Theme 3In this part of my WordPress Theme Tutorial I fix all of the CSS for the main blog page. I layout the sidebars and fix up any errors that may have come out while making this theme.

All of the code from this tutorial is available in part 1 of this tutorial here Create a WordPress Theme. You can use the code however you’d like.

Feel free to also download the theme. It is free to use as well.

Continue reading Create a WordPress Theme 3