Useful Website Articles & Tutorials

CSS

• Using ems instead of pixels http://webdesign.tutsplus.com/articles/typography-articles/taking-the-erm-out-of-ems/
• Ways to style form elements and override browser vendor styles with an abundance of CSS hooks; http://tjvantoll.com/2013/04/15/list-of-pseudo-elements-to-style-form-controls
• Optimising Google Fonts; http://www.hongkiat.com/blog/optimize-google-webfonts

What is CGI?

• http://stackoverflow.com/questions/2089271/i-never-really-understood-what-is-cgi

Comprehensive JavaScript OOP guide

• http://javascriptissexy.com/oop-in-javascript-what-you-need-to-know/

Understanding touch and mouse detection

• http://www.html5rocks.com/en/mobile/touchandmouse/

Email Newsletters

• Responsive email newsletter design for mobiles http://www.netmagazine.com/tutorials/build-responsive-emails

Web Development Guidelines

• http://programmers.stackexchange.com/questions/46716/what-should-every-programmer-know-about-web-development

Mobile

• Understanding touch events better – covers how to detect touch/pointer events, how to avoid the small delay when responding to click events via touch, and discusses the restrictions behind this https://hacks.mozilla.org/2013/04/detecting-touch-its-the-why-not-the-how/
• Responsive design, with pure CSS solutions; http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/

JavaScript

• Benefits of using window.location.replace() instead of window.location = “” or window.location.href = “” http://stackoverflow.com/questions/503093/how-can-i-make-a-redirect-page-in-jquery-javascript
• JavaScript Prototype inheritance explained (intuitive example at the bottom) -  http://alexsexton.com/blog/2013/04/understanding-javascript-inheritance/
• JavaScript optimisation and understanding http://typedarray.org/javascript-refresh/
• JavaScript functions explained (scope, declaration & expression functions types) http://markdaggett.com/blog/2013/02/15/functions-explained/
• Prototype inheritance explained; http://msdn.microsoft.com/en-us/magazine/ff852808.aspx

Sublime Text 2

• Tab-complete HTML; https://coderwall.com/p/ei5eva

HTML5

• HTML5 form elements http://diveintohtml5.info/forms.html
• Building an HTML5 responsive form; http://www.onextrapixel.com/2013/01/18/creating-an-html5-responsive-ready-contact-form-with-javascript-detection/

HTML & Semantics

• http://coding.smashingmagazine.com/2013/01/18/the-importance-of-sections

Favicons

• http://www.jonathantneal.com/blog/understand-the-favicon/

Optimising page load

• DNS prefetching; http://calendar.perfplanet.com/2012/speed-up-your-site-using-prefetching/
• Ways to optimise page loads; http://csswizardry.com/2013/01/front-end-performance-for-web-designers-and-front-end-developers/

PHP & MySQL

• Build a PHP login/registration form with hash sha256 and salts; http://tinsology.net/2009/06/creating-a-secure-login-system-the-right-way/
• Handling long executing scripts better http://blog.jsdelivr.com/2013/04/how-to-handle-time-consuming-php-scripts.html

PHP & Apache

• Rewrite URL structure; http://www.phpriot.com/articles/search-engine-urls
• Custom ErrorDocument 404 for rewrites; http://www.phpriot.com/articles/search-engine-urls/4
• Enabling POST requests to ErrorDocuments; http://www.phpriot.com/articles/search-engine-urls/5
• Using PHP or Apache to prettify URLs (including Options +FollowSymLinks for some web hosts); http://net.tutsplus.com/tutorials/other/using-htaccess-files-for-pretty-urls/

MVC Architecture

• Slideshow on MVC structure – Fat Model, skinny Controller! http://www.slideshare.net/damiansromek/thin-controllers-fat-models-proper-code-structure-for-mvc
• http://anantgarg.com/2009/03/13/write-your-own-php-mvc-framework-part-1/
• http://php-html.net/tutorials/model-view-controller-in-php/

Windows Shortcuts

• http://www.hongkiat.com/blog/100-keyboard-shortcuts-windows/

UTF

• http://coding.smashingmagazine.com/2012/06/06/all-about-unicode-utf8-character-sets/

CAPTCHA Form

• http://www.html-form-guide.com/contact-form/html-contact-form-captcha.html

SQL Tip & tricks

• http://net.tutsplus.com/tutorials/other/10-essential-sql-tips-for-developers/
• http://www.catswhocode.com/blog/10-sql-tips-to-speed-up-your-database
• http://stackoverflow.com/questions/336268/sql-difference-between-select-unique-and-select-distinct

Crons

• http://net.tutsplus.com/tutorials/other/scheduling-tasks-with-cron-jobs/
• http://php-opensource-help.blogspot.co.uk/2010/03/how-to-set-up-cron-job-file-using-putty.html

CentOS & LAMP

• http://dev.antoinesolutions.com/centos/install-centos

Security

• http://net.tutsplus.com/tutorials/php/understanding-hash-functions-and-keeping-passwords-safe/
• http://www.wikihow.com/Create-a-Secure-Login-Script-in-PHP-and-MySQL

Bitwise

• http://www.litfuel.net/tutorials/bitwise.htm http://forum.logicalgamers.com/tutorials/31690-php-bitwise-operators-tutorial.html
• http://php.net/manual/en/errorfunc.constants.php

jQuery

• http://www.elijahmanor.com/2012/02/differences-between-jquery-bind-vs-live.html
• http://net.tutsplus.com/tutorials/javascript-ajax/jquery-1-4-released-the-15-new-features-you-must-know/
• http://addyosmani.com/blog/8-jquery-performance-tips

XAMPP

• Updating XAMPP; http://www.apachefriends.org/f/viewtopic.php?p=154957

Diceware passphrase http://world.std.com/~reinhold/diceware.html CSS

• CSS3 Transitions
  • http://blog.alexmaccaw.com/css-transitions
• http://net.tutsplus.com/tutorials/html-css-techniques/the-30-css-selectors-you-must-memorize/

SSH

• Drive mounting; http://superuser.com/questions/67551/mounting-ssh-sftp-shares-on-windows-7

SASS

• http://css-tricks.com/sass-vs-less/
• https://gist.github.com/820035

Github

• http://stackoverflow.com/questions/867831/merge-changes-from-remote-github-repository-to-your-local-repository