Sam G

Hi guys and gals,
 
Can I politely request that all new topics are posted in the correct forum? I know the idea behind General Chat is to "Kick back, relax and talk about anything you like here" - but if you are posting up something which would be more relevant in one of the other forums, then you should ideally be posting in there instead of here.
People using the general chat forum as a dumping ground for their help requests wtc, will be warned and have the posts deleted.
 
This makes life easier for everyone as topics will be better organised and if people are searching for something they will get more relevant results.
 
Some quick posting guidelines in case you're unsure:
new members should introduce themselves in the Web Designer Forum Introductions forum questions/problems relating to any aspect of web development should go in one of the relevant Web Development forums business/tax/legal discussions should be posted in the Freelancing, Business and Legal Discussion forum and anything else that isn't related to web design/development/business can be posted in General Chat (i.e. in here!) This is by no means an exhaustive list, but you should get the point I'm trying to make hopefully!
 
Finally, I would just like to re-iterate the fact that WDF is a friendly community and we DO NOT condone spam or personal attacks from any members. Anyone found to be blatantly spamming/trolling the forums or attacking other members will be dealt with by the moderating team.
 
Any questions? Feel free to contact Support or to contact an individual staff member, please see Staff.
 
Sam

Here is a list of links to tutorial websites which I have collected over the years and which have also been submitted by WDF members.
 
Please note that this is not an exhaustive list, and will be updated periodically (last update 19.12.17). If you have a link to a decent tutorials website which you think should be included in this list, please contact one of the moderating team to have it added to this thread.
 
Tutorial Sites
 
CSS Tricks (CSS) Learning jQuery (jQuery) Envato Tuts+ (web design) Photoshop Lady (Adobe Photoshop) Psdtuts+ (Adobe Photoshop) screencasters.heathenx.org (Inkscape) Smashing Magazine (various) Tutorialized (Adobe Flash and Adobe Photoshop) tutvid.com (most Adobe applications) W3Schools (web design and development) Web Designer Depot (various)

The most commonly asked question on the Server Side (PHP, Databases, ASP.NET, etc) forum is "how do I create a contact form?".
 
Well... The answer to that question depends on what you want - do you want a ready made form that you can use on your website, or do you want to learn how to code your own form?
 
I have listed below several links to help you on your way. All links/tutorials/script generators are free.
 
 
DIY (Do-It-Yourself) Contact Form Tutorials
 

Free, simple, PHP based email contact form

PHP Contact Form with jQuery Validation

Writing Your First PHP Script: Feedback Form Script
 
Ready Made Scripts
 

A Nice & Simple Contact Form

A Nice & Simple Contact Form (with reCAPTCHA spam protection)

Easy PHP Contact Form (with spam protection)
 
Script Generators
 

Website Contact Form Generator

Hi guys and gals,
 
Can I politely request that all new topics are posted in the correct forum? I know the idea behind General Chat is to "Kick back, relax and talk about anything you like here" - but if you are posting up something which would be more relevant in one of the other forums, then you should ideally be posting in there instead of here.
People using the general chat forum as a dumping ground for their help requests wtc, will be warned and have the posts deleted.
 
This makes life easier for everyone as topics will be better organised and if people are searching for something they will get more relevant results.
 
Some quick posting guidelines in case you're unsure:
new members should introduce themselves in the Web Designer Forum Introductions forum questions/problems relating to any aspect of web development should go in one of the relevant Web Development forums business/tax/legal discussions should be posted in the Freelancing, Business and Legal Discussion forum and anything else that isn't related to web design/development/business can be posted in General Chat (i.e. in here!) This is by no means an exhaustive list, but you should get the point I'm trying to make hopefully!
 
Finally, I would just like to re-iterate the fact that WDF is a friendly community and we DO NOT condone spam or personal attacks from any members. Anyone found to be blatantly spamming/trolling the forums or attacking other members will be dealt with by the moderating team.
 
Any questions? Feel free to contact Support or to contact an individual staff member, please see Staff.
 
Sam

The most commonly asked question on the Server Side (PHP, Databases, ASP.NET, etc) forum is "how do I create a contact form?".
 
Well... The answer to that question depends on what you want - do you want a ready made form that you can use on your website, or do you want to learn how to code your own form?
 
I have listed below several links to help you on your way. All links/tutorials/script generators are free.
 
 
DIY (Do-It-Yourself) Contact Form Tutorials
 

Free, simple, PHP based email contact form

PHP Contact Form with jQuery Validation

Writing Your First PHP Script: Feedback Form Script
 
Ready Made Scripts
 

A Nice & Simple Contact Form

A Nice & Simple Contact Form (with reCAPTCHA spam protection)

Easy PHP Contact Form (with spam protection)
 
Script Generators
 

Website Contact Form Generator

Hi guys and gals,
 
Can I politely request that all new topics are posted in the correct forum? I know the idea behind General Chat is to "Kick back, relax and talk about anything you like here" - but if you are posting up something which would be more relevant in one of the other forums, then you should ideally be posting in there instead of here.
People using the general chat forum as a dumping ground for their help requests wtc, will be warned and have the posts deleted.
 
This makes life easier for everyone as topics will be better organised and if people are searching for something they will get more relevant results.
 
Some quick posting guidelines in case you're unsure:
new members should introduce themselves in the Web Designer Forum Introductions forum questions/problems relating to any aspect of web development should go in one of the relevant Web Development forums business/tax/legal discussions should be posted in the Freelancing, Business and Legal Discussion forum and anything else that isn't related to web design/development/business can be posted in General Chat (i.e. in here!) This is by no means an exhaustive list, but you should get the point I'm trying to make hopefully!
 
Finally, I would just like to re-iterate the fact that WDF is a friendly community and we DO NOT condone spam or personal attacks from any members. Anyone found to be blatantly spamming/trolling the forums or attacking other members will be dealt with by the moderating team.
 
Any questions? Feel free to contact Support or to contact an individual staff member, please see Staff.
 
Sam

The most commonly asked question on the Server Side (PHP, Databases, ASP.NET, etc) forum is "how do I create a contact form?".
 
Well... The answer to that question depends on what you want - do you want a ready made form that you can use on your website, or do you want to learn how to code your own form?
 
I have listed below several links to help you on your way. All links/tutorials/script generators are free.
 
 
DIY (Do-It-Yourself) Contact Form Tutorials
 

Free, simple, PHP based email contact form

PHP Contact Form with jQuery Validation

Writing Your First PHP Script: Feedback Form Script
 
Ready Made Scripts
 

A Nice & Simple Contact Form

A Nice & Simple Contact Form (with reCAPTCHA spam protection)

Easy PHP Contact Form (with spam protection)
 
Script Generators
 

Website Contact Form Generator

W3C Web Standards Validation Tools
 
These tools will help you validate a wide range of website related items such as HTML and CSS markup, checking for dead links, checking the validation of RSS feeds and XML files (such as sitemaps) and more.
 
Markup Validator
 

Also known as the HTML validator, it helps check Web documents in formats like HTML and XHTML, SVG or MathML.
CSS Validator
 

Validates CSS stylesheets or documents using CSS stylesheets.
Link Checker
 

Checks anchors (hyperlinks) in a HTML/XHTML document. Useful to find broken links, etc.
Feed Validator
 

Checks newsfeeds in formats like ATOM and RSS.
XML Schema Validator
 

Validates XML files such as sitemaps used for search engines
Semantic Data Extractor
 

Extracts such information as outline, description, languages used, etc. The aim is to show that providing a semantically rich HTML gives much more value to your code: using a semantically rich HTML code allows a better use of CSS, makes your HTML intelligible to a wider range of user agents (especially search engines bots).

Handy Links for Web Designers & Developers
 
The following are links that I have come across over the years, and links submitted by other forum members. All of the products, services or tutorials featured on these websites are FREE!
 
Note: This list is by no means exhaustive, and will be updated periodically.
 
Accessibility Validation
 

Accessibility Color Wheel

HiSoftware Cynthia Says

Luminosity Colour Contrast Ratio Analyser

WebAim WAVE (Web Accessibility Evaluation Tool)
 
FTP Clients And Servers
 

Cyberduck FTP Client (Mac OS X)

FileZilla FTP Client (Linux, Mac OS X, Windows)

FileZilla FTP Server (Windows)


PureFTPd FTP Server (Linux, Mac OS X)
 
Graphics Editors
 

GIMP - GNU Image Manipulation Package (Linux, Mac, Windows)

Inkscape - SVG Vector Graphics Editor (Linux, Mac, Windows)
 
HTML Editors
 

Bluefish Editor (Linux, Mac, Windows)

Notepad++ (Windows)

TextWrangler (Mac)
 
Javascript Frameworks
 

jQuery

MooTools

Scriptaculous
 
Local AMP (Apache/MySQL/PHP) Web Servers
 

LAMP - Linux AMP Web Server (CentOS - Debian - SUSE - Ubunutu)

MAMP - Mac AMP Web Server (Mac OS X)

WAMP - Windows AMP Web Server (Windows)

XAMP - ApacheFriends.org Web Server (Linux - Mac OS X - Solaris - Windows)
 
Reference
 

MySQL Official Documentation

PHP Official Documentation
 
Tutorial Sites
 
CSS Tricks (CSS) gotoandlearn.com (Adobe Flash) kirupa.com (Adobe Flash) Learning jQuery (jQuery) Nettuts+ (web development) Photoshop Lady (Adobe Photoshop) Psdtuts+ (Adobe Photoshop) screencasters.heathenx.org (Inkscape) Smashing Magazine (various)

The Tech Labs (Adobe Flash)

Tizag (web design and development)

Tutorialized (Adobe Flash and Adobe Photoshop)

tutvid.com (most Adobe applications)

Vectortuts+ (Adobe Illustrator)

W3Schools (web design and development)

WDF (various)

Web Designer Depot (various)
 
Web Design Tools
 

Animated AJAX Preloader GIF Generator

CSS Menu Generator

CSS Menu Maker

Diagonal Stripes Background Generator

EM Calculator

FavIcon Generator

Gradient Image Generator

HTML Color Codes

Javascript Email Address Encoder

"Lorem Ipsum" Text Generator

Online Image Optimizer


Readability Test Tool
Web Development Tools
 
HTML to ASP Converter HTML to PHP Converter

Javascript Code Obfuscator

Javascript Code Validator

Here is a list of links to tutorial websites which I have collected over the years and which have also been submitted by WDF members.
 
Please note that this is not an exhaustive list, and will be updated periodically (last update 19.12.17). If you have a link to a decent tutorials website which you think should be included in this list, please contact one of the moderating team to have it added to this thread.
 
Tutorial Sites
 
CSS Tricks (CSS) Learning jQuery (jQuery) Envato Tuts+ (web design) Photoshop Lady (Adobe Photoshop) Psdtuts+ (Adobe Photoshop) screencasters.heathenx.org (Inkscape) Smashing Magazine (various) Tutorialized (Adobe Flash and Adobe Photoshop) tutvid.com (most Adobe applications) W3Schools (web design and development) Web Designer Depot (various)

Hi guys and gals,
 
Can I politely request that all new topics are posted in the correct forum? I know the idea behind General Chat is to "Kick back, relax and talk about anything you like here" - but if you are posting up something which would be more relevant in one of the other forums, then you should ideally be posting in there instead of here.
People using the general chat forum as a dumping ground for their help requests wtc, will be warned and have the posts deleted.
 
This makes life easier for everyone as topics will be better organised and if people are searching for something they will get more relevant results.
 
Some quick posting guidelines in case you're unsure:
new members should introduce themselves in the Web Designer Forum Introductions forum questions/problems relating to any aspect of web development should go in one of the relevant Web Development forums business/tax/legal discussions should be posted in the Freelancing, Business and Legal Discussion forum and anything else that isn't related to web design/development/business can be posted in General Chat (i.e. in here!) This is by no means an exhaustive list, but you should get the point I'm trying to make hopefully!
 
Finally, I would just like to re-iterate the fact that WDF is a friendly community and we DO NOT condone spam or personal attacks from any members. Anyone found to be blatantly spamming/trolling the forums or attacking other members will be dealt with by the moderating team.
 
Any questions? Feel free to contact Support or to contact an individual staff member, please see Staff.
 
Sam

Handy Links for Web Designers & Developers
 
The following are links that I have come across over the years, and links submitted by other forum members. All of the products, services or tutorials featured on these websites are FREE!
 
Note: This list is by no means exhaustive, and will be updated periodically.
 
Accessibility Validation
 

Accessibility Color Wheel

HiSoftware Cynthia Says

Luminosity Colour Contrast Ratio Analyser

WebAim WAVE (Web Accessibility Evaluation Tool)
 
FTP Clients And Servers
 

Cyberduck FTP Client (Mac OS X)

FileZilla FTP Client (Linux, Mac OS X, Windows)

FileZilla FTP Server (Windows)


PureFTPd FTP Server (Linux, Mac OS X)
 
Graphics Editors
 

