gordonbrander + mobile   83

iOS icon corner radii | The Hickensian | Hicksdesign
Apple starts with the 57px icon and a radius of 10 then scales up or down from there. Thus you can calculate the radius for any icon size using 10/57 x new size (for example 10/57 × 114 gives 20, which is the proper radius for a 114px icon)
design  ios  mobile 
26 days ago by gordonbrander
A non-responsive approach to building cross-device webapps - HTML5 Rocks
An interesting approach: targeting form-factor categories.

* small screens + touch (mostly phones)
* large screens + touch (mostly tablets)
* large screens + keyboard/mouse (mostly desktops/laptops)

This is actually very much like what I did for Carrington Personal. It can also be pulled off with a combo of media queries + window.matchMedia.
javascript  responsivedesign  development  web  design  mobile 
27 days ago by gordonbrander
PaulKinlan/formfactor
You've heard of Browser Detection and Feature Detection. Form Factor Detection is a third way, providing an avenue to manage conceptually distinct user interfaces. It doesn't eliminate the need for the first two approaches, but you use them in the context of a particular form factor's interface.

A script released by Google employees last year, aimed at bringing form factor detection to JS.
javascript  opensource  web  mobile  design  development 
6 weeks ago by gordonbrander
Toll of Fragmentation on Android
Reports supporting 707 devices. Gets emails complaining device is not supported.
mobile  development  android  from iphone
8 weeks ago by gordonbrander
Off Canvas
A clever approach to mobile content collapsing -- a bit Windows Phone 7-esque.
css  design  development  web  mobile 
9 weeks ago by gordonbrander
Browserscope Ringmark
Holy cow -- used http://rng.io/ with BrowserScope to show feature tests for a massive number of browsers.
ios  mobile  web  development  learn  ie  firefox  webkit 
february 2012 by gordonbrander
Tagneto: Reply to Tom on AMD
An interesting tangent:
On the "hydrate from strings" build approach: I would prefer using appcache and using built layers of AMD code instead. This gives much better overall mobile app performance since more than just JS can be cached. But that is more of a side point. Feel free to use the "hydrate from strings" approach, AMD could be used in that fashion too.
amd  javascript  mobile  app  development  appcache 
january 2012 by gordonbrander
How China Ate Android - Forbes
How is it possible the mid-tier Android vendors cannot eke out revenue growth with that kind of global Android unit explosion still going on?

The most likely explanation is the rapid expansion of the low-cost Android phone vendors, particularly ZTE and Huawei. In 2010, Vodafone and Orange decided to give these Chinese companies a shot at becoming mainstream vendors in Europe. The experiment was a wild success
mobile  culture  journalism  china 
january 2012 by gordonbrander
Mobile Web: Taiwan, Opera and WebOS // by Paul Rouget
I bought a WebOS device and went to Taiwan. Now I understand why the Web on Mobile is a pretty big deal.
mozilla  culture  design  web  mobile 
january 2012 by gordonbrander
The ‘trouble’ with Android | Stephanie Rieger
Snapshot of 500 Android screen sizes on EU site...

...The first culprits are embedded web views—browser views embedded within apps such as Twitter or Facebook, enabling users to consume links and content without ever leaving the app itself. These views often incorporate their own chrome which results in slightly smaller (or at the very least different) dimensions than the native browser...

...But this is only the half of it. On Android specifically, a series of personalisation and accessibility settings further contribute to screen size diversity. The most disruptive setting by far is Zoom Level.
andriod  ios  mobile  web  development  design  responsivedesign 
december 2011 by gordonbrander
This could be responsive images ya?
A clever canvas hack for responsive images that are only requested once. Effects possibilities are interesting, too.
responsivedesign  mobile  javascript  canvas  development  web 
december 2011 by gordonbrander
Touching and Gesturing on the iPhone
The iPhone exposes the following multitouch events to the DOM:

Touch (one finger):

OnTouchStart
OnTouchEnd
OnTouchMove (can be turned into swipe)

Gestures (2 finger):

OnGesture
javascript  touch  ios  development  web  ui  design  mobile 
december 2011 by gordonbrander
zepto.js — the aerogel-weight javascript framework
A mobile-focused Javascript framework with syntax inspired by jQuery.
javascript  jquery  mobile  development  web  framework  opensource  library 
december 2011 by gordonbrander
Debugging tool for Safari on iPhone, iPad and PhoneGap apps - Remote Inspector (Firebug) for JavaScript, HTML and CSS
iWebInspector is a free tool to debug, profile and inspect web applications running on iOS Simulator

