Web Development - Websites

Main Page >> Web Development resources >> Web Development - Websites

Here is a list of useful web resources on the topic of web development. Don’t hesitate to contact me if you spot any broken links, or if you can think of resources worth adding.

Alix Bergeret

General

• Web development for beginners This set of articles is for complete beginners to work through in confidence, building up their essential skills at the beginning of the journey to becoming a web designer or developer.

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.
• Akelos PHP Framework The pragmatic way to get Productive on PHP
• Zend Framework - based on simplicity, object-oriented best practices, corporate friendly licensing, and a rigorously tested agile codebase.

JavaScript

General

• W3Schools JavaScript page
• Learning jQuery Tips, techniques, and tutorials for the jQuery JavaScript library
• jQuery for Designers Learn how easy it is to apply web interaction using jQuery

JavaScript libraries

• Processing.js Processing.js is the sister project of the popular Processing visual programming language, designed for the web.
• EaselJS A Javascript library that makes working with the HTML5 Canvas element easy.
• Raphaël Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web.

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.
• jQuery UI provides abstractions for low-level interaction and animation, advanced effects and high-level, themeable widgets, built on top of the jQuery JavaScript Library
• 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
• Bootstrap, from Twitter Simple and flexible HTML, CSS, and Javascript for popular user interface components and interactions.
• AngularJS - by Google Lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.

Tutorials

• Getting the most out of jQuery selectors
• Create a jQuery tab system
• Create an image slideshow with MooTools

HTML5

General

• W3Schools HTML5 page
• HTML5 Doctor
• HTML5 Boilerplate
• HTML5 Please Look up HTML5, CSS3, etc features, know if they are ready for use, and if so find out how you should use them – with polyfills, fallbacks or as they are.
• 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

Drag-and-Drop

• A tutorial

CSS

General

• W3Schools CSS page
• CSS play Experiments with Cascading Style Sheets
• CSS3 Generator
• CSS3 Maker

CSS frameworks

• Blueprint Blueprint is a CSS framework, which aims to cut down on your development time.
• CSS Grids The foundational CSS Grids provides a simple system for laying out content.
• 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.
• Bootstrap, from Twitter Simple and flexible HTML, CSS, and Javascript for popular user interface components and interactions.
• Foundation 3 "The most advanced responsive front-end framework in the world."

Tutorials

• 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

General

• W3C mobileOK Checker This checker performs various tests on a Web Page to determine its level of mobile-friendliness.
• mobiForge - the world's largest independent mobile development community

Mobile frameworks

• jQuery Mobile Touch-Optimized Web Framework for Smartphones & Tablets
• 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.
• Sencha Touch is a high-performance, mobile HTML5 application framework.
• PhoneGap Easily create apps with the only free open source framework that supports 7 mobile platforms.

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