Pinboard: bookmarks for fjordaan tagged 'mobile'

select: none ‧ this page no items selected

mark as read ‧ unread ‧ private ‧ public ‧ add stars ‧ remove stars ‧ delete

THIS IS BOILERPLATE confirm ‧ cancel

Issues with position fixed & scrolling on iOS

With the release of iOS 5, fixed positioned layout is said to be supported in MobileSafari. The word supported needs to be taken with a pinch of salt, because there’s all kinds of issues which I intend to show you in the following post.

fixed ios positioning mobile webkit issues remy sharp
4 days ago by fjordaan

copy to mine

iOS Web Browser Simulator (FREE limited version) - Electric Plum

Full screen presentation mode.
JavaScript Error Detection.
Simulates the iOS Web Browsing Experience (iPad and iPhone).
Perfect for presentations.
Test local and remote Web pages.
No 3rd party dependencies, a standalone compact (15mb) installer.
Works great with jQuery Mobile and other top Mobile Web JavaScript Libraries.
Zoom in and out on device content and device chrome.
Toggle Browser Chrome to approximate the experience of Web Apps added to the iOS home screen.
Test iOS detection on your Web site with full iOS user agent string simulation.

ios browser mobile safari iphone ipad simulator emulator testing
5 days ago by fjordaan

copy to mine

Trigger.io - mobile engine for web devs

The simplest way for web developers to build native iOS, Android and web apps using a single HTML5 codebase.

html5 ios mobile framework android phonegap native forge package
27 days ago by fjordaan

copy to mine

Adaptive Images in HTML

Adaptive Images detects your visitor's screen size and automatically creates, caches, and delivers device appropriate re-scaled versions of your web page's embeded HTML images. No mark-up changes needed. It is intended for use with Responsive Designs and to be combined with Fluid Image techniques.

adaptive images responsive php mobile matt wilcox
6 weeks ago by fjordaan

copy to mine

LukeW | Multi-Device Layout Patterns

Through fluid grids and media query adjustments, responsive design enables Web page layouts to adapt to a variety of screen sizes. As more designers embrace this technique, we're not only seeing a lot of innovation but the emergence of clear patterns as well. I cataloged what seem to be the most popular of these patterns for adaptable multi-device layouts.

layout mobile patterns responsive lukew multi-device multiple device off-screen navigation swipe
6 weeks ago by fjordaan

copy to mine

Nokia 6300 | DeviceAtlas
deviceatlas mobile phone device database nokia support
6 weeks ago by fjordaan

copy to mine

Anatomy of a mobile web experience: google.com | mobiForge

In a recent blog post that I did here on mobiForge (Server-side device detection used by 82% of Alexa top 100 sites) some people expressed surprise that a 47 byte difference in the HTML payload delivered by Google to different devices constituted a significant level of server-side adaptation. On checking my results, it turned out that this minor 47 byte file size difference actually masks an entirely different HTML document served to different devices—an approach that Google use extensively in its mobile presences.

mobile web experience different html payload google analysis
6 weeks ago by fjordaan

copy to mine

Responsive Navigation Patterns | Brad Frost Web

Here’s some of the more popular techniques for handling navigation in responsive designs:

css mobile navigation responsive patterns brad frost
12 weeks ago by fjordaan

copy to mine

Android Design - Welcome

Welcome to Android Design, your place for learning how to design exceptional Android apps.

android design guidelines mobile ux style guide patterns
january 2012 by fjordaan

copy to mine

The Mobile Case for Progressive Enhancement | Brad Frost Web

There’s a mentality that in order to do create functional experiences in the browser, especially for mobile, you need to use some hardcore JS framework, rewrite the scrolling logic, add a bunch of interstitial animations, create overlays and add swipes. I have nothing against frameworks or these techniques, but for whatever reason people think they’re a prerequisite for creating mobile web experiences. They’re not.

javascript mobile progressive enhancement js brad frost simple
december 2011 by fjordaan

copy to mine

Edinburgh International Book Festival mobile site – Tinned Fruit

We decided that a mobile web site would serve the Book Festival’s needs better than would native applications. Here’s why we came to that decision, and how building an interactive and responsive mobile website need not be as huge a departure from traditional web development as you might think.

edinburgh book festival mobile zepto pjax
december 2011 by fjordaan

copy to mine

Tom Hume: app.ft.com, and the cost of cross-platform web apps

One of the most interesting talks at OverTheAir was, for me, hearing Andrew Betts of Assanka talk about the work he and his company had done on the iPad web app for the Financial Times, app.ft.com.

tom hume app development ft mobile webapp
november 2011 by fjordaan

copy to mine

ongoing by Tim Bray · “Web” vs. “Native”

“Native vs Web apps on mobile; what do you think?” I think about it all the time. And I talk to developers all the time so I think I know what they’re thinking. Thus this piece, which is goes on and on and on but that’s OK, blogging is for long-form pieces! Includes a case study with screenshots.

android iphone mobile native web app timbray
june 2011 by fjordaan

copy to mine

Mobile Web vs Native App: Give It a Rest (Global Moxie)

But my dirty little secret—spoiler alert!—is that I don't really think it's a matchup at all. Providing a great experience almost certainly means that you'll do both. We're all in this together, friends.

html5 mobile app native globalmoxie joshclark cage fight
june 2011 by fjordaan

copy to mine

Introducing Page Speed Online, with mobile support - The official Google Code blog

