sunpig + mobile   208

An Ajax-Include Pattern for Modular Content | Filament Group, Inc., Boston, MA
In order to lazy load nonessential content on BostonGlobe.com without introducing access barriers, we developed a simple, markup-driven “Ajax-include” pattern that enhanced certain links on a page by including a fragment of content from a URL related to their linked resource. For example, the header of BostonGlobe.com contained a link to the Weather section of the website, and that same link is also used as a marker for including a fragment of content from that section that is used to create a weather widget.
ajax  javascript  jquery  mobile  responsive  lazyload  filamentgroup  bostonglobe  pattern  quickconcat  concatenate  http  modular 
14 hours ago by sunpig
When is a website not a website? For Talking Points Memo, the turning point was in 2012 » Nieman Journalism Lab
“If someone were to ask me a year ago, I would have said, ‘Well, yeah, we’re not just a website — it’s this, and we have that, and the other.’ But I think it was when I saw mobile growing as fast as it was that it just sort of hit me at a different level,” Marshall told me. “Inevitably, as long as mobile was something like five percent of traffic, it was just something you made available on the side. But you start to see, this is going to be half of our audience. We can’t be approaching it in a way that the website is the thing, and we’re making imitations of it — because this thing is losing its primacy. In a lot of ways, it wasn’t until late last year that it hit me at a different level. It hit me as more than a concept. It was really true.”
tmp  talkingpointsmemo  joshmarshall  journalism  mobile  market  video  communication  culture 
15 days ago by sunpig
Android fragmentation: one developer encounters 3,997 devices | Ars Technica
One developer can do business with nearly 4,000 distinct Android ROMs, according to data posted by the creators of OpenSignalMaps on Tuesday. While the Android platform provides a lot of flexibility to consumers, OpenSignalMaps' data drives home the point that the small army of device variations can be staggering. Market developers can miss out on a lot by not supporting less popular or older devices.
opensignalmaps  map  android  fragmentation  segment  market  phone  mobile  device  arstechnica  graphic 
16 days ago by sunpig
ongoing by Tim Bray · Three Mobile-Software Rules
These days, I spend quite a bit of time talk­ing about how to write soft­ware for An­droid. I think three of the gen­eral rules are worth ex­pand­ing on here be­cause I’m in­creas­ingly con­vinced they apply to soft­ware in gen­eral, not just for mo­bile de­vices.
timbray  software  android  intent  url  verb  http  scheme  architecture  mobile  application  usability  crash  memory 
5 weeks ago by sunpig
Opera Developer News - How media queries allow you to optimize SVG icons for several sizes
One thing that seems to come up from time to time when talking about SVG is the apparent lack of a mechanism to make certain size specific adjustments. Typical use case is icon design, where you want to make sure the outline of the icon you're creating is always 1px, regardless of the icon being 16, 32 or 64 pixels in size. While at the SVG Open conference last week, I investigated how this problem could be solved, and found out that you can do this by using media queries inside the SVG file. Different widths set on the img tag pointing to the SVG file then will trigger different max-width/min-width media queries to be triggered. I've presented my findings during the lightning talks session at SVG Open, and have turned the talk into a YouTube video, which you can watch below.
andreasbovens  opera  svg  mediaquery  media  query  design  responsive  layout  mobile 
5 weeks ago by sunpig
Designers respond to Nielsen on mobile | News | .net magazine
McGrane also noted the problems faced by users arriving from search engines: "If you're only delivering a subset of content and features on your mobile site, redirecting users to the mobile URL can cause huge problems. This scenario happens all the time: the user searches for something on Google from her phone, and finds the content she's looking for. Tapping the link in search results takes her to the mobile site, but because that content doesn't exist on mobile, she gets dumped on the mobile homepage. Sure, she can link to the full desktop site, but she winds up on the homepage there too. She knows the content exists, she just can't get to it anymore. Redirecting to the mobile URL breaks Google search. How is that ever a good user experience?"
karenmcgrane  bradfrost  netmagazine  jakobnielsen  mobile  content  strategy  design  phone  website  html 
7 weeks ago by sunpig
Why Mobile Web Matters | NPR Digital Services
For many public media stations, mobile means one thing: apps. We all know mobile is important, and many stations have launched successful mobile apps that engage your audience with audio, news, and more.

