Resources

KBleivik
Site Admin
Posts: 178
Joined: Tue Sep 29, 2009 6:25 pm
Location: Moss Norway
Contact:

Resources

Postby KBleivik » Thu Jan 27, 2011 10:40 pm

1. Responsive Web Design.

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.

viewtopic.php?f=24&t=259&p=297#p297

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.


Source: http://www.webdesignerdepot.com/2012/01 ... ate-world/

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.


There's a big difference between a website that is compatible with mobile phones, and a mobile website.


Source: http://www.sitepoint.com/forums/showthr ... ost5030583

David Calhoun also explains how modernizr can be used to your advantage when developing for mobile platforms.
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;
});

})();

Source: http://davidbcalhoun.com/

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-mobile-developers-toolkit-mobile-web-part-2
  • http://davidbcalhoun.com/2010/designing-buttons-that-dont-suck
  • http://davidbcalhoun.com/2010/on-designing-a-mobile-webpage
  • http://davidbcalhoun.com/2010/using-mobile-specific-html-css-javascript
  • http://davidbcalhoun.com/2010/dealing-with-device-orientation
  • http://davidbcalhoun.com/2010/mobile-javascript-libraries-and-frameworks

He has a lot of articles about mobile web development. See e.g. the older archives:

  • http://davidbcalhoun.com/2011
  • http://davidbcalhoun.com/2010

3. For Wordpress users

More specific information in this viewtopic.php?f=18&t=270 and this viewtopic.php?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

viewtopic.php?f=18&t=177&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:

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.

Source: http://hyper3media.com/posts/2010/04/ad ... way-to-go/

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.

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.


There are a lot of security risks involved in mobile application development that you can read more about here:

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

viewtopic.php?f=16&t=175&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

You'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.

Source: http://stackoverflow.com/questions/8243 ... bile-sites

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

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.

Source: http://www.stevekamerman.com/

http://mobiledetect.net/

8. Other resources:

http://buildmobile.com/

http://create.msdn.com/en-US

http://www.browserscope.org/

http://xuijs.com/

A 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.


Source: https://github.com/xui/xui

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

Return to “Mobile Web Development”

Who is online

Users browsing this forum: No registered users and 2 guests