gordonbrander + mobile 83
iOS icon corner radii | The Hickensian | Hicksdesign
design
ios
mobile
26 days ago by gordonbrander
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)
26 days ago by gordonbrander
A non-responsive approach to building cross-device webapps - HTML5 Rocks
27 days ago by gordonbrander
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
* 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.
27 days ago by gordonbrander
Mozilla: Brazilians to get first phones running Boot to Gecko -- Engadget
5 weeks ago by gordonbrander
This is a brilliant way to become disruptive.
mozilla
mobile
development
web
b2g
5 weeks ago by gordonbrander
Apps Are Over: Frog Design's Scott Jenson Want to Overthrow the Desktop Paradigm - Forbes
5 weeks ago by gordonbrander
Frog Design is making noises that sound similar to B2G.
mobile
mozilla
development
web
ios
5 weeks ago by gordonbrander
PaulKinlan/formfactor
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
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.
6 weeks ago by gordonbrander
Toll of Fragmentation on Android
8 weeks ago by gordonbrander
Reports supporting 707 devices. Gets emails complaining device is not supported.
mobile
development
android
from iphone
8 weeks ago by gordonbrander
Off Canvas
9 weeks ago by gordonbrander
A clever approach to mobile content collapsing -- a bit Windows Phone 7-esque.
css
design
development
web
mobile
9 weeks ago by gordonbrander
Mobile HTML5 - compatibility tables for iPhone, Android, BlackBerry, Symbian, iPad and other mobile devices
10 weeks ago by gordonbrander
Another massive mobile compatibility table for lots of systems.
html
javascript
mobile
web
development
10 weeks ago by gordonbrander
Browserscope Ringmark
february 2012 by gordonbrander
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
Mobile Prototyping Essentials
february 2012 by gordonbrander
A good slide deck.
design
mobile
prototype
web
ios
wireframe
february 2012 by gordonbrander
Tagneto: Reply to Tom on AMD
january 2012 by gordonbrander
An interesting tangent:
amd
javascript
mobile
app
development
appcache
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.
january 2012 by gordonbrander
How China Ate Android - Forbes
mobile
culture
journalism
china
january 2012 by gordonbrander
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
january 2012 by gordonbrander
Mobile Web: Taiwan, Opera and WebOS // by Paul Rouget
mozilla
culture
design
web
mobile
january 2012 by gordonbrander
I bought a WebOS device and went to Taiwan. Now I understand why the Web on Mobile is a pretty big deal.
january 2012 by gordonbrander
The ‘trouble’ with Android | Stephanie Rieger
andriod
ios
mobile
web
development
design
responsivedesign
december 2011 by gordonbrander
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.
december 2011 by gordonbrander
This could be responsive images ya?
december 2011 by gordonbrander
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
Browser Feature Detector
december 2011 by gordonbrander
Massive feature tests by @cb1kenobi.
ios
mobile
web
development
javascript
from iphone
december 2011 by gordonbrander
Touching and Gesturing on the iPhone
december 2011 by gordonbrander
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
Touch (one finger):
OnTouchStart
OnTouchEnd
OnTouchMove (can be turned into swipe)
Gestures (2 finger):
OnGesture
december 2011 by gordonbrander
zepto.js — the aerogel-weight javascript framework
december 2011 by gordonbrander
A mobile-focused Javascript framework with syntax inspired by jQuery.
javascript
jquery
mobile
development
web
framework
opensource
library
december 2011 by gordonbrander
mir.aculo.us JavaScript with Thomas Fuchs » Blog Archive » Making an iPad HTML5 App & making it really fast
november 2011 by gordonbrander
A handful of tips and tricks re: mobile development.
ios
development
design
performance
mobile
web
javascript
november 2011 by gordonbrander
Debugging tool for Safari on iPhone, iPad and PhoneGap apps - Remote Inspector (Firebug) for JavaScript, HTML and CSS
Wow.
ios
development
web
tool
webkit
mobile
november 2011 by gordonbrander
iWebInspector is a free tool to debug, profile and inspect web applications running on iOS Simulator
Wow.
november 2011 by gordonbrander
Improving app cache | High Performance Web Sites
october 2011 by gordonbrander
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
october 2011 by gordonbrander
"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
september 2011 by gordonbrander
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
#80: Media plugin bug in IE8 (standards mode) when max-width is defined on images - Issues - stubbornella/oocss - GitHub
september 2011 by gordonbrander
Looks like IE8 is collapsing images with max-width in some circumstances. Gross. http://jsbin.com/imuni6/edit#preview
ie8
bug
web
development
css
mobile
september 2011 by gordonbrander
Yiibu - Lovingly crafted mobile experiences
september 2011 by gordonbrander
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
august 2011 by gordonbrander
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
august 2011 by gordonbrander
MIT to take over Google's App Inventor as part of a new "center for mobile learning".
mobile
web
android
development
school
bdw2011
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.
august 2011 by gordonbrander
nathansmith/adapt at master - GitHub
august 2011 by gordonbrander
An alternate approach to responsive, relying exclusively on JS.
css
javascript
mobile
opensource
responsivedesign
august 2011 by gordonbrander
Get off(line) | Web Directions
july 2011 by gordonbrander
A guide to Appcache
mobile
development
app
html
javascript
appcache
bdw2011
july 2011 by gordonbrander
CSS transitions & media queries » Blog » Elliot Jay Stocks
july 2011 by gordonbrander
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
StackLayout - A flexible width, component based CSS layout system
july 2011 by gordonbrander
A pretty clever responsive grid framework.
css
framework
layout
opensource
mobile
july 2011 by gordonbrander
A List of Completely Wrong Assumptions About Technology Use in Emerging Economies – The Ushahidi Blog
june 2011 by gordonbrander
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
june 2011 by gordonbrander
Mobile browser matrix for HTML5 support.
html
javascript
mobile
june 2011 by gordonbrander
LukeW | An Event Apart: The Responsive Designer’s Workflow
june 2011 by gordonbrander
Notes on Ethan Marcotte's talk @ EventApart.
web
design
mobile
css
pattern
june 2011 by gordonbrander
Cloud Four » Blog Archive » Where are the Mobile First Responsive Web Designs?
june 2011 by gordonbrander
Mobile first responsive design research.
css
design
web
development
mobile
from iphone
june 2011 by gordonbrander
320 and up
june 2011 by gordonbrander
Andy Clarke puts together a responsive design framework.
css
design
web
development
html
opensource
mobile
from iphone
june 2011 by gordonbrander
Less Framework 4
june 2011 by gordonbrander
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
may 2011 by gordonbrander
"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
april 2011 by gordonbrander
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
march 2011 by gordonbrander
Make and share maps of safe places to meet in case of emergency.
journalism
mobile
geo
march 2011 by gordonbrander
Mobile Boilerplate Beta - GitHub
february 2011 by gordonbrander
Mobile counterpart to HTML5 Boilerplate.
mobile
android
ios
development
html
opensource
february 2011 by gordonbrander
YouTube - How to Make iPhone and Android Games with HTML5/JS, ImpactJS and appMobi
january 2011 by gordonbrander
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
january 2011 by gordonbrander
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
The Kenyan Mobile Money Ecosystem — WhiteAfrican
january 2011 by gordonbrander
An overview of the Kenyan Mobile banking system and who offers what.
mobile
reliefanddevelopment
business
appropriatetechnology
january 2011 by gordonbrander
Targeting the iPhone 4 Retina Display with CSS3 Media Queries
june 2010 by gordonbrander
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
march 2010 by gordonbrander
"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
march 2010 by gordonbrander
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
Matt Legend Gemmell: iPad Application Design
march 2010 by gordonbrander
Nice observations
app
design
ui
mobile
march 2010 by gordonbrander
Indiba-Africa.mobi
february 2010 by gordonbrander
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
community bulletin board, asynchronous chat, links to other resources.
february 2010 by gordonbrander
Cell phone subscriptions to hit 5 billion globally
february 2010 by gordonbrander
"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
Asterisk: Open Source Telephony Project
february 2010 by gordonbrander
An open source telephony server, available under the GPL.
opensource
mobile
communication
from iphone
february 2010 by gordonbrander
FrontlineSMS: A free, large scale text messaging solution for NGOs and non-profit organizations
february 2010 by gordonbrander
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
february 2010 by gordonbrander
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
january 2010 by gordonbrander
A linux OS focused on mobile computing and netbooks. Has a very modal focus.
mobile
opensource
*nix
january 2010 by gordonbrander
Browser Size
december 2009 by gordonbrander
...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
november 2009 by gordonbrander
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
november 2009 by gordonbrander
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
november 2009 by gordonbrander
...something akin to the dashboard widgets one has on OSX.
ajax
javascript
app
mobile
standard
w3c
html
css
november 2009 by gordonbrander
The Hero Is In Your Pocket
november 2009 by gordonbrander
WordPress.com has added WP Mobile.
wordpress
mobile
november 2009 by gordonbrander
Phones But No Food
november 2009 by gordonbrander
Phones are being used as a bootstrapped food-stamp system in Relief and Development situations
journalism
mobile
communication
community
november 2009 by gordonbrander
jqTouch
october 2009 by gordonbrander
A jQuery plugin for touch mobile interface development.
javascript
jquery
plugin
opensource
mobile
development
ios
from iphone
october 2009 by gordonbrander
Differences between Opera Mini 3 and 4
september 2009 by gordonbrander
Basically more—though minimal—Javascript support
javascript
mobile
browser
documentation
development
september 2009 by gordonbrander
Android Intelligent Home Screen
september 2009 by gordonbrander
A fresh take on home screen UI for phones.
UI
mobile
android
design
opensource
mockup
september 2009 by gordonbrander
PhoneGap: Cross platform mobile framework
april 2009 by gordonbrander
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
MobilePress - Enable The Mobile Web
january 2009 by gordonbrander
WordPress plugin by South African developer
wordpress
plugin
mobile
blog
opensource
ios
january 2009 by gordonbrander
A List Apart: Return of the Mobile Style Sheet
january 2009 by gordonbrander
Rich handheld device stylesheets through use of CSS media queries.
design
web
css
mobile
usability
ios
january 2009 by gordonbrander
Ushahidi: Crowdsourcing Crisis Information
november 2008 by gordonbrander
Mobile phone citizen journalism platform started by @whiteafrican
journalism
citizenjournalism
crowdsourcing
reporting
mobile
africa
november 2008 by gordonbrander
Mobile Web Design ~ A Book by Cameron Moll
october 2008 by gordonbrander
Covers CSS, SMS and Java, and where to get started in each.
web
development
mobile
book
october 2008 by gordonbrander
mobiForge
october 2008 by gordonbrander
Web development resources for mobile/handheld.
web
development
mobile
october 2008 by gordonbrander
related tags
*nix ⊕ accessibility ⊕ africa ⊕ ajax ⊕ amd ⊕ andriod ⊕ android ⊕ animation ⊕ api ⊕ app ⊕ appcache ⊕ appropriatetechnology ⊕ b2g ⊕ bdw2011 ⊕ blog ⊕ book ⊕ browser ⊕ bug ⊕ business ⊕ canvas ⊕ china ⊕ citizenjournalism ⊕ code ⊕ communication ⊕ community ⊕ creativecommons ⊕ crowdsourcing ⊕ css ⊕ culture ⊕ design ⊕ development ⊕ documentation ⊕ film ⊕ firefox ⊕ framework ⊕ game ⊕ geo ⊕ grid ⊕ html ⊕ ie ⊕ ie8 ⊕ impactjs ⊕ ios ⊕ ipad ⊕ javascript ⊕ journalism ⊕ jquery ⊕ layout ⊕ learn ⊕ library ⊕ mediaquery ⊕ microfinance ⊕ mobile ⊖ mockup ⊕ mozilla ⊕ newmedia ⊕ news ⊕ nonprofit ⊕ opensource ⊕ organization ⊕ pattern ⊕ performance ⊕ phonegap ⊕ plugin ⊕ prototype ⊕ reference ⊕ reliefanddevelopment ⊕ reporting ⊕ responsivedesign ⊕ school ⊕ socialjustice ⊕ socialnetwork ⊕ standard ⊕ teaching ⊕ test ⊕ tool ⊕ touch ⊕ twitter ⊕ ui ⊕ unittest ⊕ usability ⊕ w3c ⊕ web ⊕ webkit ⊕ wireframe ⊕ wordpress ⊕Copy this bookmark: