10 个用于移动开发非常棒的工具和应用

openkk 11年前
   <h2>1. SwipeView : Infinte Carousels for Mobile Web</h2>    <p><a href="https://simg.open-open.com/show/7f40e9da73e4049fd92d3c5d2f1cd36c.jpg"><img class="aligncenter size-full wp-image-12137" title="swipeview" alt="10 个用于移动开发非常棒的工具和应用" src="https://simg.open-open.com/show/7f40e9da73e4049fd92d3c5d2f1cd36c.jpg" width="530" height="331" /></a><br /> SwipeView is the super simple solution to endless seamlessly loopable carousels for the mobile browser. It’s memory conservative as it uses only three elements at any given time, it’s smooth as velvet since it takes advantage of hardware acceleration, it’s bandwidth friendly with its 1.5kb minified/gzipped footprint.</p>    <p>• memory conservative as it uses only three elements at any given time<br /> • running smooth as it takes advantage of hardware acceleration<br /> • bandwidth friendly with its 1.5kb minified/gzipped footprint.</p>    <p>It is standalone, only works for horizontal sliders, can be used for any HTML content and, as expected, there is touch support.<br />  <br /> <a class="buttons btn_dark right" href="/misc/goto?guid=4958523791813696763" target="_blank"><span class="left">Source </span></a><br />  </p>    <h2>2. VIniSketch Designer : Free Tool for Building Mobile Apps for Mac</h2>    <p><a href="https://simg.open-open.com/show/bd1b27c3b55ee399ce1f00c2fbb66e7a.jpg"><img class="aligncenter size-full wp-image-12138" title="vinisketch-designer" alt="10 个用于移动开发非常棒的工具和应用" src="https://simg.open-open.com/show/bd1b27c3b55ee399ce1f00c2fbb66e7a.jpg" width="530" height="369" /></a><br /> ViniSketch Designer is a free software for visually creating mobile applications using web and native technologies. It only works with Mac OS X and provides visual editors for designing the GUI + dataflow besides a code editor to customize the stuff in detail. There is a built-in simulator and debugger which is based on the WebKit’s WebInspector. The apps created are compatible with iOS + Android and other platforms are under development.<br />  <br /> <a class="buttons btn_dark right" href="/misc/goto?guid=4958521908439509976" target="_blank"><span class="left">Source </span></a><br />  </p>    <h2>3. Touch Punch : Touch Support for jQuery UI</h2>    <p><a href="https://simg.open-open.com/show/964b2e7eba54816837aa30eeb914695f.jpg"><img class="aligncenter size-full wp-image-12139" title="touch_punch" alt="10 个用于移动开发非常棒的工具和应用" src="https://simg.open-open.com/show/964b2e7eba54816837aa30eeb914695f.jpg" width="530" height="176" /></a><br /> Touch Punch is a small hack which brings touch events to the library by using simulated events to map touch events to their mouse event analogs. It is a plug ‘n’ play solution, just insert the file into your web pages and there is nothing more to setup. The hack works in all the widgets and in most scenarios, however, considering it is a simple hack, make sure you test any complex usage.<br />  <br /> <a class="buttons btn_dark right" href="/misc/goto?guid=4958521907788651857" target="_blank"><span class="left">Source </span></a><br />  </p>    <h2>4. jqmPhp : HTML Code Genrator for jQuery Mobile</h2>    <p><a href="https://simg.open-open.com/show/b18f1b28cf44b75025ff3eead2f6d131.jpg"><img class="aligncenter size-full wp-image-12151" title="jqmphp" alt="10 个用于移动开发非常棒的工具和应用" src="https://simg.open-open.com/show/b18f1b28cf44b75025ff3eead2f6d131.jpg" width="530" height="157" /></a><br /> jqmPhp is an open source project that aims to simplify using jQuery Mobile with PHP. It is a pack of PHP classes that can generate the HTML outputs which jQuery Mobile is expecting within few lines. The classes are on separate files (with names parallel to the JQM’s features) so you can choose to only use the necessary ones. It covers almost all the features of the framework, it is very well-documented and supported with examples.<br />  <br /> <a class="buttons btn_dark right" href="/misc/goto?guid=4958521908585231045" target="_blank"><span class="left">Source </span></a><br />  </p>    <h2>5. Countly : Open Source Mobile Analytics App</h2>    <p><a href="https://simg.open-open.com/show/5e4dfc097e566e8d45d54ad5c83638e0.jpg"><img class="aligncenter size-full wp-image-12140" title="countly" alt="10 个用于移动开发非常棒的工具和应用" src="https://simg.open-open.com/show/5e4dfc097e566e8d45d54ad5c83638e0.jpg" width="530" height="266" /></a><br /> Countly is a modern, real-time and open source mobile analytics application which can collect data from mobile phones and visualize that info for analyzing mobile app usage + end-user behavior. It is formed of 3 parts: the Countly server + frontend, iOS SDK and Android SDK. With an event-driven system, almost every action can be tracked including in-app purchases, when a user closes the app, ad-click behavior, etc.<br />  <br /> <a class="buttons btn_dark right" href="/misc/goto?guid=4958523061745393331" target="_blank"><span class="left">Source </span></a><br />  </p>    <h2>6. Mobjectify : Quickly Build Mobile Web Mockups</h2>    <p><a href="https://simg.open-open.com/show/07a877557b1aeced188a78a6e20a921c.jpg"><img class="aligncenter size-full wp-image-12141" title="mobjectify" alt="10 个用于移动开发非常棒的工具和应用" src="https://simg.open-open.com/show/07a877557b1aeced188a78a6e20a921c.jpg" width="530" height="310" /></a><br /> Mobjectify is a free web application which makes it so much simpler by offering an awesome web-based mockup builder. The application enables us to create pages and add various web elements(like forms, buttons, content areas, footers, etc.) with few clicks. It also offers multiple themes to choose from or you can create new themes. There is a live preview and results can be exported as a single HTML file anytime.<br />  <br /> <a class="buttons btn_dark right" href="/misc/goto?guid=4958188132196039758" target="_blank"><span class="left">Source </span></a><br />  </p>    <h2>7. Swipe JS : Standalone Content Slider for Mobile</h2>    <p><a href="https://simg.open-open.com/show/9fdeb45180736ec74325af1756afa40a.jpg"><img class="aligncenter size-full wp-image-12142" title="swipe_js-mobile_web_slider" alt="10 个用于移动开发非常棒的工具和应用" src="https://simg.open-open.com/show/9fdeb45180736ec74325af1756afa40a.jpg" width="530" height="312" /></a><br /> Swipe JS is a lightweight (3.7kb minified) mobile slider with 1:1 touch movement (sliding content based on exact touch position).<br /> It can display any HTML content and offers a native-like experience with features like:<br /> • resistant bounds (increased resistance to slide when there are no items to display next or before)<br /> • smart resizing on rotation as the slider resets to make sure the sliding elements are sized right<br /> • the size of each slide is set with the width of the container which is useful for passing different widths on responsive designs<br /> • detecting if you’re trying to scroll down the page or slide the content left to right<br /> Also, it has API methods for custom interactions including the display of prev-next items and getting the current position.<br />  <br /> <a class="buttons btn_dark right" href="/misc/goto?guid=4958328926456505731" target="_blank"><span class="left">Source </span></a><br />  </p>    <h2>8. iWebInspector : Web Debugging Tool for iOS Simulator</h2>    <p><a href="https://simg.open-open.com/show/70c98d93f05b10b7be6294e392708dbc.jpg"><img class="aligncenter size-full wp-image-12143" title="iwebinspector" alt="10 个用于移动开发非常棒的工具和应用" src="https://simg.open-open.com/show/70c98d93f05b10b7be6294e392708dbc.jpg" width="530" height="292" /></a><br /> iWebInspector is a free tool for debugging, profiling and inspecting web applications that run on iOS Simulator (iPhone or iPad). It has numerous features such as it allows us to see and browse every element on your HTML element. You can change attributes, content and styles and see how they apply on Safari, see all the resources involved in this page, including Databases, Local Storage, Cookies and ApplicationCache, see all your scripts, create breakpoints, watches and debug your JavaScript code. record a timeline showing you rendering, scripting and loading times while you browse on Safari and many more.<br />  <br /> <a class="buttons btn_dark right" href="/misc/goto?guid=4958523060583554602" target="_blank"><span class="left">Source </span></a><br />  </p>    <h2>9. Ripple : Multi Platform Mobile Environment Emulator</h2>    <p><a href="https://simg.open-open.com/show/129865f99934b451a6519c5df14cd11c.jpg"><img class="aligncenter size-full wp-image-12144" title="ripple-chrome-extension" alt="10 个用于移动开发非常棒的工具和应用" src="https://simg.open-open.com/show/129865f99934b451a6519c5df14cd11c.jpg" width="530" height="272" /></a><br /> Ripple is a multi-platform mobile environment emulator which comes as a Chrome extension and aims to ease this process. It enables us to choose the platform (mobile web, PhoneGap, WebWorks, WAC, etc.) + the device(s) supporting the platform and can display how a given URL would look like with such a combination. The extension allows the use of existing tools to perform JavaScript debugging, HTML DOM inspection, automated testing, as well as multiple device and screen resolution emulation in real-time.<br />  <br /> <a class="buttons btn_dark right" href="/misc/goto?guid=4958199102097575401" target="_blank"><span class="left">Source </span></a><br />  </p>    <h2>10. Sidetap : Easy to Use Side Navigation Pattern Like 非死book</h2>    <a href="https://simg.open-open.com/show/549cde4eefea95d36c8b43a20de323a7.jpg"><img class="aligncenter size-full wp-image-12145" title="sidetap" alt="10 个用于移动开发非常棒的工具和应用" src="https://simg.open-open.com/show/549cde4eefea95d36c8b43a20de323a7.jpg" width="530" height="334" /></a>    <br /> Sidetap is a simple framework that allows you to quickly build platform-independent mobile web interfaces. It is an easy-to-use implementation of the side navigation pattern popularized by apps like Sparrow and 非死book. It solves many common mobile development problems right out of the box.    <br /> Sidetap only weighs 2k when minifyied and gzipped. It aims to always deliver the best possible experience for all devices by starting with a basic experience and progressively enhancing it for more capable devices.    <br />      <br />    <a class="buttons btn_dark right" href="/misc/goto?guid=4958347774448715826" target="_blank"><span class="left">Source </span></a>