Tutorial Blog » Philip Beel

Web Development – Tools Of The Trade

Philip Beel — Tue, 23 Dec 2008 23:00:24 +0000

With an ever growing number of browsers to make your code compatible with and higher demands placed on web designers and developers there is a requirement for more powerful tools to create and maintain your code. This tutorial will cover a number of methods and resources to help aid you in the escalating demands of your web projects.

Many Developers and designers have their own personal favorite browser for developing and managing their websites. This tutorial will focus on the use of Firefox. This is not to say other browsers put you at a disadvantage, but the addons and enhancements are all supported by Firefox.(...)
Read the rest of Web Development – Tools Of The Trade (713 words)

© Phil Beel for Tutorial Blog, 2008. | Permalink | 5 comments | Add to del.icio.us
Post tags: Design Links, development, development tools, tools, Web, Web Development

Feed enhanced by Better Feed from Ozh

Web Development – Tools Of The Trade is a post from: Tutorial Blog

The Web Designers Guide To Success

Philip Beel — Mon, 22 Dec 2008 23:00:40 +0000

If you are a free lance web designer or developer you will know just how difficult it can be to earn a dime in the world of web design. I have learned a lot of lessons, most of them the hard way. Being great at web design and being great with clients, are two very different requirements. By setting yourself these basic rules, and sticking to them you will save yourself becoming victim to a number of pitfalls. That’s why I have put together this guide to help maximize your projects success.(...)
Read the rest of The Web Designers Guide To Success (631 words)

© Phil Beel for Tutorial Blog, 2008. | Permalink | 4 comments | Add to del.icio.us
Post tags: project management, Web Design, web guide

Feed enhanced by Better Feed from Ozh

The Web Designers Guide To Success is a post from: Tutorial Blog

PHP includes – For Rapid Web Design

Philip Beel — Thu, 18 Dec 2008 23:00:55 +0000

I was asked a while ago for some advice by a fellow web designer on how to save time when creating and updating web pages, it became apparent after talking to him for a few minutes that he was unaware of the possibilities that PHP could offer to rapidly improve site turnaround time. This tutorial is aimed at web designers with familiarity in HTML and CSS, no former PHP knowledge is required. I will show you just how easy it is to use PHP’s include method to clean up and speed up your web design practice.(...)
Read the rest of PHP includes – For Rapid Web Design (623 words)

© Phil Beel for Tutorial Blog, 2008. | Permalink | 8 comments | Add to del.icio.us
Post tags: data structure, organisation, PHP, structure, Web Design

Feed enhanced by Better Feed from Ozh

PHP includes – For Rapid Web Design is a post from: Tutorial Blog

CSS Frameworks To Consider

Philip Beel — Sun, 07 Dec 2008 23:00:47 +0000

CSS frameworks may seem like overkill, but more and more support has been given to this ever improving science. Aimed at improving website turnaround time, frameworks aid designers in the build process. This tutorial will show you why CSS frameworks are worth using, along with some possible solutions you can try for yourself — all for free, and easy too.(...)
Read the rest of CSS Frameworks To Consider (390 words)

Feed enhanced by Better Feed from Ozh

CSS Frameworks To Consider is a post from: Tutorial Blog

Improve Your SEO Part 3 – Attention To Detail

Philip Beel — Wed, 03 Dec 2008 23:00:55 +0000

Welcome to the final installment of “Improve Your SEO.” This topic has been spread over three posts, so if you haven’t already, check out part 1 and part 2 of the series. This final post will concentrate on the final touches of Search Engine Optimization (SEO), which you can implement to improve the performance of your site. The topics have been broken down with examples to give you a better understanding of how you can implement the changes.

This tutorial will cover splash pages, backlinking and javascript implementation, as well as URL structure and folder directory layout, all of which are extremely important in optimising your websites search engine friendliness and increasing traffic to your website.(...)
Read the rest of Improve Your SEO Part 3 – Attention To Detail (702 words)

© Phil Beel for Tutorial Blog, 2008. | Permalink | 8 comments | Add to del.icio.us
Post tags: Search Engine Optimisation, SEO

Feed enhanced by Better Feed from Ozh

Improve Your SEO Part 3 – Attention To Detail is a post from: Tutorial Blog

Fluid, Fixed and Elastic Web Design, Explained

Philip Beel — Tue, 25 Nov 2008 23:00:56 +0000

When using CSS to style a website there are three primary layout types available to web designers. This tutorial aims to arm you with the information you need to know to help make a more informed decision when choosing how to design your website projects.

The Options

The three primary layout styles for determining the width of websites — Fluid, Fixed and Elastic. All have their own merits. There are also drawbacks to these design patterns, so it’s important to know the best situation in which to use each type of layout.(...)
Read the rest of Fluid, Fixed and Elastic Web Design, Explained (563 words)

Feed enhanced by Better Feed from Ozh

Fluid, Fixed and Elastic Web Design, Explained is a post from: Tutorial Blog

Image Mapping with CSS

Philip Beel — Tue, 18 Nov 2008 23:00:28 +0000

Image Mapping – This tutorial will show you the benefits of image mapping and why you should implement it when building websites. I will take you through the how and why, plus show you image mapping in action. This image mapping tutorial is aimed at beginners and will only require you to know the basics of HTML and CSS.(...)
Read the rest of Image Mapping with CSS (395 words)

Feed enhanced by Better Feed from Ozh

Image Mapping with CSS is a post from: Tutorial Blog

Improve Your SEO Part 2 – Better Design Etiquette

Philip Beel — Thu, 13 Nov 2008 23:00:49 +0000

Welcome to the second installment of “improve your SEO”. This tutorial will show the best way to structure the content of you website to make it is easier to read and better to find. If you haven’t already, why not check out the first installment of the series “Google tools“, which focuses on how to use Google’s webmaster tools to your advantage. This Tutorial is aimed at anyone keen to improve their websites search ability by using a few powerful techniques.(...)
Read the rest of Improve Your SEO Part 2 – Better Design Etiquette (611 words)

Feed enhanced by Better Feed from Ozh

Improve Your SEO Part 2 – Better Design Etiquette is a post from: Tutorial Blog

Improve Your SEO Part 1 – Google Webmaster Tools

Philip Beel — Sun, 09 Nov 2008 18:00:48 +0000

This is part 1 in a series of tutorials which will help you discover new methods for improving your Search Engine Optimization. From better code practice to tricks of the trade these tutorials will cover a wide range of techniques to help you improve your overall search ranking performance. This first installment will show you how you can improve your search engine ranking by using Google‘s web master tools. a free solution which will provide you with an array of powerful tools to to help increase traffic to your website.(...)
Read the rest of Improve Your SEO Part 1 – Google Webmaster Tools (632 words)

Feed enhanced by Better Feed from Ozh

Improve Your SEO Part 1 – Google Webmaster Tools is a post from: Tutorial Blog

Client-Side Form Validation with jQuery

Philip Beel — Thu, 06 Nov 2008 10:00:36 +0000

This tutorial will show you how to validate a simple contact form using the bassistance jQuery validation plugin. This will allow you to validate a form before it has been submitted. See the demo here.

Step 1 – The Form

This same form was featured on the Ajax Contact Form Tutorial. So if you want to extend the original form, this tutorial should enable you to do so quite easily.(...)
Read the rest of Client-Side Form Validation with jQuery (460 words)

Feed enhanced by Better Feed from Ozh

Client-Side Form Validation with jQuery is a post from: Tutorial Blog