coa | Open Source | Charcoal Design Libraries These are code libraries of useful functions and functionality to extend Cocoa. They are mostly documented and tested on Xcode 4. We do not officially support them, but if you have any issues then contact us or submit a bug report and we'll do our best to help. AsyncImageView AsyncImageView is a simple extension of UIImageView for loading and displaying images asynchronously on iOS so that they do not lock up the UI. BaseModel BaseModel provides a base class for building model objects for your iOS or Mac OS projects. ColorUtils A useful category extending UIColor with additional functionality including direct access to color components and creating colors from hex values. CountryPicker CountryPicker is a custom UIPickerView subclass that provides an iOS control allowing a user to select a country from a list. CustomPageControl Simple, drop-in replacement for the iPhone UIPageControl that allows customisation of the dot colour, size and spacing. FXLabel GLView OrderedDictionary iCarousel
Transit - CSS What about older browsers? Transit degrades older browsers by simply not doing the transformations (rotate, scale, etc) while still doing standard CSS (opacity, marginLeft, etc) without any animation. Delays and durations will be ignored. // Delegate .transition() calls to .animate()// if the browser can't do CSS transitions.if (!$.support.transition) $.fn.transition = $.fn.animate; Fallback to frame-based animation If you would like to fallback to classic animation when transitions aren't supported, just manually redefine .transitition to .animate. (Note: if you're using custom easing, you may need to also use jQuery Easing, and restrict your use of easing options to the ones defined there.) $.fx.speeds. Default duration Transit honors jQuery's default speed, $.fx.speeds. Custom easing Define custom easing aliases in $.cssEase. Webkit: prevent flickers Having flickering problems in Webkit? Antialias problems in Webkit? Force hardware-acceleration in Webkits to prevent text flickering.
Mobile Emulators and Simulators - The ultimate guide to mobile developers The most useful tools for mobile web are emulators and simulators. In Chapter 4 of Programming the Mobile Web I’ve made an extensive description and installation guideline for creating a desktop mobile testing environment. And in Chapter 13, I’ve also reviewed other solutions for mobile testing, including four device remote lab solutions. I’ve mixed all this information to create this ultimate guide to 37 download resources for hundreds of emulators and simulators. This list includes content from Programming the Mobile Web book with frequent updated information & links. Installation and Usage Guide In Chapter 3 there is an installation and usage guide for mobile web emulators, including how to open local files, keyboard shorcuts and proxy configuration. Emulators and Simulators Generally speaking, an emulator is a piece of software that translates compiled code from an original architecture to the platform where it is running, such as the great MAME. Do you know any other emulator?
nanoScroller.js nanoScroller.js is a jQuery plugin that offers a simplistic way of implementing Mac OS X Lion-styled scrollbars for your website. It uses minimal HTML markup being .nano > .nano-content. The other scrollbar div elements .pane > .nano-slider are added during run time to prevent clutter in templating. The latest version utilizes native scrolling and works with the iPad, iPhone, and some Android Tablets. Downloads To start using, you need three basic things: 1. The following type of markup structure is needed to make the plugin work: <div id="about" class="nano"><div class="nano-content"> ... content here ... Copy the HTML markup. Link to the nanoscroller.css file inside your page's <head> section (...or copy the contents from it to your page's main stylesheet file). You should specify a width and a height to your container, and apply some custom styling for your scrollbar. 3. Running this script will apply the nanoScroller plugin to all DOM elements with a .nano className. Advanced methods
Mobile Browser Testing on the Desktop | digital nomad If you need to check websites for mobile compliance on a regular basis you know that having a device to constantly check is painful and slows down your work during debugging and phases of constant change. by adactio There are a few tools that will make this work a lot easier: Google Chrome Chrome does have some nice dedicated plug-ins to help with this task Firefox I am not aware of any plug-ins like Chrome, but as a hack I have found it useful to employ a user-agent switching plugin to trick the browser User Agent Switcher ( works well for this. Download the User Agent Switcher Add-on for FirefoxRestart Firefox for the add-on change to take place.To start a new browsing session using an emulated browser, go to Tools > User Agent Switcher and select the appropriate mobile web browser you want to emulateTo switch back to normal browsing, just select the default option from the above menu.
List.js Yacine's SlidesJS Game analytics and services for Flash, HTML5, iOS, iPhone, iPad, iPod, Android, C++ and Unity games | Playtomic Mobile With Podio you'll send less emails and use less spreadsheets. Work is social and structured, enabling your team to do more together. You communicate by sharing status messages, files and links in your team's activity stream - there's no cc-mayhem or missing attachments here. Your workflows are managed with Podio Apps, flexible structures that you control - replacing the need for separate web-tools and spreadsheets. Everything is connected, online and mobile. "The implementation of Podio has completely revolutionized the way we work." 12 Stars Media is a video production company based in Indianapolis, USA.