Difference between revisions of "Web Development resources"
From mi-linux
Jump to navigationJump to searchLine 45: | Line 45: | ||
*[http://lessframework.com/ 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. | *[http://lessframework.com/ 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. | ||
*[http://www.getskeleton.com/ 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. | *[http://www.getskeleton.com/ 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. | ||
+ | *[http://cssgrid.net/ 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=== | ===CSS 3=== |
Revision as of 15:02, 2 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.
- Zend Framework - based on simplicity, object-oriented best practices, corporate friendly licensing, and a rigorously tested agile codebase.
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
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.
- 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.
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
- jQuery Mobile - Homepage
- Create a mobile website with jQuery Mobile
- Build a login form for your mobile app with DHTMLX Touch