Wow.
ios  development  web  tool  webkit  mobile 
november 2011 by gordonbrander
Improving app cache | High Performance Web Sites
Good thoughts on what's wrong with AppCache and how to fix it.
appcache  mobile  performance  development  web 
october 2011 by gordonbrander
Safari Web Content Guide: Creating Compatible Web Content - Know iOS Resource Limits
"sprites cannot be bigger than 2*1024*1024px on iOS2", and more helpful gotchas.
ios  development  web  webkit  mobile  reference 
october 2011 by gordonbrander
Mulberry
An app development framework built on top of Phone Gap. It has a theming component and looks well put-together.
html  javascript  ios  phonegap  bdw2011  mobile  development  opensource 
september 2011 by gordonbrander
Yiibu - Lovingly crafted mobile experiences
This looks like a promising exploration of building true all-device websites. Investigate.
blog  mobile  web  design  development  pattern  learn 
september 2011 by gordonbrander
Adactio: Journal—Re-tabulate
Brilliant: use media queries to reverse the position of the navigation and content.
css  mobile  development 
august 2011 by gordonbrander
MIT Launches New Center for Mobile Learning - MIT Media Relations
MIT to take over Google's App Inventor as part of a new "center for mobile learning".
The Center's first activity will focus on App Inventor for Android, a programming system that makes it easy for learners to create mobile apps for Android smart phones by visually fitting together puzzle piece-shaped "programming blocks" in a web browser.
mobile  web  android  development  school  bdw2011 
august 2011 by gordonbrander
nathansmith/adapt at master - GitHub
An alternate approach to responsive, relying exclusively on JS.
css  javascript  mobile  opensource  responsivedesign 
august 2011 by gordonbrander
CSS transitions & media queries » Blog » Elliot Jay Stocks
A clever idea: set css transitions on the body element when using media queries. All transitions are then animated.
css  mobile  animation 
july 2011 by gordonbrander
A List of Completely Wrong Assumptions About Technology Use in Emerging Economies – The Ushahidi Blog
Interesting perspectives regarding using data and mobile interfaces in emerging economies, from the http://ushahidi.com folks. Conventions that are commonplace in the west may not be so intuitive elsewhere.
mobile  web  culture  reliefanddevelopment  appropriatetechnology 
june 2011 by gordonbrander
HTML5 Mobile Support - GitHub
Mobile browser matrix for HTML5 support.
html  javascript  mobile 
june 2011 by gordonbrander
320 and up
Andy Clarke puts together a responsive design framework.
css  design  web  development  html  opensource  mobile  from iphone
june 2011 by gordonbrander
Less Framework 4
The Less repsonsive layout framework is getting mature.
css  mobile  design  web  development  css  opensource  framework  grid  responsivedesign  mediaquery 
june 2011 by gordonbrander
mobile + africa - Stanford d.school news
"Starting in April, Stanford d.school students from a diverse array of disciplines – including computer science, medicine, business, law, education – worked with computer science students at the University of Nairobi to identify the design needs of health care providers and low-income mobile phone users in Kenya."
mobile  design  school  bdw2011 
may 2011 by gordonbrander
Adactio: Journal—Windows mobile media queries
The state of media queries in Windows Mobile 7: nonexistent. At least we can use conditional comments to patch it up.
css  mobile  ie  bug  web  development 
april 2011 by gordonbrander
Safety Maps: A Do Project
Make and share maps of safe places to meet in case of emergency.
journalism  mobile  geo 
march 2011 by gordonbrander
YouTube - How to Make iPhone and Android Games with HTML5/JS, ImpactJS and appMobi
Video tutorial on packaging ImpactJS games for iPhone/Android store with AppMobi.
impactjs  development  mobile  game  android  learn  ios  film 
january 2011 by gordonbrander
FrontlineSMS:Credit
FrontlineSMS has created an extension to their open source software that allows for mobile payments via Laptop/Modem and mobile phones.
mobile  business  opensource  reliefanddevelopment  appropriatetechnology 
january 2011 by gordonbrander
Targeting the iPhone 4 Retina Display with CSS3 Media Queries
Clever use of background-size and media queries to serve up high-dpi images to Retina displays.
css  design  mobile  ios 
june 2010 by gordonbrander
M-Pesa on Wikipedia
"M-PESA (M for mobile, pesa is Swahili for money) is the product name of a mobile-phone based money transfer service that was developed by Sagentia".
mobile  business  reliefanddevelopment  community  appropriatetechnology 
march 2010 by gordonbrander
The Economist: Savings and the poor - A better mattress
A compliment to microfinance, "microsavings" is starting to emerge as a beneficial product both for the poor consumer and the bank. At the tail end of the financial crises, many microfinance institutions have found they have an uncomfortable dependence on outside funding. Microsavings evens things out. Since it revolves around many small deposits, creative ways of reducing transaction costs are being invented, many involving deposit-by-cellphone.
mobile  microfinance  reliefanddevelopment  business  nonprofit  community  appropriatetechnology 
march 2010 by gordonbrander
Indiba-Africa.mobi
A mobile-specific community portal, re: women's rights in Africa. Had
community bulletin board, asynchronous chat, links to other resources.
mobile  communication  community  from iphone
february 2010 by gordonbrander
Cell phone subscriptions to hit 5 billion globally
"On our planet of 6.8 billion people, we're likely to see 5 billion cell phone subscriptions this year". 1 billion have internet connections, already.
mobile  web  culture 
february 2010 by gordonbrander
FrontlineSMS: A free, large scale text messaging solution for NGOs and non-profit organizations
Open-source one-to-many, two-way SMS platform that connects a laptop and phone, turning the pair into a mobile communication center. "FrontlinesSMS allows you to text message with large groups of people anywhere there is a mobile signal." No internet connection required.
mobile  opensource  reliefanddevelopment  communication  journalism  citizenjournalism  appropriatetechnology 
february 2010 by gordonbrander
SMS Uprising: Mobile Activism in Africa
A collection of essays on Mobile devices (cellphones) used in relief and development/activism situations in Africa. I firmly believe that the wildcard of social change in our lifetime will be mobile platforms and the web.
mobile  web  reliefanddevelopment  communication  book  community  appropriatetechnology 
february 2010 by gordonbrander
Moblin
A linux OS focused on mobile computing and netbooks. Has a very modal focus.
mobile  opensource  *nix 
january 2010 by gordonbrander
Browser Size
...from Google labs. A visual overlay of what people can actually see on your site. With Google's huge pool of data, this is pretty definitive.
design  tool  usability  web  mobile 
december 2009 by gordonbrander
Pie Guy
Neven Mrgan cloned pacman as a web app for the iPhone. Touch controls, local storage, the works.
mobile  web  app  game  javascript  html  ios 
november 2009 by gordonbrander
QuirksBlog: Native iPhone apps vs. Web apps
PPK on the state of native vs web apps on the iPhone.
mobile  design  ui  standard  blog  ios 
november 2009 by gordonbrander
QuirksBlog: Introduction to W3C Widgets
...something akin to the dashboard widgets one has on OSX.
ajax  javascript  app  mobile  standard  w3c  html  css 
november 2009 by gordonbrander
Phones But No Food
Phones are being used as a bootstrapped food-stamp system in Relief and Development situations
journalism  mobile  communication  community 
november 2009 by gordonbrander
jqTouch
A jQuery plugin for touch mobile interface development.
javascript  jquery  plugin  opensource  mobile  development  ios  from iphone
october 2009 by gordonbrander
PhoneGap: Cross platform mobile framework
Mobile framework for iPhone and others. Lets you create full-fledged iPhone apps with HTML, CSS, JS. Abstracts away differences in the Javascript API between phones, allowing you to tap into things like GeoLocation, the Accelerometer and Vibrate through JS. Okayed by Apple as not violating the new terms of service about frameworks.
web  development  mobile  javascript  framework  api  ios 
april 2009 by gordonbrander
A List Apart: Return of the Mobile Style Sheet
Rich handheld device stylesheets through use of CSS media queries.
design  web  css  mobile  usability  ios 
january 2009 by gordonbrander
Mobile Web Design ~ A Book by Cameron Moll
Covers CSS, SMS and Java, and where to get started in each.
web  development  mobile  book 
october 2008 by gordonbrander
mobiForge
Web development resources for mobile/handheld.
web  development  mobile 
october 2008 by gordonbrander
« earlier      

Copy this bookmark:



description:


tags: