via Frank: There is a Horse in the Apple Store

viafrank:

There is a horse in the Apple Store and no one sees it but me.

I think, “Why?” What is the villain here that blinds all of these people to this situation? Am I nuts for thinking this is exceptional? Does anyone else see this? Did I accidentally drop acid and not realize? I must take a photo….

Source: viafrank

A Shiny New Me: Bridging The PhoneGap: ChildBrowser Plugin

burkeholland:

This is the first post in a series that I have been meaning to write for a while. PhoneGap (now called Cordova) is the defacto platform for building native applications with HTML5. In the past few years we have seen quite a few JavaScript frameworks pop up to help you with your UI, which has…

Source: burkeholland

Phone Size Show the actual size of a phone on your screen! Adjust the settings in the top bar so they match your monitor (try to be as precise as possible). You can use offset to increase or decrease the size of all the phones. To add a phone, simply select one from the selection box and to remove it, click the remove button underneath it. When you hit “Toggle Screens”, every phone will show the same picture, cropped to the resolution of the screen. More candy = higher resolution.
View Separately

Comparing Apple iPhone 4S. Nokia Lumia 800, and Google Galaxy Nexus - Phone Size Comparisons Made Easy

Phone Size Show the actual size of a phone on your screen! Adjust the settings in the top bar so they match your monitor (try to be as precise as possible). You can use offset to increase or decrease the size of all the phones. To add a phone, simply select one from the selection box and to remove it, click the remove button underneath it. When you hit “Toggle Screens”, every phone will show the same picture, cropped to the resolution of the screen. More candy = higher resolution.

Source: phone-size.com

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.
View Separately

Skeleton's Base Grid is a Variation of 960 Grid System - Skeleton

Skeleton Employs Media Queries to Serve the Scalable Grid - Skeleton

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.

Source: getskeleton.com

Does this count as a carry-on bag? by Dan Nguyen @ New York City on Flickr.
Pop-upView Separately

Does this count as a carry-on bag? by Dan Nguyen @ New York City on Flickr.

Mobile Web Best Practices will help you ask the right questions and help solve problems so you can start creating future-friendly web experiences.
View Separately

Mobile Web Best Practices

Mobile Web Best Practices will help you ask the right questions and help solve problems so you can start creating future-friendly web experiences.

Source: mobilewebbestpractices.com

AliceJS - (A Lightweight Independent CSS Engine) is a micro JavaScript library focused on using hardware-accelerated capabilities (in particular CSS3 features) in modern browsers for generating high-quality, high-end visual effects.
View Separately

AliceJS - (A Lightweight Independent CSS Engine) is a micro JavaScript library focused on using hardware-accelerated capabilities (in particular CSS3 features) in modern browsers for generating high-quality, high-end visual effects.

Source: blackberry.github.com

iOS-boilerplate: A base boilerplate template for iOS

thechangelog:

iOS Boilerplate is a base template for iOS apps inspired by HTML5 boilerplate.

iOS Boilerplate is tested on iPhone / iPod Touch devices with iOS 4.0 or greater. In a future it might support universal applications (iPhone + iPad)

As of this posting, iOS Boilerplate is just an XCode project and is planned to be released as a true XCode template in the near future.

[Source on GitHub] [Homepage]

Source: thechangelog

This is the full text of A Tale of Two Cities converted into 2D barcodes. Use a mobile device with a barcode scanner to scan each code and read a section of the book. Converted by Books2Barcodes. Created by WONDERTONIC.
View Separately

This is the full text of A Tale of Two Cities converted into 2D barcodes.

Use a mobile device with a barcode scanner to scan each code and read a section of the book.

2d Barcodes Encoded with Text - A Tale of Two Cities 2D Barcode Version

Converted by Books2Barcodes. Created by WONDERTONIC.

Source: wonder-tonic.com

Opera Mini Proxy Request Process When a user browses the web using Opera Mini, the request is sent via the General Packet Radio Service (GPRS) to one of the Opera Software company’s proxy servers, which retrieves the web page, processes and compresses it, and sends it back to the user’s mobile phone.
View Separately

Opera Mini Proxy Request Process

When a user browses the web using Opera Mini, the request is sent via the General Packet Radio Service (GPRS) to one of the Opera Software company’s proxy servers, which retrieves the web page, processes and compresses it, and sends it back to the user’s mobile phone.

Source: opera.com

HTML5 Mobile Pro Download Edition - learn how to build mobile web apps that use advanced CSS features like gradients and transformations, canvas, touch, audio, animations and more! Topics: iOS (iPhone & iPad), Android and Palm WebOS Webkit-based browsers, capabilities of HTML5 & making them work for you, touch interfaces, Hardware acceleration & 3D CSS, audio and video, fast loading, cross-browser issues and what works where, going offline and last but not least making it all AWESOME. What you get: 3½ hours of pristinely encoded MP4 videos that play everywhere Watch on your computer, phone or iPad! PDFs of all slides Handout version, ready to print and take notes on Lots of demo code to get you started No DRM on the videos or PDFs! Updates to future versions of HTML5 Mobile Pro.
View Separately

HTML5 Mobile Pro Download Edition

HTML5 Mobile Pro Download Edition - learn how to build mobile web apps that use advanced CSS features like gradients and transformations, canvas, touch, audio, animations and more!

Topics: iOS (iPhone & iPad), Android and Palm WebOS Webkit-based browsers, capabilities of HTML5 & making them work for you, touch interfaces, Hardware acceleration & 3D CSS, audio and video, fast loading, cross-browser issues and what works where, going offline and last but not least making it all AWESOME.
What you get:

  • 3½ hours of pristinely encoded MP4 videos that play everywhere
  • Watch on your computer, phone or iPad!
  • PDFs of all slides
  • Handout version, ready to print and take notes on
  • Lots of demo code to get you started
  • No DRM on the videos or PDFs!
  • Updates to future versions of HTML5 Mobile Pro.

Source: html5mobilepro.com

YSlow for Mobile works as a bookmarklet. Users can now run the equivalent of regular YSlow in Mobile browsers as well as any bookmarklet enabled desktop browsers. A bookmarklet is a JavaScript code stored as the URL of a bookmark in a web browser. To add the YSlow Bookmarklet to a desktop browser*, drag and drop the YSlowYSlow button below to your browser’s bookmark bar. javascript:(function(y,p,o){ p=y.body.appendChild(y.createElement('iframe')); p.id='YSLOW-bookmarklet'; p.style.cssText='display:none'; o=p.contentWindow.document; o.open().write(''); o.close()}(document))
View Separately

YSlow for Mobile works as a bookmarklet. Users can now run the equivalent of regular YSlow in Mobile browsers as well as any bookmarklet enabled desktop browsers.

A bookmarklet is a JavaScript code stored as the URL of a bookmark in a web browser.

To add the YSlow Bookmarklet to a desktop browser*, drag and drop the YSlowYSlow button below to your browser’s bookmark bar.

javascript:(function(y,p,o){
p=y.body.appendChild(y.createElement('iframe'));
p.id='YSLOW-bookmarklet';
p.style.cssText='display:none';
o=p.contentWindow.document;
o.open().write('');
o.close()}(document))

Source: Yahoo!

Target IE Mobile in Windows Phone 7

Use this conditional comment if you need to target ie Mobile in Windows Phone 7.


<!--[if IEMobile]>
	<link rel="stylesheet" href="ie_mobile.css" type="text/css" media="screen" />
<![endif]—>