Group items matching

in title, tags, annotations or url

There is no doubt mobile web has taken the world by storm. Even more people today are equipped with smartphones running on iOS or Android, both of which provide exceptional web browsing platforms. And this number is only expected to increase as the average population wages and growth rate expands. However the process of designing and coding a mobile template can be very tedious. I’m hoping to provide a creative outlet in this gallery of 29 intuitive mobile designs. These are websites rendered in mobile browsers which have specific templates in place for these devices. Check out my examples below if you’re in need of creative ideas for your own design.

Take a look at your web site and search for unnecessary details that could bore the client. Very often we see the description of some products that may seem appealing at first sight but in the end they lack important information that may persuade us to buy it. Redesigning your web site is something that you should do quite often in order to make it effective for a long period of time. Updating, always bringing something new to audience, using the latest technology instead of hard-coding, brings you the company you’ve always dreamt of. As Leonardo da Vinci said best “Simplicity is the ultimate sophistication”.

Appcelerator Titanium Mobile Platforms: iPhone and Android What you need to get started: Software installed from the site Feature set: 4/5 | Difficulty: 5/5 | Reach: 5/5 To use Appcelerator Titanium Mobile, you need to be familiar with Web languages like Python, HTML and Javascript. That said, you will not need to know specific programming languages typically required to develop apps for the iPhone and Android. All you do is build the app using Web languages, and Titanium does the rest. You will need to download the iPhone SDK (which is Mac-only) if you plan to make iPhone apps. This development platform doesn't come with any tutorials - you will have to rely on the goodwill of the community and learn how to use the tools through knowledge posted on forums. There are also paid services that provide support and automation during the app-making process. If you know how to wield the tools correctly, Titanium can offer more features than App Inventor for Android. But there are limitations to being a third-party development platform - the latest features in iOS and Android OS are not guaranteed to work here. Verdict: If you are open to teaching yourself app development as a hobby, the versatile Appcelerator Titanium Mobile is a great way to start. The faint of heart need not apply.

App Inventor lets you create apps by dragging and dropping "building blocks" embedded with code that work when you drag them onto a blank canvas. These blocks let you access virtually every function of an Android handset - from timestamps and touchscreen virtual buttons to the motion sensor and GPS.

At Adobe’s MAX conference the other night, that message was made manifest with a live demonstration of a Flash to HTML5 conversion tool, which is currently in the works. The tool is incredibly impressive in that it can convert full Flash animation into HTML5 on the fly

Watch the demonstration video to get an idea of how users will be able to take elements from within the newly converted HTML5 code to re-insert elsewhere on a web page

Those animations or interactions will now be viewable on all kinds of devices — including the iPhone () and iPad. This is where we think that this HTML5 conversion tool has real possibilities. It’s one thing to be able to convert a movie or animation

If I have to explain Edmodo in one short phrase, it would be: “Facebook for Education”

It’s eerily similar to Facebook – with some modifications here and there to make it fit for educational purposes.

jQuery goes mobile

ith a robust page/view mechanism supporting transitions, UI elements, dead-simple navigation, and list management, the jQuery Mobile framework provides everything you need to get up and running quickly with a mobile-savvy website or application without a complete crash-course in a new development model.

In the next version of Dreamweaver, we plan to allow easy creation of a jQuery Mobile project and easy insert objects to let you build out your user interfaces quickly and with confidence. Greatly expanded jQuery code hinting will help professionals make the best use of their time and enable designers to more effectively understand the syntax and structure of jQuery. Combined with the WebKit-powered Live View introduced in Dreamweaver CS4, you’ll be armed with some of the most powerful tools available to help your clients and projects move swiftly into a multiscreen world.

Name URL Description AU2Go http://m.adelphi.edu Adelphi University's full fledged app suite made to rival iStanford eSudoku http://sudoku.rectang.com/iphone/ A daily sudoku game of varying difficulty with leaderboard iLounge http://www.ilounge.com/index.php/iui Independent resource for all things iPod, iTunes and beyond iRibbit http://iribbit.com eBay on the iPhone iMobMail http://www.imobmail.org/ Webmail for the iPod touch and iPhone iViewr http://www.iviewr.com Browse and view popular attractions, events, and travel information on your iPhone NHL.app http://nhlapp.com/ NHL Game Information Presbytery of the Pacific Churches http://www.presbyteryofthepacific.org/iphone/index.html Readdle http://readdle.com/ A simple way to access your files with iPhone / iPod Touch Synod of Southern California and Hawaiian Churches http://www.synod.org/iphone/index.html Wachusett Youth Flag Football http://www.wachusettflagfootball.com/iphone Community Sports Website

The iPad has a bigger screen, and so it has a bigger resolution. With the iPhone 4, however, Apple did something different: they increased the resolution without changing the physical size of the screen. This makes for a higher pixel density, pixels are smaller and more tightly packed. In one square inch of the iPhone 4’s screen there are around 106 thousand pixels (at 326 PPI, or Pixels per Inch), while the older models have only about 26 thousand (at 163 PPI) in an inch – 4 times less! This makes graphics on the screen seem like continuous lines, because your eye can’t see the individual pixels. Apple calls this technology the “Retina Display” because they claim the human eye (the retina) can’t physically see the pixels at this resolution.

Using Two Images The official way of adding high-resolution support to your application is by having two versions of each image, one in “regular” resolution and one in double resolution. Whenever your application is viewed on the Retina Display, the larger image will be loaded automatically. This method allows for full and precise control of how your application will look in each case, and is very easy to apply to your existing applications. The full size image file should be named however you want, such as “Button.png”. Use this image name in your code and Interface Builder wherever you want to reference the image. The double-size image should be twice the size of its matching smaller image and named exactly the same with “@2x” appended to the name. In our example, we would name it “Button@2x.png”. Unfortunately, this technique will not work on the iPad; a pixel-doubled application will not load the higher resolution resource. This will probably be addressed in the future iOS 4 update which is scheduled to come to iPad this fall.

Daqri is a new service for creating augmented reality layers for your mobile devices. Daqri will enable users to create augmented reality products without writing any code.

As rich web applications are being built with larger JavaScript code bases, the need for JavaScript compression to keep bandwidth and page load times as small as possible is becoming more important for faster load times and more enjoyable user experiences.

Which JavaScript Compressor is the best? That can be a tough question to answer and in many cases it depends on your application. This tool can compress Javascript with several of the most popular JavaScript compressors, simultaneously and show you a detailed visual analysis of the results