from MacStories http://www.macstories.net Author: Lukas Hermann Date: May 04, 2012 at 11:31AM

Automatically adapts your existing HTML images for mobile devices. No mark-up changes needed.

Hammer.js is a javascript library (that depends on jQuery) that can be used to control gestures on touch devices. It supports the following gestures:

Tap
Double tap
Hold
Drag
Transform
Documentation
So wave your hands in the air / Bust a few moves / Run your fingers through your hair
A step by step guide on how to use hammer.js:

Download the hammer javascript or clone the latest version from our github repository:
$ git clone git@github.com:eightmedia/hammer.js.git

Import jquery and import hammer.js in your project:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script src="hammer.js"></script>

Hammertime! Bind hammer to a container element:
var hammer = new Hammer("#container");

Now, on every gesture that is performed on the container element, you'll receive a callback object with information on the gesture.

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.
Why? Because your site is being increasingly viewed on smaller, slower, low bandwidth devices. On those devices your desktop-centric images load slowly, cause UI lag, and cost you and your visitors un-necessary bandwidth and money. Adaptive Images fixes that.

Mobile Couchbase is Beta! Your iOS apps can sync using the power of Apache CouchDB: http://t.co/NSLIINT

Tools and APIs required to build applications for the iPhone platform using the iPhone SDK. User interface designs for mobile devices and unique user interactions using multitouch technologies. Object-oriented design using model-view-controller pattern, memory management, Objective-C programming language. iPhone APIs and tools including Xcode, Interface Builder and Instruments on Mac OS X. Other topics include: core animation, bonjour networking, mobile device power management and performance considerations. Prerequisites: C language and programming experience at the level of 106B or X. Recommended: UNIX, object-oriented programming, graphical toolkits Offered by Stanford’s School of Engineering, the course will last ten weeks and include both the lecture videos and PDF documents. A new lecture will be posted a week after each class meeting. Subscribe to this course, and automatically receive new lectures as they become available. Released with a Creative Commons BY-NC-ND license.

The Objective-C HTTP library that Apple should have created, seriously.

Seriously
---------
The iPhone needs a better way to make HTTP requests, specifically calls to
REST web services. Seriously mixes Blocks with NSURLConnection &
NSOperationQueue to do just that. It also will automatically parse the JSON
response into a dictionary if the response headers are set correctly.

Install
-------
Just drag the files from the "src" directory into your project. You can also try
using the included "Seriously.framework" file

Parse JSON EXAMPLE
------------------
NSString *url = @"http://api.twitter.com/1/users/show.json?screen_name=probablycorey;&quot;

[Seriously get:url handler:^(id body, NSHTTPURLResponse *response, NSError *error) {
if (error) {
NSLog(@"Error: %@", error);
}
else {
NSLog(@"Look, JSON is parsed into a dictionary!");
NSLog(@"%@", [body objectForKey:@"profile_background_image_url"]);
}
}];

Simple Queue Example
--------------------
NSArray *urls = [NSArray arrayWithObjects:
@"http://farm5.static.flickr.com/4138/4744205956_1f08ae40e3_o.jpg&quot;,
@"http://farm5.static.flickr.com/4123/4744238252_d11d0df5a3_b.jpg&quot;,
@"http://farm5.static.flickr.com/4097/4743596319_50cce97d80_o.jpg&quot;,
@"http://farm5.static.flickr.com/4099/4743581287_7c50529b36_o.jpg&quot;,
@"http://farm5.static.flickr.com/4123/4743587437_78f0906e8a_o.jpg&quot;,
@"http://farm5.static.flickr.com/4136/4743562971_d5f5c6d5b1_o.jpg&quot;,
@"http://farm5.static.flickr.com/4073/4744205142_be44e64ab7_o.jpg&quot;,
nil];

// By default the NSOperation will only do 3 requests at a time
for (NSString *url in urls) {
NSOperation *o = [Seriously request:url options:nil handler:^(id body,
NSHTTPURLResponse *response, NSError *error) {
NSLog(@"got %d (%@)", [urls indexOfObject:url], url);
}];
}

Why Are You Using Blocks?
-------------------------
Welcome to the future dude!

TODO
----
- Document
- Add XML parsing
- Add more options for NSOperationQueue management

Unify was built to improve the development efficiency of apps for smartphones. Currently it supports smartphones based on the platforms iOS, Android and WebOS. There is support for desktop operating systems like Windows or Mac OS as well. Support for tablet devices is planned for the next year.

The software makes use of a whole range of modern web technologies such as HTML5, CSS3 and JavaScript. A typical end user should not be able to distinguish an application built with Unify from a natively programmed application. Unify bypasses the traditional limitations of the web browser. Detecting the current geo location, accessing the file system, etc. is easy to implement.

There are a lot of benefits of this approach. First it saves money and improves time-to-market. Secondly it reduces follow-up costs as only one implementation needs to be developed further. JavaScript and web technology is improved rapidely at the moment. Just-in-Time compilers and graphic accelaration will be widely support in the upcoming quarters.

We are going to create a web page that is formatted specifically for the iPhone (but would presumably be good for other mobile devices as well). This web page will dynamically fill itself with content from any RSS feed that you give it. The interface is going to be built to be easy to use on a mobile device, with large “touchable” areas and nice (jQuery) animations that whisk you between articles.

This past fall I was tasked with creating a few iPhone-specific web applications. After doing a lot of research, I found a few issues with the popular JavaScript libraries. The availability of -webkit-transform and -webkit-animation removed any need for an animation library. Second, since the Query Selectors API was available, the need for a complex javascript selectors engine was basically pointless1. And last, every library that I came across, even after minifying, was far too large for the iPhone to cache (24KB limit).

So looking at these first two issues, I tend to feel like those, as well as cross-platform issues, are some of the biggest reasons we use JavaScript frameworks in the first place. But here I was, developing for a single platform. So, what did I do?

I wrote baseJS. I just needed a simple, lightweight framework that could take care of some common and bulky tasks and allow me to write cleaner, more organized code.
Features

* Lightweight: less than 8KB when minified
* Fully-compatible with Mobile Safari
* Falls back on Sizzle selector library for iPhone 1.x (when query selector support is unavailable)
* Encourages use of CSS Transitions and Animations
* Object-oriented
* Easy to extend

This started as a really simple little excersise in bordom one evening just to see if we could replicate the look and feel of the iPhone sliding toggles on the web. Now, it's a fully blown plugin that should do most the work for you! Just like the Last.FM plugin the styling is left almost entirely up to you. There is a template you need to follow, but this just determines a layout, nothing more.

Developing on the webkit for iPhone I encountered a curious delay on onClick events. It seems that the click is triggered with about 300 milliseconds delay. While this is unnoticeable on a standard web page, it can be annoying on a web application. Fortunately the click event can be overridden thus eliminating the delay.

In my last post I was suggesting to stop cloning the default Apple UI for web applications and start creating custom controls. This time I want to put my words in practice and present you with a rotating wheel select control, 150 lines of code all included (HTML+CSS+JS).

If you use iScroll or any web app that takes advantage of touch events you'll sooner or later stumble in an annoying bug: when you swipe over the bottom browser bar the touchend event is not fired and the application freezes. Here I'm trying to explain why this happens and how to fix it.

Xcode’s No.1 companion for Cocoa and Cocoa Touch!

Yummygum designed 60 free vector Photoshop icons with care. Perfectly suitable for iPhone & iPad apps or your new web project!

This lets you preview the pre-supplied gloss, or modify it. It’s made up entirely of shape layers and layer effects and should be completely pixel-accurate. If you use it, credit is welcome — it’s not required, though.

For the most part, Mobile Safari on the iPad is the same as that on the iPhone. One difference that I’ve found is that Webkit on the iPad honors CSS media query declarations based on orientation.

<link rel=”stylesheet” media=”all and (orientation:portrait)” href=”portrait.css”>
<link rel=”stylesheet” media=”all and (orientation:landscape)” href=”landscape.css”>

http://gist.github.com/358506

What was more interesting is that there was an entire framework running this web application. The framework weighed in at 4,300 lines of code, and was unmistakably an Apple-born API. Every class and constant was prefixed with the letters “AD” and some of the classes include ADTabBarController, ADScrollPane, ADViewController, ADView, ADToolbar, and dozens more.

What was more interesting is that there was an entire framework running this web application. The framework weighed in at 4,300 lines of code, and was unmistakably an Apple-born API. Every class and constant was prefixed with the letters “AD” and some of the classes include ADTabBarController, ADScrollPane, ADViewController, ADView, ADToolbar, and dozens more.