Difference between revisions of "Web Development - Websites"
From mi-linux
Jump to navigationJump to search| Line 4: | Line 4: | ||
[mailto:alix.bergeret@wlv.ac.uk Alix Bergeret] | [mailto:alix.bergeret@wlv.ac.uk Alix Bergeret] | ||
| + | |||
| + | ==General== | ||
| + | |||
| + | *[http://docs.webplatform.org/wiki/beginners 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== | ==PHP== | ||
Revision as of 09:51, 9 October 2012
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.
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 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.
Tutorials
- Getting the most out of jQuery selectors
- Create a jQuery tab system
- Create an image slideshow with MooTools
HTML5
General
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
Geolocation
Drag-and-Drop
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 websites. 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.
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.
