Web Development resources

PHP

General

• PHP manual
• PHPbuddy.com This site is designed to help you learn PHP programming
• Get started with PHP

PHP Frameworks

• CodeIgniter CodeIgniter is a powerful PHP framework with a very small footprint, built for PHP coders who need a simple and elegant toolkit to create full-featured web applications.
• Yii Yii is a high-performance PHP framework best for developing Web 2.0 applications.
• CakePHP CakePHP makes building web applications simpler, faster and require less code.
• Symfony Symfony is a PHP framework for web projects.
• Zend Framework - based on simplicity, object-oriented best practices, corporate friendly licensing, and a rigorously tested agile codebase.

JavaScript

General

• W3Schools JavaScript page

JavaScript Frameworks

• jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development.
• Prototype is a JavaScript Framework that aims to ease development of dynamic web applications.
• MooTools is a compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer.
• Knockout Simplify dynamic JavaScript UIs by applying the Model-View-View Model (MVVM) pattern

HTML5

General

• W3Schools HTML5 page
• HTML5 Doctor
• HTML5 Boilerplate
• The developer's guide to the HTML5 APIs

Canvas

• Learning the basics of HTML5 canvas
• Create a page flip effect with HTML5 canvas
• Create a whirling timer with HTML5 canvas and Prototype.js

Web Sockets

• Code a real-time survey with HTML5 WebSockets

Geolocation

• Getting started with HTML5 geolocation

CSS

General

• W3Schools CSS page

CSS frameworks

• Blueprint Blueprint is a CSS framework, which aims to cut down on your development time.
• CSS Grids
• The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels.
• The 978 Grid System
• Less Framework 4 is a CSS grid system for designing adaptive web­sites. It contains 4 layouts and 3 sets of typography presets, all based on a single grid.
• Skeleton is a small collection of CSS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone.
• The 1140 grid fits perfectly into a 1280 monitor. On smaller monitors it becomes fluid and adapts to the width of the browser.

CSS 3

• Create progressively enhanced 3D CSS rollovers
• Chain CSS animations together with JavaScript
• Take advantage of the CSS background-size property
• Build a rotating 3D carousel with CSS
• Master CSS gradients
• Create a diagonal rotation with CSS transitions and jQuery
• A masterclass in CSS animations

Mobile

Mobile frameworks

• jQuery Mobile - Homepage
• Wink Toolkit is a lightweight JavaScript toolkit which will help you build great mobile web apps.
• jqTouch A jQuery plugin for mobile web development on the iPhone, Android, iPod Touch, and other forward-thinking devices.

Tutorials

• Create a mobile website with jQuery Mobile
• Build a login form for your mobile app with DHTMLX Touch

APIs

• Create a custom-themed, real-time Google Maps application
• Discover Facebook’s developer tools
• Create beautiful data visualisations with the SVG Google Charts API