====== Web Developement Notes ======

===== Fonts =====

Web-safe Fonts: http://www.fonttester.com/help/list_of_web_safe_fonts.html

Font Sizes: http://www.w3.org/QA/Tips/font-size

===== Icons =====

https://fontawesome.com/icons

===== Validation =====

http://validator.w3.org/

===== CSS Positioning =====

http://www.barelyfitz.com/screencast/html-training/css/positioning/

===== Center Your Site =====

http://www.webmasterworld.com/forum83/4748.htm

===== Image Ratios =====

To maintain the width/height ratio of an image, calculate like this:

If your original image has a size of (wxh) 500x1000, the width/height ratio is 0.5. If you want to change 1000 to 768 in height, your resultant width would be 0.5 * 768 = 384.

===== Image Maps =====

http://www.image-maps.com/

===== Gimp Antialiased Font Bug =====

http://crunchbanglinux.org/forums/topic/20427/gimp-28-font-antialiasing-bug-workaround/

===== Forms =====

http://php.about.com/od/phpapplications/ss/form_mail.htm

==== Form Validation ====

http://www.javascript-coder.com/html-form/javascript-form-validation.phtml

===== PHP Login =====

http://www.websitecreationhelp.com/how_to_create_a_membership_web_page_registration_account_login_website.htm

===== PHP Uploader =====

http://www.phpfileuploader.com

===== MySQL =====

http://www.webmasterforums.com/php-development/3343-textarea-mysql.html

==== Security ====

http://www.johnrockefeller.net/php-securing-your-input-forms-from-mysql-injection-attacks/

http://stackoverflow.com/questions/3126072/what-are-the-best-php-input-sanitizing-functions/3126175#3126175