Difference between revisions of "Web Development resources"
From mi-linux
Jump to navigationJump to search| Line 63: | Line 63: | ||
*[http://www.w3schools.com/css/ W3Schools CSS page] | *[http://www.w3schools.com/css/ W3Schools CSS page] | ||
*[http://www.cssplay.co.uk/ CSS play] Experiments with Cascading Style Sheets | *[http://www.cssplay.co.uk/ CSS play] Experiments with Cascading Style Sheets | ||
| + | *[http://css3generator.com/ CSS3 Generator] | ||
| + | *[http://css3maker.com/ CSS3 Maker] | ||
===CSS frameworks=== | ===CSS frameworks=== | ||
| Line 75: | Line 77: | ||
*[http://twitter.github.com/bootstrap/index.html Bootstrap, from Twitter] Simple and flexible HTML, CSS, and Javascript for popular user interface components and interactions. | *[http://twitter.github.com/bootstrap/index.html Bootstrap, from Twitter] Simple and flexible HTML, CSS, and Javascript for popular user interface components and interactions. | ||
| − | === | + | ===Tutorials=== |
| − | |||
| − | |||
*[http://www.netmagazine.com/tutorials/create-progressively-enhanced-3d-css-rollovers Create progressively enhanced 3D CSS rollovers] | *[http://www.netmagazine.com/tutorials/create-progressively-enhanced-3d-css-rollovers Create progressively enhanced 3D CSS rollovers] | ||
*[http://www.netmagazine.com/tutorials/chain-css-animations-together-javascript Chain CSS animations together with JavaScript] | *[http://www.netmagazine.com/tutorials/chain-css-animations-together-javascript Chain CSS animations together with JavaScript] | ||
Revision as of 13:25, 3 August 2012
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
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
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
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 - 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.
- 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.
