collected links :: inspiration ~ reference ~ … & more
view tag archive‘320 and Up’ prevents mobile devices from downloading desktop assets by using a tiny screen’s stylesheet as its starting point. Try this page at different window sizes and on different devices to see it in action.
Mobile Boilerplate 1.0 has just launched, providing developers with a trusted template for building mobile Web applications.
Need a Mobile Web App Template? Mobile Boilerplate 1.0 is Here
I am not sure I like the way some are talking about the mobile web. Its passing through the same awkward adolescence that the web went through.
Mobile devices have a wide variety of screen sizes and input methods that range from QWERTY keyboards to touch screens to traditional numeric keypads. Battery life is a problem too; no matter how killer your new web application is, if it eats your visitors’ batteries, it’s unlikely to be a success on devices.
Mobile-friendly: The mobile web optimization guide – Dev.Opera
These cards summarize the Mobile Web Application Best Practices (MWABP) document. These guidelines aid the development of rich and dynamic mobile Web applications. A PDF version of the cards is available.
On the Twitters yesterday I saw this tweet about how Android 2.2 uses Apple Touch icons when you add a bookmarked page to the home screen. Did you know this? I didn’t. Some googling revealed that this is a fairly known feature but that there were questions about when it worked and when it didn’t. So I fired up the Android emulator and tested out a few cases.
This site is a proof of concept for many of the ideas described in Rethinking the Mobile Web. Over the coming months, we will release articles covering our approach in detail. In the meantime why not discover how these ideas came to be and how this site was developed.
DeviceAtlas is the fastest, most accurate mobile device recognition solution available. Containing comprehensive data on over 6,000 mobile devices currently in use world wide…
Fortunately, with CSS3 media queries, we can create a single website that fluidly changes layout depending on the screen resolution of the device used! See this in action: resize your browser window and watch the layout change as the screen width decreases. Fun!
I’m starting an experiment for the next year on this tumblog where I will record some of my content consumption habits and those of the people around me and how increasing mobile access is affecting this.
Wapple Architect Mobile Plugin for WordPress is a plugin that allows you to mobilize your blog in minutes.
WordPress › Wapple Architect Mobile Plugin for WordPress « WordPress Plugins
A CSS framework for cross-device layouts Everyone writes CSS differently. Less Framework takes this into account by having a minimal set of features, and does away with things like predefined classes.
This series of posts is intended to introduce web developers to basic techniques for designing for the mobile web.
The viewport metatag (Mobile web part 1) | David B. Calhoun – Developer Blog
jQuery Mobile: Touch-Optimized Web Framework for Smartphones & Tablets
The mantra for cross-device development is: one site for all is the ideal but it’s not always possible. Whichever strategy you adopt, there is one vital point to remember: Mobile users are task-focussed users. And so are all users
Mobile-friendly: The mobile web optimization guide – Opera Developer Community
[...] iPad dramatically shows how far the field of assitive technology has progressed. [...]
The iPad could be the best mobile accessibility device on the market
So you’re a designer and have been tasked with the design of a mobile web site. Chances are, unless you’re designing for only one device you’re quickly going to be faced with a common problem experienced by designers who work with mobile devices; figuring out what screen size to actually design for.
Millions of visitors accessing your content on a small display with very high resolution. At some point in the near future, you’re going to want to take a look at your current site design to make sure that it looks good and works well on this new device and its Mobile Safari browser.
For FOWD 2009 I decided to talk about the importance of designing for mobile devices, different levels of mobile support, and how to get started creating mobile designs.
How to Design Websites for Mobile Phones
Coding for the mobile web
community of web developers helping each other to create the best possible web applications for the iPhone
Say it. See it. Love it.â„¢
Mobile Observations : D. Keith Robinson