GIMP - GNU Image Manipulation Package (Linux, Mac, Windows)

Inkscape - SVG Vector Graphics Editor (Linux, Mac, Windows)
 
HTML Editors
 

Bluefish Editor (Linux, Mac, Windows)

Notepad++ (Windows)

TextWrangler (Mac)
 
Javascript Frameworks
 

jQuery

MooTools

Scriptaculous
 
Local AMP (Apache/MySQL/PHP) Web Servers
 

LAMP - Linux AMP Web Server (CentOS - Debian - SUSE - Ubunutu)

MAMP - Mac AMP Web Server (Mac OS X)

WAMP - Windows AMP Web Server (Windows)

XAMP - ApacheFriends.org Web Server (Linux - Mac OS X - Solaris - Windows)
 
Reference
 

MySQL Official Documentation

PHP Official Documentation
 
Tutorial Sites
 
CSS Tricks (CSS) gotoandlearn.com (Adobe Flash) kirupa.com (Adobe Flash) Learning jQuery (jQuery) Nettuts+ (web development) Photoshop Lady (Adobe Photoshop) Psdtuts+ (Adobe Photoshop) screencasters.heathenx.org (Inkscape) Smashing Magazine (various)

The Tech Labs (Adobe Flash)

Tizag (web design and development)

Tutorialized (Adobe Flash and Adobe Photoshop)

tutvid.com (most Adobe applications)

Vectortuts+ (Adobe Illustrator)

W3Schools (web design and development)

WDF (various)

Web Designer Depot (various)
 
Web Design Tools
 

Animated AJAX Preloader GIF Generator

CSS Menu Generator

CSS Menu Maker

Diagonal Stripes Background Generator

EM Calculator

FavIcon Generator

Gradient Image Generator

HTML Color Codes

Javascript Email Address Encoder

"Lorem Ipsum" Text Generator

Online Image Optimizer


Readability Test Tool
Web Development Tools
 
HTML to ASP Converter HTML to PHP Converter

Javascript Code Obfuscator

Javascript Code Validator

The most commonly asked question on the Server Side (PHP, Databases, ASP.NET, etc) forum is "how do I create a contact form?".
 
Well... The answer to that question depends on what you want - do you want a ready made form that you can use on your website, or do you want to learn how to code your own form?
 
I have listed below several links to help you on your way. All links/tutorials/script generators are free.
 
 
DIY (Do-It-Yourself) Contact Form Tutorials
 

Free, simple, PHP based email contact form

PHP Contact Form with jQuery Validation

Writing Your First PHP Script: Feedback Form Script
 
Ready Made Scripts
 

A Nice & Simple Contact Form

A Nice & Simple Contact Form (with reCAPTCHA spam protection)

Easy PHP Contact Form (with spam protection)
 
Script Generators
 

Website Contact Form Generator

Handy Links for Web Designers & Developers
 
The following are links that I have come across over the years, and links submitted by other forum members. All of the products, services or tutorials featured on these websites are FREE!
 
Note: This list is by no means exhaustive, and will be updated periodically.
 
Accessibility Validation
 

Accessibility Color Wheel

HiSoftware Cynthia Says

Luminosity Colour Contrast Ratio Analyser

WebAim WAVE (Web Accessibility Evaluation Tool)
 
FTP Clients And Servers
 

Cyberduck FTP Client (Mac OS X)

FileZilla FTP Client (Linux, Mac OS X, Windows)

FileZilla FTP Server (Windows)


PureFTPd FTP Server (Linux, Mac OS X)
 
Graphics Editors
 

GIMP - GNU Image Manipulation Package (Linux, Mac, Windows)

Inkscape - SVG Vector Graphics Editor (Linux, Mac, Windows)
 
HTML Editors
 

Bluefish Editor (Linux, Mac, Windows)

Notepad++ (Windows)

TextWrangler (Mac)
 
Javascript Frameworks
 

jQuery

MooTools

Scriptaculous
 
Local AMP (Apache/MySQL/PHP) Web Servers
 

LAMP - Linux AMP Web Server (CentOS - Debian - SUSE - Ubunutu)

MAMP - Mac AMP Web Server (Mac OS X)

WAMP - Windows AMP Web Server (Windows)

XAMP - ApacheFriends.org Web Server (Linux - Mac OS X - Solaris - Windows)
 
Reference
 

MySQL Official Documentation

PHP Official Documentation
 
Tutorial Sites
 
CSS Tricks (CSS) gotoandlearn.com (Adobe Flash) kirupa.com (Adobe Flash) Learning jQuery (jQuery) Nettuts+ (web development) Photoshop Lady (Adobe Photoshop) Psdtuts+ (Adobe Photoshop) screencasters.heathenx.org (Inkscape) Smashing Magazine (various)

The Tech Labs (Adobe Flash)

Tizag (web design and development)

Tutorialized (Adobe Flash and Adobe Photoshop)

tutvid.com (most Adobe applications)

Vectortuts+ (Adobe Illustrator)

W3Schools (web design and development)

WDF (various)

Web Designer Depot (various)
 
Web Design Tools
 

Animated AJAX Preloader GIF Generator

CSS Menu Generator

CSS Menu Maker

Diagonal Stripes Background Generator

EM Calculator

FavIcon Generator

Gradient Image Generator

HTML Color Codes

Javascript Email Address Encoder

"Lorem Ipsum" Text Generator

Online Image Optimizer


Readability Test Tool
Web Development Tools
 
HTML to ASP Converter HTML to PHP Converter

Javascript Code Obfuscator

Javascript Code Validator

Handy Links for Web Designers & Developers
 
The following are links that I have come across over the years, and links submitted by other forum members. All of the products, services or tutorials featured on these websites are FREE!
 
Note: This list is by no means exhaustive, and will be updated periodically.
 
Accessibility Validation
 

Accessibility Color Wheel

HiSoftware Cynthia Says

Luminosity Colour Contrast Ratio Analyser

WebAim WAVE (Web Accessibility Evaluation Tool)
 
FTP Clients And Servers
 

Cyberduck FTP Client (Mac OS X)

FileZilla FTP Client (Linux, Mac OS X, Windows)

FileZilla FTP Server (Windows)


PureFTPd FTP Server (Linux, Mac OS X)
 
Graphics Editors
 

GIMP - GNU Image Manipulation Package (Linux, Mac, Windows)

Inkscape - SVG Vector Graphics Editor (Linux, Mac, Windows)
 
HTML Editors
 

Bluefish Editor (Linux, Mac, Windows)

Notepad++ (Windows)

TextWrangler (Mac)
 
Javascript Frameworks
 

jQuery

MooTools

Scriptaculous
 
Local AMP (Apache/MySQL/PHP) Web Servers
 

LAMP - Linux AMP Web Server (CentOS - Debian - SUSE - Ubunutu)

MAMP - Mac AMP Web Server (Mac OS X)

WAMP - Windows AMP Web Server (Windows)

XAMP - ApacheFriends.org Web Server (Linux - Mac OS X - Solaris - Windows)
 
Reference
 

MySQL Official Documentation

PHP Official Documentation
 
Tutorial Sites
 
CSS Tricks (CSS) gotoandlearn.com (Adobe Flash) kirupa.com (Adobe Flash) Learning jQuery (jQuery) Nettuts+ (web development) Photoshop Lady (Adobe Photoshop) Psdtuts+ (Adobe Photoshop) screencasters.heathenx.org (Inkscape) Smashing Magazine (various)

The Tech Labs (Adobe Flash)

Tizag (web design and development)

Tutorialized (Adobe Flash and Adobe Photoshop)

tutvid.com (most Adobe applications)

Vectortuts+ (Adobe Illustrator)

W3Schools (web design and development)

WDF (various)

Web Designer Depot (various)
 
Web Design Tools
 

Animated AJAX Preloader GIF Generator

CSS Menu Generator

CSS Menu Maker

Diagonal Stripes Background Generator

EM Calculator

FavIcon Generator

Gradient Image Generator

HTML Color Codes

Javascript Email Address Encoder

"Lorem Ipsum" Text Generator

Online Image Optimizer


Readability Test Tool
Web Development Tools
 
HTML to ASP Converter HTML to PHP Converter

Javascript Code Obfuscator

Javascript Code Validator

Handy Links for Web Designers & Developers
 
The following are links that I have come across over the years, and links submitted by other forum members. All of the products, services or tutorials featured on these websites are FREE!
 
Note: This list is by no means exhaustive, and will be updated periodically.
 
Accessibility Validation
 

Accessibility Color Wheel

HiSoftware Cynthia Says

Luminosity Colour Contrast Ratio Analyser

WebAim WAVE (Web Accessibility Evaluation Tool)
 
FTP Clients And Servers
 

Cyberduck FTP Client (Mac OS X)

FileZilla FTP Client (Linux, Mac OS X, Windows)

FileZilla FTP Server (Windows)


PureFTPd FTP Server (Linux, Mac OS X)
 
Graphics Editors
 

GIMP - GNU Image Manipulation Package (Linux, Mac, Windows)

Inkscape - SVG Vector Graphics Editor (Linux, Mac, Windows)
 
HTML Editors
 

Bluefish Editor (Linux, Mac, Windows)

Notepad++ (Windows)

TextWrangler (Mac)
 
Javascript Frameworks
 

jQuery

MooTools

Scriptaculous
 
Local AMP (Apache/MySQL/PHP) Web Servers
 

LAMP - Linux AMP Web Server (CentOS - Debian - SUSE - Ubunutu)

MAMP - Mac AMP Web Server (Mac OS X)

WAMP - Windows AMP Web Server (Windows)

XAMP - ApacheFriends.org Web Server (Linux - Mac OS X - Solaris - Windows)
 
Reference
 

MySQL Official Documentation

PHP Official Documentation
 
Tutorial Sites
 
CSS Tricks (CSS) gotoandlearn.com (Adobe Flash) kirupa.com (Adobe Flash) Learning jQuery (jQuery) Nettuts+ (web development) Photoshop Lady (Adobe Photoshop) Psdtuts+ (Adobe Photoshop) screencasters.heathenx.org (Inkscape) Smashing Magazine (various)

The Tech Labs (Adobe Flash)

Tizag (web design and development)

Tutorialized (Adobe Flash and Adobe Photoshop)

tutvid.com (most Adobe applications)

Vectortuts+ (Adobe Illustrator)

W3Schools (web design and development)

WDF (various)

Web Designer Depot (various)
 
Web Design Tools
 

Animated AJAX Preloader GIF Generator

CSS Menu Generator

CSS Menu Maker

Diagonal Stripes Background Generator

EM Calculator

FavIcon Generator

Gradient Image Generator

HTML Color Codes

Javascript Email Address Encoder

"Lorem Ipsum" Text Generator

Online Image Optimizer


Readability Test Tool
Web Development Tools
 
HTML to ASP Converter HTML to PHP Converter

Javascript Code Obfuscator

Javascript Code Validator

Handy Links for Web Designers & Developers
 
The following are links that I have come across over the years, and links submitted by other forum members. All of the products, services or tutorials featured on these websites are FREE!
 
Note: This list is by no means exhaustive, and will be updated periodically.
 
Accessibility Validation
 

Accessibility Color Wheel

HiSoftware Cynthia Says

Luminosity Colour Contrast Ratio Analyser

WebAim WAVE (Web Accessibility Evaluation Tool)
 
FTP Clients And Servers
 

Cyberduck FTP Client (Mac OS X)

FileZilla FTP Client (Linux, Mac OS X, Windows)

FileZilla FTP Server (Windows)


PureFTPd FTP Server (Linux, Mac OS X)
 
Graphics Editors
 

GIMP - GNU Image Manipulation Package (Linux, Mac, Windows)

Inkscape - SVG Vector Graphics Editor (Linux, Mac, Windows)
 
HTML Editors
 

Bluefish Editor (Linux, Mac, Windows)

Notepad++ (Windows)

TextWrangler (Mac)
 
Javascript Frameworks
 

jQuery

MooTools

Scriptaculous
 
Local AMP (Apache/MySQL/PHP) Web Servers
 

LAMP - Linux AMP Web Server (CentOS - Debian - SUSE - Ubunutu)

MAMP - Mac AMP Web Server (Mac OS X)

WAMP - Windows AMP Web Server (Windows)

XAMP - ApacheFriends.org Web Server (Linux - Mac OS X - Solaris - Windows)
 
Reference
 

MySQL Official Documentation

PHP Official Documentation
 
Tutorial Sites
 
CSS Tricks (CSS) gotoandlearn.com (Adobe Flash) kirupa.com (Adobe Flash) Learning jQuery (jQuery) Nettuts+ (web development) Photoshop Lady (Adobe Photoshop) Psdtuts+ (Adobe Photoshop) screencasters.heathenx.org (Inkscape) Smashing Magazine (various)

The Tech Labs (Adobe Flash)

Tizag (web design and development)

Tutorialized (Adobe Flash and Adobe Photoshop)

tutvid.com (most Adobe applications)

Vectortuts+ (Adobe Illustrator)

W3Schools (web design and development)

WDF (various)

Web Designer Depot (various)
 
Web Design Tools
 

Animated AJAX Preloader GIF Generator

CSS Menu Generator

CSS Menu Maker

Diagonal Stripes Background Generator

EM Calculator

FavIcon Generator

Gradient Image Generator

HTML Color Codes

Javascript Email Address Encoder

"Lorem Ipsum" Text Generator

Online Image Optimizer


Readability Test Tool
Web Development Tools
 
HTML to ASP Converter HTML to PHP Converter

Javascript Code Obfuscator

Javascript Code Validator

Tutorials for CSS, XHTML/HTML & Javascript
 
Here is a list of links to external websites I've compiled that have answers to some of the most commonly asked questions in this forum. The list is not exhaustive, and will be periodically updated.
 
NOTE: These tutorials assume you have a basic grasp of web design (i.e. HTML/CSS). If you don't, then you should probably buy a book on the subject or go on a training course and learn the basics first of all.
 
Layout Related Tutorials (HTML/CSS)
 

How to apply specific HTML/CSS code for Internet Explorer browsers only
 
How to create a pinned-down fixed navigation menu
 
How to centre paragraph text, headings and images
 
How to create fluid CSS layouts
 
How to create indented paragraphs
 
How to create tabbed CSS boxes

How to define valid XHTML document type declarations
 
How to display single, repeated or fixed CSS background images
 
How to embed non-standard fonts in web pages
 
How to embed YouTube videos in web pages
 
How to make your website more accessible to disabled people

Javascript Related Tutorials
 

How to create a live clock on a web page
 

How to create image mouse rollovers
 

How to create popup message boxes
 
How to dynamically output HTML to a web page
 
How to use Lightbox 2 with images on your web pages

Tutorials for CSS, XHTML/HTML & Javascript
 
Here is a list of links to external websites I've compiled that have answers to some of the most commonly asked questions in this forum. The list is not exhaustive, and will be periodically updated.
 
NOTE: These tutorials assume you have a basic grasp of web design (i.e. HTML/CSS). If you don't, then you should probably buy a book on the subject or go on a training course and learn the basics first of all.
 
Layout Related Tutorials (HTML/CSS)
 

How to apply specific HTML/CSS code for Internet Explorer browsers only
 
How to create a pinned-down fixed navigation menu
 
How to centre paragraph text, headings and images
 
How to create fluid CSS layouts
 
How to create indented paragraphs
 
How to create tabbed CSS boxes

How to define valid XHTML document type declarations
 
How to display single, repeated or fixed CSS background images
 
How to embed non-standard fonts in web pages
 
How to embed YouTube videos in web pages
 
How to make your website more accessible to disabled people

Javascript Related Tutorials
 

How to create a live clock on a web page
 

How to create image mouse rollovers
 

How to create popup message boxes
 
How to dynamically output HTML to a web page
 
How to use Lightbox 2 with images on your web pages

Here is a list of links to tutorial websites which I have collected over the years and which have also been submitted by WDF members.
 
Please note that this is not an exhaustive list, and will be updated periodically (last update 19.12.17). If you have a link to a decent tutorials website which you think should be included in this list, please contact one of the moderating team to have it added to this thread.
 
Tutorial Sites
 
CSS Tricks (CSS) Learning jQuery (jQuery) Envato Tuts+ (web design) Photoshop Lady (Adobe Photoshop) Psdtuts+ (Adobe Photoshop) screencasters.heathenx.org (Inkscape) Smashing Magazine (various) Tutorialized (Adobe Flash and Adobe Photoshop) tutvid.com (most Adobe applications) W3Schools (web design and development) Web Designer Depot (various)

Tutorials for CSS, XHTML/HTML & Javascript
 
Here is a list of links to external websites I've compiled that have answers to some of the most commonly asked questions in this forum. The list is not exhaustive, and will be periodically updated.
 
NOTE: These tutorials assume you have a basic grasp of web design (i.e. HTML/CSS). If you don't, then you should probably buy a book on the subject or go on a training course and learn the basics first of all.
 
Layout Related Tutorials (HTML/CSS)
 

How to apply specific HTML/CSS code for Internet Explorer browsers only
 
How to create a pinned-down fixed navigation menu
 
How to centre paragraph text, headings and images
 
How to create fluid CSS layouts
 
How to create indented paragraphs
 
How to create tabbed CSS boxes

How to define valid XHTML document type declarations
 
How to display single, repeated or fixed CSS background images
 
How to embed non-standard fonts in web pages
 
How to embed YouTube videos in web pages
 
How to make your website more accessible to disabled people

Javascript Related Tutorials
 

How to create a live clock on a web page
 

How to create image mouse rollovers
 

How to create popup message boxes
 
How to dynamically output HTML to a web page
 
How to use Lightbox 2 with images on your web pages

Handy Links for Web Designers & Developers
 
The following are links that I have come across over the years, and links submitted by other forum members. All of the products, services or tutorials featured on these websites are FREE!
 
Note: This list is by no means exhaustive, and will be updated periodically.
 
Accessibility Validation
 

Accessibility Color Wheel

HiSoftware Cynthia Says

Luminosity Colour Contrast Ratio Analyser

WebAim WAVE (Web Accessibility Evaluation Tool)
 
FTP Clients And Servers
 

Cyberduck FTP Client (Mac OS X)

FileZilla FTP Client (Linux, Mac OS X, Windows)

FileZilla FTP Server (Windows)


PureFTPd FTP Server (Linux, Mac OS X)
 
Graphics Editors
 

GIMP - GNU Image Manipulation Package (Linux, Mac, Windows)

Inkscape - SVG Vector Graphics Editor (Linux, Mac, Windows)
 
HTML Editors
 

Bluefish Editor (Linux, Mac, Windows)

Notepad++ (Windows)

TextWrangler (Mac)
 
Javascript Frameworks
 

jQuery

MooTools

Scriptaculous
 
Local AMP (Apache/MySQL/PHP) Web Servers
 

LAMP - Linux AMP Web Server (CentOS - Debian - SUSE - Ubunutu)

MAMP - Mac AMP Web Server (Mac OS X)

WAMP - Windows AMP Web Server (Windows)

XAMP - ApacheFriends.org Web Server (Linux - Mac OS X - Solaris - Windows)
 
Reference
 

MySQL Official Documentation

PHP Official Documentation
 
Tutorial Sites
 
CSS Tricks (CSS) gotoandlearn.com (Adobe Flash) kirupa.com (Adobe Flash) Learning jQuery (jQuery) Nettuts+ (web development) Photoshop Lady (Adobe Photoshop) Psdtuts+ (Adobe Photoshop) screencasters.heathenx.org (Inkscape) Smashing Magazine (various)

The Tech Labs (Adobe Flash)

Tizag (web design and development)

Tutorialized (Adobe Flash and Adobe Photoshop)

tutvid.com (most Adobe applications)

Vectortuts+ (Adobe Illustrator)

W3Schools (web design and development)

WDF (various)

Web Designer Depot (various)
 
Web Design Tools
 

Animated AJAX Preloader GIF Generator

CSS Menu Generator

CSS Menu Maker

Diagonal Stripes Background Generator

EM Calculator

FavIcon Generator

Gradient Image Generator

HTML Color Codes

Javascript Email Address Encoder

"Lorem Ipsum" Text Generator

Online Image Optimizer


Readability Test Tool
Web Development Tools
 
HTML to ASP Converter HTML to PHP Converter

Javascript Code Obfuscator

Javascript Code Validator

Tutorials for CSS, XHTML/HTML & Javascript
 
Here is a list of links to external websites I've compiled that have answers to some of the most commonly asked questions in this forum. The list is not exhaustive, and will be periodically updated.
 
NOTE: These tutorials assume you have a basic grasp of web design (i.e. HTML/CSS). If you don't, then you should probably buy a book on the subject or go on a training course and learn the basics first of all.
 
Layout Related Tutorials (HTML/CSS)
 

How to apply specific HTML/CSS code for Internet Explorer browsers only
 
How to create a pinned-down fixed navigation menu
 
How to centre paragraph text, headings and images
 
How to create fluid CSS layouts
 
How to create indented paragraphs
 
How to create tabbed CSS boxes

How to define valid XHTML document type declarations
 
How to display single, repeated or fixed CSS background images
 
How to embed non-standard fonts in web pages
 
How to embed YouTube videos in web pages
 
How to make your website more accessible to disabled people

Javascript Related Tutorials
 

How to create a live clock on a web page
 

How to create image mouse rollovers
 

How to create popup message boxes
 
How to dynamically output HTML to a web page
 
How to use Lightbox 2 with images on your web pages