At Google, we’re striving to make the whole web fast. As part of that effort, we’re launching a new web-based tool in Google Labs, Page Speed Online, which analyzes the performance of web pages and gives specific suggestions for making them faster. Page Speed Online is available from any browser, at any time. This allows website owners to get immediate access to Page Speed performance suggestions so they can make their pages faster.

google performance page speed mobile
april 2011 by fjordaan

copy to mine

Your company? There's an app for that.

Few technology and device-making companies probably realize it, but they are in direct competition with Apple (or soon will be). How did this happen? Well, the iPhone1 does a lot of useful things pretty well, well enough that it is replacing several specialized devices that do one or two things really well. Space in backpacks, pockets, and purses is a finite resource, as is money (obviously). As a result, many are opting to carry only the iPhone with them when they might have toted several devices around. Here is a short list of devices with capabilities duplicated to some degree by the iPhone:

apple iphone mobile app replace competition
april 2011 by fjordaan

copy to mine

DeviceAtlas | DeviceAtlas

Global device intelligence. Powering your mobile strategy
DeviceAtlas...

* the fastest
* the most accurate
* the most comprehensive

...device detection solution on the market

reference mobile database device detection
march 2011 by fjordaan

copy to mine

Media Queries

The term Responsive Web Design was coined by Ethan Marcotte and is the practice of using fluid grids, flexible images , and media queries to progressively enhance a web page for different viewing contexts.

By restricting CSS rules to a certain width of the device displaying a web page, one can tailor the page's representation to devices (i.e. smartphones, tablets, netbooks, and desktops) with varying screen resolution.

css3 mobile media queries fluid layouts examples
march 2011 by fjordaan

copy to mine

Mobile UI Patterns
design iphone mobile patterns ui inspiration
february 2011 by fjordaan

copy to mine

Yiibu - Lovingly crafted mobile experiences

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.

mobile web design presentation yiibu mobilefirst demonstration
february 2011 by fjordaan

copy to mine

LukeW | Mobile First

More often than not, the mobile experience for a Web application or site is designed and built after the PC version is complete. Here's three reasons why Web applications should be designed for mobile first instead.

mobile usability ux lukew mobilefirst
february 2011 by fjordaan

copy to mine

Providing great user experience with feedback - (37signals)

When we designed Basecamp Mobile we decided to use a variety of methods to keep people informed about the current state of the app. Different conditions can require different feedback, so we had to carefully consider multiple types of feedback. Here are some examples:

37signals iphone mobile usability responsiveness feedback basecamp
february 2011 by fjordaan

copy to mine

Designing for the Mobile Web

The thing is, creating a great web experience for users of mobile devices is much easier than you might think. In this article I'll introduce seven fundamental steps that, if followed, will help you avoid the pitfalls that have caused many other mobile sites to fail. By the end of this article you'll know exactly where to focus your efforts in order to build a successful mobile site.

mobile reference ui development web design guidelines sitepoint briansuda emulators
january 2011 by fjordaan

copy to mine

Global Authoring Practices for the Mobile Web

This document gives general guidelines for web developers and content authors who are searching for directions to help create sites for the mobile web.

development mobile design reference WAP xhtml-mp guidelines best practices
january 2011 by fjordaan

copy to mine

EUROPA - Press Releases - Harmonisation of a charging capability of common charger for mobile phones - frequently asked questions

Incompatibility of chargers for mobile phones is a major environmental problem and an inconvenience for users across the European Union. Currently specific chargers are sold together with specific mobile phones. A user who wants to change his/her mobile phone must usually acquire a new charger and dispose the current one, even if this is in perfect condition. This unnecessarily generates important amounts of electronic waste.

mobile phone charger harmonisation compatibility
january 2011 by fjordaan

copy to mine

Growth of a meme: how a mobile lawsuits visualisation evolved | Technology | guardian.co.uk

Started by the New York Times, knife-and-forked by myself, then made increasingly beautiful by graphic designers: how the view of the patents bunfight improved

infographic visualisation mobile lawsuits patents sue suing mccandless #infographic
october 2010 by fjordaan

copy to mine

10 Excellent Tools for Testing Your Site on Mobile Devices

Fear not, because there are some handy tools available at your disposal for making sure that your website renders appropriately on the Mobile Web. This article shares and discusses 10 such tools.

mobile devices testing iphone ipad simulator tools
september 2010 by fjordaan

copy to mine

Sencha - Sencha Touch Overview - HTML5 Mobile App Framework

Sencha Touch allows you to develop web apps that look and feel native
on Apple iOS and Google Android touchscreen devices.

framework html5 iphone mobile sencha raphael extjs javascript touch
june 2010 by fjordaan

copy to mine

All Nokia phones

Good source of all phone model specs with high-res pictures

gsmarena mobile phones nokia reference images
september 2009 by fjordaan

copy to mine

DeviceAnywhere - The Source for Mobile Application Testing and Development

DeviceAnywhere is the source for mobile application testing and mobile application development. The award-winning DeviceAnywhere is a revolutionary service providing a comprehensive set of end-to-end solutions for the mobile development lifecycle. With the world’s largest phone bank, DeviceAnywhere provides instant remote access to more than 2000 real devices on over 30 different carriers, available on live global networks.

netvouzimported netvouzpublic browser browsercam comparison deviceanywhere francois login mobile phone testing wap wml
april 2009 by fjordaan

copy to mine

Dark Roasted Blend: The Machine-Animals of Nantes

French city of Nantes recently became host to extremely strange and fascinating sculptural display: "Les Machines de l'Ile Nantes", designed by François Delarozière and Pierre Orefice.