But here’s the truth: If your app is the only component of your mobile strategy, you’re missing the boat. Mobile-optimized web pages are rapidly becoming the most important way to grow your online audience.
npr  media  mobile  web  android  app  ios  apple  iphone  digital  engagement  news  content  optimization 
7 weeks ago by sunpig
UI Patterns For Mobile Apps: Search, Sort And Filter | Smashing UX Design
But after taking a look at Craigslist mobile, it became obvious we could all benefit from some best practices around mobile search, sort and filter UI design. This article explores a dozen different ways to surface and refine the data your customers want.
theresaneil  smashingmag  development  design  pattern  search  filter  refine  save  ux  hci  sort  mobile  screen 
7 weeks ago by sunpig
» The EMs have it: Proportional Media Queries FTW! Cloud Four Blog
RT @lyzadanger: Oops. I just blogged on @cloudfour again, this time about em-based media queries:
lyzagardner  mobile  em  media  query  mediaquery  responsive  width  layout  zoom  css  design  frontend  webdev  cloudfour 
9 weeks ago by sunpig
How to work around the Mobile Safari image resource limit
Because of the memory available on an iPad or iPhone, Mobile Safari has much stricter resource limits than most desktop browsers.

One of these limits is the total amount of image data that can be loaded on a single HTML page. When Mobile Safari has loaded between 8 to 10 MB of image data it will simply stop displaying any more images. It might even crash.
safari  mobile  ios  ipad  iphone  webkit  resource  limit  image  size  html  webdev  frontend  constraint 
10 weeks ago by sunpig
Hear! Hear! the WURFL Cloud is finally here!
WURFL has represented the de-facto Device Description Repository for 10 years. It predated virtually all initiatives in the DDR space, be they commercial or driven by some standard body. Many have asked about the availability of a WURFL Cloud over the years. The advent of ScientiaMobile has made this possible.
scientiamobile  lucapassani  ddr  device  description  repository  detection  ua  wurfl  mobile  detect  frontend  browser  cloud  http  service  saas 
11 weeks ago by sunpig
Mobile First Design: Why It’s Great and Why It Sucks | Design Shack
The reality of the situation is a little more complex though. When you start with the desktop platform, you tend want to take advantage of everything that platform has to offer. You build an amazing product that leverages lots of great technology, only to realize that none of it scales well down to mobile. This can and does lead to severely watered down mobile products that feel more like an afterthought than a polished, finished product. Does this happen with every project? Perhaps not, but the story is likely far more common than you’d like to believe.
mobilefirst  design  webdev  frontend  constraint  progressive  enhancement  graceful  degradation  approach  rwd  responsive  adaptive  mobile 
11 weeks ago by sunpig
Why the mobile Web – and not apps – is the best channel for sales - Mobile Marketer - Columns
A recent ZMags survey, “Meet the connected consumer,” shows that 87 percent of connected consumers prefer to use Web sites and browser-based mobile sites for browsing and shopping, whereas only 4 percent prefer smartphone and tablet applications.
web  app  native  sales  conversion  channel  marketing  business  development  mobile  device  phone 
11 weeks ago by sunpig
Fashionably flexible responsive web design (full day workshop) // Speaker Deck
So many good examples of responsive (& mobile in general) web design in this deck by @malarkey:
andyclarke  malarkey  responsive  adaptive  web  design  mobile  development  frontend  device  size  dimension 
11 weeks ago by sunpig
Announcing jQuery Mobile 1.1.0 RC1 | jQuery Mobile
Fixed position toolbars in jQuery Mobile 1.1 -- doing it right
jquery  mobile  jqm  js  javascript  webdev  frontend  layout  fixed  position  library 
february 2012 by sunpig
Responsive Navigation Patterns | Brad Frost Web
RT @brad_frost: Responsive Navigation Patterns: an in-depth look into responsive web design navigation techniques
bradfrost  mobile  web  navigation  pattern  desktop  responsive  adaptive  width  mediaquery  adjust  webdev  frontend 
february 2012 by sunpig
RESS, Server-Side Feature-Detection and the Evolution of Responsive Web Design – Mobile in Higher Ed
RT @dmolsen: RESS, Server-Side Feature-Detection and the Evolution of Responsive Web Design
ress  responsive  server  css  adaptive  yiibu  design  webdev  frontend  mobile  wpo 
february 2012 by sunpig
All Web Developers Should Stop Doing This Immediately - Technology Review
"This is what hackers do. So why are companies defacing their own sites?" /via @aral
mobile  splash  roadblock  web  cbs  app  tablet  device  webdev  business  whygodwhy  antipattern 
february 2012 by sunpig
Mobile users don’t do that | Stephanie Rieger
"Mobile users don't do that" by @stephanierieger is a must-read for anyone considering a "mobile" project.
stephanierieger  mobile  yiibu  ahbit  usage  ux  design  ui  hci  psychology 
february 2012 by sunpig
Google Chrome Blog: Introducing Chrome for Android
In the red corner: Google. In the blue corner: Google. Wait, what? Chrome for Android WHAT ARE YOU PLAYING AT?
google  chrome  android  browser  web  sync  mobile  device  from twitter
february 2012 by sunpig
Super Bowl XLVI had MOBILE commercials! | MobileMarketingProfits.com | Build Your Business with Mobile Marketing
RT @grigs: A review of the Super Bowl ads that asked people to use their phones to respond—what worked and what didn't.
superbowl  marketing  advert  mobile  response  interaction  campaign 
february 2012 by sunpig
Mid-market Android Meltdown - HTC Warns Big Again - Forbes
RT @teroterotero: Mid-market Android Melt-down - HTC Warns Again
android  htc  phone  mobile  market  spec  iphone  apple  motorola 
february 2012 by sunpig
How Designers Can Help Developers - Matt Gemmell
RT @globalmoxie: "How Designers Can Help Developers": the nuts and bolts of good photoshop hygiene from @mattgemmell
design  designer  developer  photoshop  psd  layer  corner  button  comp  group  workflow  mobile  portrait  landscape  mattgemmell 
february 2012 by sunpig
Kayak redesign: How and why they did it | Tnooz
RT : How Kayak used mobile to make al their experiences better (overview of recent redesign):
mobile  design  ipad  kayak  travel  webdev  ixd  tnooz  from twitter
january 2012 by sunpig
Mobile Websites, Tablet Apps and Hybrids: 7 Mobile Strategy Tips for 2012
This is so good: "Mobile Websites, Tablet Apps and Hybrids: 7 Mobile Strategy Tips for 2012" /by @designcaffeine
mobile  strategy  designcaffeine  web  vision  statistics  hybrid  app  mobilefirst  tablet  form  responsive 
january 2012 by sunpig
LukeW | Multi-Device Web Design: An Evolution
RT : ✩ MUST-READ: LukeW | Multi-Device Web Design: An Evolution
mobile  AEA  from twitter_favs
december 2011 by sunpig
Android and iOS Now Control Over 80% of Smartphone Sales in U.S. - Mac Rumors
RT @grigs: Android and iOS Now Control Over 80% of Smartphone Sales in U.S.
mobile  smartphone  sales  us  market  usa  android  ios  iphone  rin  blackberry 
december 2011 by sunpig
[no title]
Great article by @brucel: "Notes on Designing Websites for the Asian Market"
brucelawson  design  web  webdev  asia  japan  thailand  tabled  phone  mobile  ie  internetexplorer  china 
december 2011 by sunpig
« earlier      

related tags

37signals  @media  access  accessibility  activex  ad  adactio  adaptive  address  adjust  adobe  adoption  advert  advertising  advice  AEA  ahbit  air  ajax  akamai  ala  alexa  alexpayne  alistapart  all  allenpike  allocation  analysis  analytics  anatomy  andreasbovens  android  andyclarke  antipattern  apache  api  app  appcache  appcelerator  apple  application  approach  apps  architecture  argument  arstechnica  article  asia  aspnet  aspnetmvc  asymco  auth  available  b2g  back  background  bandwidth  bar  behaviour  bennadel  bestpractice  billiemandel  bing  blackberry  blaze  blowup  blueberry  boilerplate  book  bookmarklet  boot2gecko  boston  bostonglobe  bottom  box  boxesandarrows  bradfrost  breakpoint  brianfling  brianleroux  browser  browsers  browserstatistics  browserwars  brucel  brucelawason  brucelawsom  brucelawson  bryanrieger  bug  build  business  button  c  cache  caching  calendar  camera  campaign  canvas  capture  catchup  cbs  cell  challenge  channel  chart  cheap  children  china  choice  christianheilmann  chrome  chuichuitan  chuisquared  click  clickthrough  client  clientside  clip  cloud  cloudfour  code  codepo8  color  colour  command  commerce  communication  comp  comparison  compatibility  compatible  computers  concatenate  config  connected  consideration  constraint  consumer  contact  container  content  context  control  conversion  corner  country  crash  cringely  css  css3  ctr  culture  custom  cute  dakotareesebrown  danzarella  data  daveolsen  davidcalhoun  day  ddr  debug  debugger  decision  definition  degradation  demo  dennisforbes  density  description  design  designcaffeine  designer  desing  desire  desktop  detect  detection  dev  developer  development  device  device-width  devices  devicewith  device_scale  devie  differences  digital  dimension  dionalmaer  discussion  display  dmolsen  dns  download  dpi  drag  dropdown  dumb  economics  education  electronics  element  elop  em  email  emergency  emulator  enable  engagement  enhancement  enter  entry  enyo  espn  etag  ethanmarcotte  event  example  execute  expectation  expensive  experience  expire  facebook  facts  farfuture  fat  feature  fennec  ffly  field  figure  filament  filamentgroup  file  filter  finger  firefox  fix  fixed  flexible  fling  fluid  focus  font  forbes  form  forms  fragmentation  framework  fredwilson  freetext  friendly  frontend  frontent  full  fullscreen  functionality  future  futurefriendly  game  gbs  geeknotes  generation  geolocation  gesture  getusermedia  gigaom  gist  globalmoxie  gmail  goodpractice  google  government  gps  graceful  graded  graph  graphic  grigs  group  gum  guypod  gzip  h5bp  handheld  handlheld  hardware  hci  height  hide  highlight  home  homescreen  hracedediu  ht  htaccess  htc  html  html5  html5doctor  http  hybrid  ICE  icon  ie  ie6  ie9  image  img  industry  infographic  inline  input  inspector  intent  interaction  interactiondesign  interface  internet  internetexplorer  interview  ios  ipad  iphone  iphone4  ipod  ixd  jakobnielsen  jamespearce  japan  jaredspool  jasongrigs  jasongrigsby  java  javascript  jeremykeith  jonathanstark  joshclark  joshmarshall  journalism  jqm  jquery  jquerymobile  js  karenmcgrane  kayak  kentbrewster  keypad  khanacademy  kin  klauskomenda  label  landscape  lanyrd  layer  layout  lazyload  leadership  learning  library  license  limit  link  links  list  load  localstorage  login  lokewroblewski  lookup  lucapassani  lukasmathis  lukew  lukewroblewski  lyza  lyzagardner  mac  malarkey  management  manifest  manifesto  map  market  marketing  marketshare  markup  matrix  mattgemmell  media  mediaqueries  mediaquery  memory  meta  microsoft  mini  mistakes  mobiforge  mobile  mobilefirst  mobilesafari  mobileweb  modernizr  modular  momentum  motion  motorola  mozilla  ms  music  mvc  myth  narrow  native  navigation  netflix  netfront  netmagazine  network  news  nitobi  nokia  noscript  npr  number  odopod  open  opensignalmaps  openwave  opera  optimization  order  oreilly  orientation  os  osx  pattern  patterns  paulirish  paulrouget  pc  pda  pdd  performance  persistent  personal  peterpaulkoch  peterrobinett  phone  phonegap  photoshop  php  physics  pixel  planning  platform  podcast  politics  politicsofcode  popular  portrait  position  possibilities  posting  ppk  pragmatic  prefetch  presentation  presentations  pricing  principle  process  programming  progressive  proxy  psd  psychology  qa  qt  query  quickconcat  quirksmode  rate  ratio  redirect  reference  refine  relative  rem  remote  remysharp  repository  research  reset  resize  resolution  resource  response  responsive  ress  retina  return  review  rgba  rim  rin  roadblock  rogerjohansson  rotate  rwd  saas  safari  sales  save  scalable  scale  scaling  scheme  schools  scientiamobile  scotthanselman  scottjehl  scottjenson  screen  script  scroll  scrollto  scrolltop  search  searchengineland  secret  segment  sencha  separate  server  service  settings  setup  seven  shading  shadow  shannon  shauninman  shichuan  silo  site  size  slidedeck  slides  slideshare  small  smallscreen  smart  smartphone  smashing  smashingmag  smashingmagazine  snekepete  snoopy  social  software  sort  souders  source  spec  spectrum  speed  spinner  splash  sproutcore  stackoverflow  standalone  standard  statistic  statistics  stats  statstics  stephanierieger  stevesouders  strategy  stream  stuffandnonsense  style  stylesheets  superbowl  support  svg  swipe  sxsw  sync  system  table  tabled  tablet  taiwan  talkingpointsmemo  tap  target  technology  tel  template  test  testing  text  thailand  theatlantic  theresaneil  thin  thumb  tilt  timbray  tip  tips  titanium  tmp  tnooz  toddler  tomiahonen  tool  tooltime  top  top10  touch  touchend  touchmove  touchscreen  touchstart  transcript  transform  transition  travel  tutorial  tv  twitter  type  ua  ui  uie  unstoppablerobotninja  url  us  usa  usability  usage  use  useit  user  useragent  users  ux  vector  verb  video  view  viewport  viewsource  vision  visit  visual  voce  w3c  want  was  waterfall  web  webapp  webapplicationstack  webapps  webdesign  webdev  webdirections  webfont  webkit  webos  webperf  website  webstandards  whygodwhy  width  wifi  windows  winphone7  wireframe  wireless  woff  wolfire  wolfrentzsch  workflow  wp7  wpo  wpochat  wrapper  wurfl  yafla  yahoo  ydn  yiibu  youth  yslow  yui  zoom  zynga 

Copy this bookmark:



description:


tags: