First of all, note this
Responsive Web Design RWD and conditional content
thread.
A 2012 post from the drupal subforum that may interest you if you use drupal as your cms platform:
Drupal mobile.
http://www.oopschool.com/phpBB3/viewtop ... p=297#p297
Source: http://www.webdesignerdepot.com/2012/01 ... ate-world/If you’ve done any research on responsive design, you have surely heard the mantra of developing for mobile first, which is definitely something you should be keeping in mind. Since we’ve all been in the mindset of developing sites for desktop computers for so long, it’s very easy to look at media queries the wrong way. You might think, “All I need to do is make some new images and put some new CSS in a media query, and my site will work on phones as well.” While this is true, it’s also completely backwards.
As amazing as smartphones have become, they’re still not as powerful as desktop computers. In addition, content is frequently consumed on the go. But by following our earlier logic, we’re optimizing a site for less-powerful devices on slower connections by adding CSS and images. Once you think that through, you realize that you have to alter your workflow.
The problems may start already with the meta tags: http://davidbcalhoun.com/2010/viewport-metatag
Related links:
http://www.alistapart.com/articles/resp ... eb-design/
http://coding.smashingmagazine.com/2011 ... eb-design/
http://designmodo.com/responsive-design-examples/
2. Tutorials
Eric Ewe has written a fast tutorial:
Six easy ways to make your website mobile friendly.
Especially, you may note the following:
Don’t forget to intergrate your Facebook, Twitter and other social media aspects.
...
Use icons/text links that are spaced our so that you make it easier to navigate and to prevent accidental clicks. Avoid drop down menu, hover over, and flash as those might not be compatible with all devices. Don’t overcrowd the screen with lots of text/icons, which makes it hard to navigate. Keep scrolling options from top to bottom as most mobile users prefer to scroll in one direction.
Source: http://www.sitepoint.com/forums/showthr ... ost5030583There's a big difference between a website that is compatible with mobile phones, and a mobile website.
David Calhoun also explains how modernizr can be used to your advantage when developing for mobile platforms.
Source: http://davidbcalhoun.com/Here’s how we might be able to use Modernizr to help us out:
view plaincopy to clipboardprint?
(function(){ // sandbox our code
if(!navigator.connection) navigator.connection = {type:0, UNKNOWN: 0}; // polyfill
var connection = navigator.connection;
// add a custom test to Modernizr
Modernizr.addTest('highbandwidth', function(){
return connection.type === connection.WIFI || connection.type === connection.ETHERNET;
});
})();
If you read the above mentioned tutorial http://davidbcalhoun.com/2010/viewport-metatag you may have noted the other tutorials as well:
- http://davidbcalhoun.com/2010/the-mobil ... web-part-2
- http://davidbcalhoun.com/2010/designing ... -dont-suck
- http://davidbcalhoun.com/2010/on-design ... le-webpage
- http://davidbcalhoun.com/2010/using-mob ... javascript
- http://davidbcalhoun.com/2010/dealing-w ... rientation
- http://davidbcalhoun.com/2010/mobile-ja ... frameworks
3. For Wordpress users
More specific information in this http://www.oopschool.com/phpBB3/viewtop ... f=18&t=270 and this http://www.oopschool.com/phpBB3/viewtop ... f=18&t=314 thread.
If you are a web master developing WordPress sites for mobile platforms, all you are looking for may be explained in this
http://www.oopschool.com/phpBB3/viewtop ... p=212#p212
thread under the heading. WordPress on mobile platforms. There are proprietary mobile platforms with their own operating system and browser. WebKit http://www.webkit.org/ is an open source project. WebKit browsers will support this browser engine, while non-WebKit browsers will not.
It is sad that mobile platforms go contrary to the open web. More and more platforms are based on the company's own proprietary software. As an illustrating example:
Source: http://hyper3media.com/posts/2010/04/ad ... way-to-go/We’re looking forward to Adobe’s CS5 suite release despite the new developer clause for Apple’s iPhone SDK 4.0 which bans apps created with private APIs and third party translation compliers… most notably Adobe’s new Flash CS5.
Elswhere, I have written about the mobile revolution: http://www.webproworld.com/webmaster-fo ... revolution That thread was started 05-28-2007 and has been constantly updated. W3C has its own Mobile Web Initiative: http://www.w3.org/Mobile/
The Objective C programming language http://developer.apple.com/library/mac/ ... tiveC.html seem to be the preferred development language for mobile platforms.
There are a lot of security risks involved in mobile application development that you can read more about here:The Objective-C language is a simple computer language designed to enable sophisticated object-oriented programming. Objective-C is defined as a small but powerful set of extensions to the standard ANSI C language. Its additions to C are mostly based on Smalltalk, one of the first object-oriented programming languages. Objective-C is designed to give C full object-oriented programming capabilities, and to do so in a simple and straightforward way.
http://www.web3logistics.com/#smart-phones-and-privacy
http://www.web3logistics.com/#windows8- ... -platforms
http://www.web3logistics.com/#smart-phone-security
4. For jQuery users
http://jquerymobile.com/
http://jqtouch.com/
http://archive.plugins.jquery.com/plugin-tags/mobile
http://www.sitepoint.com/forums/showthr ... ery-Mobile
http://www.jqmgallery.com/
5. For C# programmers
MonoTouch
In addition there are some litterature references in this
http://www.oopschool.com/phpBB3/viewtop ... p=210#p210
thread.
6. For C++ and LUA programmers
http://getmoai.com/sdk/moai-sdk-download.html
http://getmoai.com/wiki/index.php?title=Main_Page
http://studio.zerobrane.com/
http://www.packtpub.com/developing-mobi ... i-sdk/book
7. php and mobile sites
I'm just about to start a small mobile site that will be written in PHP. I am aware of the design principles of developing for mobiles, my question is more to do with the compatability of PHP on mobile devices. It is:
If I use PHP to make this mobile site (which will render in the client's mobile browser as good old HTML) will I run into any compatability problems?
As far as I can see, because PHP is a server side language, as long as it serves mobile friendly HTML, I should be able to do everything I please in PHP in my scripts? Is this correct? Or will iPhones, Android Mobiles and various Fondle Slabs refuse to render a xxx.php file
Source: http://stackoverflow.com/questions/8243 ... bile-sitesYou're right that it's a server-side technology. The browsers (whether mobile or desktop) will not care that it's PHP as it will never see anything but the html/js that is rendered from your PHP scripts.
http://stackoverflow.com/questions/5113 ... one-in-php
http://stackoverflow.com/questions/5048 ... nd-desktop
http://www.thedeveloperday.com/php-tool ... lications/
http://www.scientiamobile.com/
http://dbapi.scientiamobile.com/wiki/in ... /Main_Page
Source: http://www.stevekamerman.com/Since 2006 there have been a lot of changes, particularly in the capabilities of mobile browsers. Thanks to Apple Webkit, even lower-end phone are able to browse sites without catastrophic rendering issues (still a terrible UX, just not a catastrophe). With all these changes, however, one thing has remained: mobile device fragmentation. Device fragmentation means that the capabilities and methods of interacting with mobile devices are constantly spreading in different directions, none compatible with the other.
http://mobiledetect.net/
8. Other resources:
http://buildmobile.com/
http://create.msdn.com/en-US
http://www.browserscope.org/
http://xuijs.com/
Source: https://github.com/xui/xuiA lightweight, dead simple, micro-tiny, super modular JavaScript framework for building mobile web applications. Its true: the minified code is super tiny. You can find more information, downloads and documentation on the http://xuijs.com.
XUI is a JavaScript library written by Rob Ellis, one of the founding fathers of PhoneGap.
http://phonegap.com/
In a PhoneGap application, you know at build time which platforms your application will run on, and what the capabilities of the web view rendering your application are. This allows XUI to take advantage of newer browser features, which will reduce the overall quantity of code. XUI is essentially jQuery made for PhoneGap. XUI is optimized for file size and is about one tenth of the size of jQuery.
http://www.sencha.com/products/touch/
http://www.android.com/
http://www.sitepoint.com/forums/forumdi ... a9e208666e
http://www.wrox.com/WileyCDA/WroxTitle/ ... 17110.html
http://blogs.sitepoint.com/2011/01/25/w ... oid-app-2/
http://www.sitepoint.com/forums/showthr ... c&t=728445
http://wiki.forum.nokia.com/index.php/M ... plications
http://www.opera.com/company/education/curriculum/
http://www.wrox.com/WileyCDA/WroxTitle/ ... 37316.html
http://slodive.com/web-development/a-ro ... tutorials/
http://www.engageinteractive.co.uk/blog ... he-iphone/
http://mobiforge.com/starting/story/a-b ... evelopment
http://www.kjellbleivik.com/Books/mobile.php
http://www.foldr.org/~michaelw/objective-c/
http://objc.toodarkpark.net/
http://developer.apple.com/technologies ... xcode.html
http://objectivec.net/
9. Litterature
http://www.abookapart.com/products/resp ... web-design
http://www.sitepoint.com/books/mobile1/
http://www.amazon.com/Mobile-Design-Pat ... 449336442/
http://www.amazon.com/Designing-Mobile- ... 1449394639
http://www.amazon.com/Tapworthy-Designi ... 449381650/
General search query on Amazon:
mobile application development