3d-edge

The Mobile Web is the most important development in the online world since the internet itself. Due to better services and smaller, cheaper devices, there has been a huge explosion in mobile technology that far outpaces the growth of any other computing cycle.

Are you ready for this?

Our brand new title Build Mobile Websites and Apps for Smart Devices is a practical guide for innovative front-end web designers and developers. You’ll discover a fun and accessible approach to mobile web design and development, with enormous scope for opportunity.

If you need convincing as to the mobile web’s impact, simply look around you. Everywhere you go, people are accessing the Web from their devices. Check out these statistics:

  • By the year 2014, consumers will be buying more smartphones than PCs and Laptops.[1]
  • Since the launch of the iPhone, more than four billion apps have been downloaded, with an average of 47 apps per user. Android and iPad app stats are also in the millions.[2]
  • Worldwide mobile browsing has increased 148% in just a year. [3]
  • The number of users accessing Facebook and Twitter through their mobile devices has more than doubled in a year.[4][5]

Clearly, the need to develop for mobile devices is very much alive, and will only become more necessary as time goes on. This book will take you from turning a basic website into a sexy mobile site, from cool mobile app to lucrative and seductive native app.

For the first time ever, you can grab a multi-media bundle including the epack, print book, and a comprehensive online course. The course is from our sister-site, Learnable and taught by one of the book’s authors, Myles Eftos.

You can grab the bundle here for only $49.95 (Saving of 50%!) and take part in this comprehensive learning experience!

The crew with their toys

 

The team at SitePoint have been very busy of late, thinking up wonderful new topics and websites. So it’s with great pleasure that I bring to you our latest creation: BuildMobile.

The recent launches of DesignFestival and RubySource have shown you some great new content and ideas such as the Cicada Principle. Our simple goal with BuildMobile is to bring you innovative ideas, tutorials and opinions from the world of mobile web development.

Over the coming weeks and months, we will be engaging some of the worlds best mobile web developers to ensure that our content is always cutting edge and relevant to your clients and your business.

BuildMobile is split into several distinct sections.

We know that many users are very passionate about their mobile platforms, so each of these categories will focus exclusively on specific platform news, apps, tutorials, reviews and more. New categories will be added over time, so make sure to stay tuned for the latest mobile developments.

We are always on the look-out for great authors. So if you happen to know a great mobile web developer, please let us know.

You can connect with BuildMobile via Facebook, Twitter or by visiting the new site. Stay tuned for more new sites from SitePoint in the near future also!




This post originally appeared on the American Express OPEN Forum, where Mashable regularly contributes articles about leveraging social media and technology in small business.

As an entrepreneur, you’re most likely always on the lookout for new developments. Perhaps your customers are reporting that your site needs a mobile version so that they can visit it while they’re on the go, or maybe you recently saw a competitor’s site through your mobile device; it looked slick, and now you’re feeling outclassed.

The mobile web is burgeoning. Usage of iOS, the operating system for Apple mobile devices such as the iPhone and iPad, almost doubled in just seven months (from March 2010 to October 2010), according to Netmarketshare. This is an indicator of just how many people are browsing websites, more and more, through their mobile devices instead of their computers.

Small businesses should be on top of this trend. To help out, we’ve compiled a list of easy-to-use tools for creating mobile sites. The tools in this list were purposely chosen for ease of use — that is, they’re all aimed at site owners who don’t have any web development/coding experience. They’re perfect solutions for small- and medium-sized businesses because of their cost effectiveness (and most are even free).


How These Tools Work


Most of the tools below have graphical user interfaces and copy-and-paste code blocks that can be installed on your site quite easily. If you can install a tool like Google Analytics on your site yourself, you’ll be able to use these tools.

These tools work by detecting the user agent of your site visitors, which is just fancy talk for finding out whether a visitor is using a regular web browser or a mobile web browser. If the user agent is a mobile browser, users are redirected to your website’s mobile version. The common practice is to assign the mobile version of your site with a sub-domain as such m.yourwebsite.com. In this manner, your site traffic is forked into two segments, giving all of your site visitors an optimal browsing experience.


1. Mobify


Mobify allows you to create a mobile version of your website through an intuitive and user-friendly graphical user interface (GUI). Setup is a breeze, and you can have your very own mobile site in minutes.

If you run an e-commerce store, even better! Mobify has the Mobile Commerce platform that’s geared specifically toward e-stores for the mobile web.

Mobify runs on a freemium model, but its free version is very generous and includes the option for a custom domain (such as m.yourwebsite.com). The paid plans start at $249 per month and include features such as the removal of the Mobify logo on your mobile site, mobile analytics for reporting site traffic stats, and so on.


2. Wirenode


Companies such as Ford, Nokia and Reebok use Wirenode, a mobile website generator that has helped more than 50,000 websites create mobile-device-friendly versions of their sites.

Its free plan has a user-friendly editor for designing your mobile site, free hosting for up to three mobile sites, website statistics reporting, and more. The paid plans start at 15 Euros per month (about $19.80 USD), with upgrades such as support for custom domains and the removal of Wirenode advertisements.


3. Mippin Mobilizer


If you’re strapped for time, Mippin Mobilizer is a no-frills tool that will take you minutes to use. All you have to do is enter your site’s RSS feed URL, configure some options, sign up for an account, install some code on your site, and you’re done! As you set up your mobile site, it has a live preview on the right-hand-side so that you can see the progression of your site’s design as you configure it.


4. Onbile


Onbile promises that you can have a mobile version of your site in five minutes or less. It delivers this promise by giving you an intuitive user interface for constructing your mobile site and a custom-generated script to paste into your index page so that when mobile device users visit your site, they are redirected to the mobile version. You can select one of 13 customizable templates as a starting point for your mobile site design.


5. Winksite


If you’re interested in creating an online community based around your mobile site, check out Winksite, a web app for building a mobile community for your website.

It even generates your very own QR code, a two-dimensional code readable by mobile devices with QR scanners and used to automatically pull up text, photos, videos, music and URLs. There are many ways to use QR codes for small business marketing. You can print your QR code on your business card, print ads and other branding materials, and when mobile users want to visit your mobile site, they just need to use their mobile device cameras to scan the QR code.

If you would like to generate a QR code without having to use Winksite, check out this free web-based tool called QR-Code Generator.


6. MobilePress


Do you use the WordPress publishing platform for your website? If so, you’re in luck because there’s a bevy of plug-and-play WordPress plugins for automatically generating a mobile version of your website. One such plugin is MobilePress, a free WordPress plugin for creating a mobile theme for your WordPress-powered site. Another WordPress plugin to consider is WordPress Mobile Edition.


7. iWebKit


iWebKit is a simple framework for creating your own iPhone/iPod touch apps. It can be used to create an app like Mashable‘s iPhone app, for example.

Though iWebKit can be used by anyone, even without knowledge of HTML, it isn’t as user-friendly as the other tools mentioned above and requires that you download and install the app as well as read the user manual. But for a small time investment (no cash needed, the iWebKit framework is free), you can have your very own iPhone app just like the big kids.


8. MoFuse


MoFuse is loaded with a large set of features for building and managing your mobile site. It’s aimed at agencies, news media, and small- and medium-sized businesses. Prices range from $7.95 to $199 per month and include features such as site analytics reporting, support for more than 5,000 different mobile devices, customer support, a QR code manager, and more.


Bonus: Resources for Testing and Evaluation


Once you use one of the tools above and have your very own mobile version of your main site, it’s a good practice to ensure that everything’s in order. Here are additional tools and resources for testing and evaluating your new mobile website.

  • mobiReady – This tool will test your site for dotMobi compliance and W3C mobileOK compliance, sets of mobile website standards that ensure an optimal and accessible mobile-site user experience. It also looks for errors and gives you a user-friendly report of any errors discovered. It’s easy to use — just plug in the URL of your mobile site.
  • W3C mobileOK Checker – W3C has an official tool for checking a mobile site’s “mobile-friendliness”.
  • iPad Peek – Don’t have an iPad? That’s quite alright, you can still see how your mobile site looks through the popular Apple mobile device using this tool that emulates what people see on the iPad.
  • Mobile Web Best Practices 1.0 – W3C, the standards body for many of the web’s technologies (such as CSS, HTML and JavaScript), has a document that outlines mobile web best practices. This is aimed at web developers and can be a pretty dry read, but it’s worth a few moments to read and look over it.

More Business Resources from Mashable:


5 Design Trends That Small Businesses Can Use in 2011
10 Free WordPress Themes for Small Businesses
5 Beautiful Tumblr Themes for Small Businesses
10 Free Drupal Themes for Small Business
5 Big Social Media Questions from Small Business Owners


Reviews: Google Analytics, WordPress

More About: business, iwebkit, List, Lists, mippin mobilizer, mobify, mobile sites, mobile web, mobile web design, mobile web development, mobilepress, mofuse, onbile, small business, winksite, wirenode

For more Dev & Design coverage: