public marks

PUBLIC MARKS from Spone with tag mobile

This year

Strip - A Less Intrusive Responsive Lightbox

by 2 others
Strip is a Lightbox that only partially covers the page. This makes it less intrusive and leaves room to interact with the page on larger screens while giving smaller mobile devices the classic Lightbox experience.

Mobile Web App Checklist

by 1 other
This is a list of guidelines we've been compiling over the last couple years while building high-performance mobile frontends, as well as building the open source library impulse. Some of these are broadly applicable to any mobile website, some are specifically for people building apps.

Transactional HTML Email Templates

by 1 other
Styling HTML email is painful. Tables, inline CSS, unsupported CSS, desktop clients, web clients, mobile clients, various devices, various providers. All these things have to be thought about and tested. It’s no surprise developers don’t want to deal with this when there is a backlog of more important priorities. We’ve tried to remove some of the pain for you and open-sourced a collection of common templates for transactional email.

Ruggedizing Mobile Applications | Mutually Human

Improving user experience in unpredictable circumstances.

localForage

localForage is a handy library that improves the offline experience of your web app by using asynchronous storage (via IndexedDB or WebSQL where available) but with a simple, localStorage-like API. localForage includes a localStorage-backed fallback store for browsers with no IndexedDB or WebSQL support. This means that asynchronous storage is available in Chrome, Firefox, and Safari (including Safari Mobile).

2013

A Beginner's Guide to Perceived Performance: 4 Ways to Make Your Mobile Site Feel Like a Native App | Mobify

Building well-designed websites on mobile devices is slowly becoming easier and easier. Whatever the method (responsive, adaptive, etc.), if you know what you're doing, crafting a good-looking site is not a problem. But your clients, just like ours, may still be asking for that app-like experience. And creating such experiences remains a challenge.

The gradient chart : Cennydd Bowles

(via)
Here’s a little tool I’ve found useful when deciding whether to build a responsive site or a separate site for different devices (eg a mdot smartphone site to accompany a ‘full’ site).

2012

Remote Preview

by 1 other (via)
Remote preview is a tiny JavaScript based tool which I built for our test lab. It allows you to preview any URL on large number of mobile devices simultaneously. Just enter a URL, hit enter, and new URL gets automatically loaded on each device. Remote preview works on platforms like Android, Blackberry, iOS, Maemo, Meego, Symbian, Windows Phone and WebOS.

More iPhones Sold Than People Born Every Day

With the release of its quarterly earnings earlier today, Apple revealed that it had sold 37.04M iPhones in fiscal Q1 of 2012. Those numbers are massive, far bigger than any other manufacturer and beyond industry estimates.

Flipcards sur les Bonnes Pratiques du Web Mobile (MWBP)

Ces flipcards sur les Bonnes Pratiques du Web Mobile résument le standard W3C Mobile Web Best Practices 1.0. Les flipcards sont conçues comme un pense-bête ludique des soixantes bonnes pratiques définies plus en détails dans la spécification.

iUI - Mobile web framework for high-end devices

Create mobile websites & webapps with a native look-alike in no time. iUI supports iOS, Android, Rim OS6, MeeGo, Bada, WebOS, ... smartphones and tablets.

2011

Social Media Buttons on Mobile-First Responsive Designs - Themble

Social Sharing buttons can be brutal on load time (Facebook I’m looking at you) and with speed being a crucial factor in building a mobile version of your site, it can be a pain to try and maintain all those scripts without slowing down the site in the process. Loading Facebook, Twitter, Google’s +1 button, and other sharing buttons for a mobile site isn’t ideal.

Humane JS

by 3 others
A simple, modern, framework-independent, well-tested, unobtrusive, notification system. Utilizes CSS transitions when available, falls back to JS animation when not. Includes mobile support.

320 and up

by 1 other
‘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.

Swipe JS

by 1 other
Swipe is a lightweight mobile slider with 1:1 touch movement, resistant bounds, scroll prevention, and completely library agnostic.

PhotoSwipe

by 1 other
Image Gallery for mobile and touch devices iPhone, iPad, Android, Blackberry 6 and Desktop all supported.

Skeleton: Beautiful Boilerplate for Responsive, Mobile-Friendly Development

Skeleton is a small collection of CSS & JS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone.

Leaflet - a modern, lightweight JavaScript library for interactive maps by CloudMade

by 1 other (via)
Leaflet is a modern, lightweight BSD-licensed JavaScript library for making tile-based interactive maps for both desktop and mobile web browsers, developed by CloudMade to form the core of its next generation JavaScript API.