帮助您开发和设计新网站与移动Web应用的工具和jQuery插件集合
openkk 12年前
<h3><a href="/misc/goto?guid=4958190569574972692">Mobile HTML5</a></h3> <p><a href="/misc/goto?guid=4958190569574972692"><img alt="帮助您开发和设计新网站与移动Web应用的工具和jQuery插件集合" src="https://simg.open-open.com/show/709e6c01d26cb33ddc0ecb9daa2b3a8a.jpg" width="700" height="393" /></a></p> <h3><a href="/misc/goto?guid=4958347764584969327">Moobile</a></h3> <p><a href="/misc/goto?guid=4958347764584969327"><img alt="帮助您开发和设计新网站与移动Web应用的工具和jQuery插件集合" src="https://simg.open-open.com/show/f9dcff6749b4affdb566629ed71d22e1.jpg" width="700" height="109" /></a></p> <p>Moobile is a new mobile application framework built on MooTools.</p> <h3><a href="/misc/goto?guid=4958344736841661368">Opera Mobile Emulator</a></h3> <p><a href="/misc/goto?guid=4958344736841661368"><img alt="帮助您开发和设计新网站与移动Web应用的工具和jQuery插件集合" src="https://simg.open-open.com/show/b2e2830fa0e25cd4a640e84ba021a6a1.jpg" width="700" height="393" /></a></p> <p>Developing for mobile phones and tablets becomes a breeze. The emulator is super simple to install and lets you do serious mobile development from your desktop.</p> <h3><a href="/misc/goto?guid=4958523060583554602">iWebInspector </a></h3> <p><a href="/misc/goto?guid=4958523060583554602"><img alt="帮助您开发和设计新网站与移动Web应用的工具和jQuery插件集合" src="https://simg.open-open.com/show/d85d720b80e2d0ee3101c5c304bd079b.jpg" width="700" height="393" /></a></p> <p>iWebInspector is a free tool to debug, profile and inspect web applications running on iOS Simulator (iPhone or iPad). You can check resources, see and change HTML & CSS, use breakpoints on JavaScript code, create charts and more just as if you were on Safari for Desktop, Chrome or Firebug.</p> <h3><a href="/misc/goto?guid=4958523060694463748">iUI</a></h3> <p><a href="/misc/goto?guid=4958523060694463748"><img alt="帮助您开发和设计新网站与移动Web应用的工具和jQuery插件集合" src="https://simg.open-open.com/show/9c4c783319fb1ef069d93ebe7f832ece.jpg" width="700" height="389" /></a></p> <p>iUI is a framework consisting of a JavaScript library, CSS, and images for developing advanced mobile webapps.</p> <h3><a href="/misc/goto?guid=4958322507629916559">960 Grid on jQuery-Mobile</a></h3> <p><a href="/misc/goto?guid=4958322507629916559"><img alt="帮助您开发和设计新网站与移动Web应用的工具和jQuery插件集合" src="https://simg.open-open.com/show/c34fb931f17eff94ba48c48c5ce05898.jpg" width="700" height="82" /></a></p> <p>jquery-mobile-960 is a port of 960 grid to jquery mobile. It merge the flexibility of 960.gs, and the ease of jquery mobile. It aims to bring more flexibility to jquery-mobile layout and thus make it easier to use on tablets.</p> <h3><a href="/misc/goto?guid=4958184332439761468">Dojo Toolkit 1.8</a></h3> <p><a href="/misc/goto?guid=4958184332439761468"><img alt="帮助您开发和设计新网站与移动Web应用的工具和jQuery插件集合" src="https://simg.open-open.com/show/bce643fe13b1398f60be57ccf98bc9dd.jpg" width="700" height="393" /></a></p> <p>Dojo saves you time and scales with your development process, using web standards as its platform. It’s the toolkit experienced developers turn to for building high quality desktop and mobile web applications.</p> <h3><a href="/misc/goto?guid=4958338692863387892">jquery.pep.js</a></h3> <p><a href="/misc/goto?guid=4958338692863387892"><img alt="帮助您开发和设计新网站与移动Web应用的工具和jQuery插件集合" src="https://simg.open-open.com/show/83f72d3f71899acc5018bad6a5de1212.jpg" width="700" height="142" /></a></p> <p>Pep was built out of a need for kinetic drag support for both mobile and desktop devices (click & drag). It uses the best of jQuery’s animate functions along with CSS3 animations to bring full-blown kinetic drag that works on all HTML5-ready devices.</p> <h3><a href="/misc/goto?guid=4958185742165361000">Zepto</a></h3> <p><a href="/misc/goto?guid=4958185742165361000"><img alt="帮助您开发和设计新网站与移动Web应用的工具和jQuery插件集合" src="https://simg.open-open.com/show/7875e982cbd6077fa3e7c954b9a19d10.jpg" width="700" height="201" /></a></p> <p>Zepto is a minimalist JavaScript library for modern browsers with a largely jQuery-compatible API.</p> <h3><a href="/misc/goto?guid=4958523060954679082">Zoey</a></h3> <p><a href="/misc/goto?guid=4958523060954679082"><img alt="帮助您开发和设计新网站与移动Web应用的工具和jQuery插件集合" src="https://simg.open-open.com/show/062e9c8bbcffaf3b55667e7db969a1b8.jpg" width="700" height="176" /></a></p> <p>Zoey is a lightweight framework for developing mobile apps. It is small, customisable and features a range of UI components.</p> <h3><a href="/misc/goto?guid=4958185731397693035">The-M-Project</a></h3> <p><a href="/misc/goto?guid=4958185731397693035"><img alt="帮助您开发和设计新网站与移动Web应用的工具和jQuery插件集合" src="https://simg.open-open.com/show/e1d31e9a618c9524150c0b03b24973c2.jpg" width="700" height="73" /></a></p> <p>The-M-Project is a Mobile HTML5 JavaScript Framework that helps you build great mobile apps, easy and fast.</p> <h3><a href="/misc/goto?guid=4958185743584347114">DHTMLX Touch</a></h3> <p><a href="/misc/goto?guid=4958185743584347114"><img alt="帮助您开发和设计新网站与移动Web应用的工具和jQuery插件集合" src="https://simg.open-open.com/show/102db2f3ff61d9b6bd76380cf701713d.jpg" width="700" height="401" /></a></p> <p>DHTMLX Touch is a free open source JavaScript library for building HTML5-based mobile web apps. It’s not just a set of UI widgets, but a complete framework that allows you to create eye-catching, robust web applications that run on iOS, Android, and other mobile platforms.</p> <h3><a href="/misc/goto?guid=4958347765391220326">jqMobi</a></h3> <p><a href="/misc/goto?guid=4958347765391220326"><img alt="帮助您开发和设计新网站与移动Web应用的工具和jQuery插件集合" src="https://simg.open-open.com/show/0093315f91e39e9ef6ba0884058ab987.jpg" width="700" height="226" /></a></p> <p>jqMobi is a lightweight (5k) query selector library for mobile devices. It comes with over 60 api calls and jQuery compatible syntax.</p> <h3><a href="/misc/goto?guid=4958521908697185827">PaperFold for iOS</a></h3> <p><a href="/misc/goto?guid=4958521908697185827"><img alt="帮助您开发和设计新网站与移动Web应用的工具和jQuery插件集合" src="https://simg.open-open.com/show/7d27c255e72fa5ea07766cc7b3bc1af8.jpg" width="700" height="330" /></a></p> <p>PaperFold is a simple iOS control that allows hiding of views on the left and right side of the screen by dragging the middle view. The left view supports only 1 fold. The right view supports variable number of folds.</p> <h3><a href="/misc/goto?guid=4958338932874773219">Hammer.js: A javascript library for multi-touch gestures</a></h3> <p><a href="/misc/goto?guid=4958338932874773219"><img alt="帮助您开发和设计新网站与移动Web应用的工具和jQuery插件集合" src="https://simg.open-open.com/show/0185574996e3a25ee4694571611a941c.jpg" width="700" height="84" /></a></p> <h3><a href="/misc/goto?guid=4958333330043351904">Skeleton</a></h3> <p><a href="/misc/goto?guid=4958333330043351904"><img alt="帮助您开发和设计新网站与移动Web应用的工具和jQuery插件集合" src="https://simg.open-open.com/show/a9c79f9e9b1066672a0326a84fea937b.jpg" width="700" height="393" /></a></p> <p>Skeleton is a small collection of CSS files that can help you rapidly develop sites that look beautiful at any size, be it a 17″ laptop screen or an iPhone.</p> <h3><a href="/misc/goto?guid=4958347774448715826">Sidetap</a></h3> <p><a href="/misc/goto?guid=4958347774448715826"><img alt="帮助您开发和设计新网站与移动Web应用的工具和jQuery插件集合" src="https://simg.open-open.com/show/44a99b6365119335205967f7d42e817a.jpg" width="700" height="206" /></a></p> <p>Sidetap is a simple framework that allows you to quickly build platform-independent mobile web interfaces.</p> <h3><a href="/misc/goto?guid=4958183601317272178">jQuery Mobile</a></h3> <p><a href="/misc/goto?guid=4958183601317272178"><img alt="帮助您开发和设计新网站与移动Web应用的工具和jQuery插件集合" src="https://simg.open-open.com/show/20d5294d0158f876f97e75c3462021b7.jpg" width="700" height="200" /></a></p> <p>jQuery Mobile’s emphasis on semantic markup and progressive enhancement makes it super easy to use. If you know basic HTML, you can start building mobile sites right away. </p> <h3><a href="/misc/goto?guid=4958189732334097104">Sencha Touch</a></h3> <p><a href="/misc/goto?guid=4958189732334097104"><img alt="帮助您开发和设计新网站与移动Web应用的工具和jQuery插件集合" src="https://simg.open-open.com/show/5de66b2842a08246e5c1748c443f485d.jpg" width="700" height="392" /></a></p> <p>Sencha Touch 2, a high-performance HTML5 mobile application framework, is the cornerstone of the Sencha HTML5 platform. Built for enabling world-class user experiences, Sencha Touch 2 is the only framework that enables developers to build fast and impressive apps that work on iOS, Android, BlackBerry, Kindle Fire, and more.</p> <h3><a href="/misc/goto?guid=4958185737884649954">XUI</a></h3> <p><a href="/misc/goto?guid=4958185737884649954"><img alt="帮助您开发和设计新网站与移动Web应用的工具和jQuery插件集合" src="https://simg.open-open.com/show/88c2ecb5d0db0ffd521ab4d733f72137.jpg" width="700" height="393" /></a></p> <p>XUI is the smallest framework that works across all of the devices in the mobile landscape. It does not try and dictate a page structure or widget paradigm. Instead, it uses the DOM and since most mobile applications consist of lists and buttons, we feel, HTML and CSS do a fine job of rendering.</p> <h3><a href="/misc/goto?guid=4958322766405738824">Response JS</a></h3> <p><a href="/misc/goto?guid=4958322766405738824"><img alt="帮助您开发和设计新网站与移动Web应用的工具和jQuery插件集合" src="https://simg.open-open.com/show/1104d0ffb05d2d76a0ddf2254bfcc387.jpg" width="700" height="192" /></a></p> <p>Response JS is a lightweight jQuery (or Zepto) plugin that gives web designers tools for building performance-optimized, mobile-first responsive websites. It provides semantic ways to dynamically swap code blocks based on breakpoints and serve images (or other media) progressively via HTML5 data attributes. Its methods give developers hooks for triggering responsive actions and booleans for testing responsive properties.</p> <h3><a href="/misc/goto?guid=4958184656266865134">PhotoSwipe</a></h3> <p><a href="/misc/goto?guid=4958184656266865134"><img alt="帮助您开发和设计新网站与移动Web应用的工具和jQuery插件集合" src="https://simg.open-open.com/show/aff14a1def6c20845a42700460c780de.jpg" width="700" height="313" /></a></p> <p>PhotoSwipe is a free HTML/CSS/JavaScript based image gallery specifically targeting mobile devices.</p> <h3><a href="/misc/goto?guid=4958185191267625901">Mobilize.js: A HTML5 and Javascript framework to transform websites to mobile sites</a></h3> <p><a href="/misc/goto?guid=4958185191267625901"><img alt="帮助您开发和设计新网站与移动Web应用的工具和jQuery插件集合" src="https://simg.open-open.com/show/2fe572aff43d9621a27f9cbe90d36079.jpg" width="700" height="388" /></a></p> <h3><a href="/misc/goto?guid=4958344066752667729">QuoJS</a></h3> <p><a href="/misc/goto?guid=4958344066752667729"><img alt="帮助您开发和设计新网站与移动Web应用的工具和jQuery插件集合" src="https://simg.open-open.com/show/4cfd8995943add8cff0e113e3e1901f6.jpg" width="700" height="393" /></a></p> <p>QuoJS is a micro, modular, Object-Oriented and concise JavaScript Library that simplifies HTML document traversing, event handling, and Ajax interactions for rapid mobile web development. It allows you to write powerful, flexible and cross-browser code with its elegant, well documented, and micro coherent API.</p> <h3><a href="/misc/goto?guid=4958191193409561768">HTML5 Boilerplate</a></h3> <p><a href="/misc/goto?guid=4958191193409561768"><img alt="帮助您开发和设计新网站与移动Web应用的工具和jQuery插件集合" src="https://simg.open-open.com/show/3b6663a1465606fc76a6be5be2ddd278.jpg" width="700" height="90" /></a></p> <p>HTML5 Boilerplate helps you build fast, robust, and adaptable web apps or sites. Kick-start your project with the combined knowledge and effort of 100′s of developers, all in one little package.</p> <h3><a href="/misc/goto?guid=4958185651998734692">HTML5 Reset</a></h3> <p><a href="/misc/goto?guid=4958185651998734692"><img alt="帮助您开发和设计新网站与移动Web应用的工具和jQuery插件集合" src="https://simg.open-open.com/show/918e343e4dbea57873a216c03f94cd48.jpg" width="700" height="88" /></a></p> <p>Like a lot of developers, we start every HTML project with the same set of HTML and CSS files. We’ve been using these files for a long time and have progressively added bits and pieces to them as our own personal best practices have evolved.</p> <p>Now that modern browsers are starting to support some of the really useful parts of HTML5 and CSS3, it’s time for our best practices to catch up, and we thought we’d put our files out there for everyone to use. By no means do we see this as the One True Way to start every project, but we think it’s a good starting place that anyone can make their own.</p> <h3><a href="/misc/goto?guid=4958521909822857806">taciónJS: A jQuery Mobile framework for creating real-time presentations</a></h3> <p><a href="/misc/goto?guid=4958521909822857806"><img alt="帮助您开发和设计新网站与移动Web应用的工具和jQuery插件集合" src="https://simg.open-open.com/show/3cdb0de1cf6cd79a20958654942ee446.jpg" width="700" height="168" /></a></p> <h3><a href="/misc/goto?guid=4958523061745393331">Countly mobile analytics platform</a></h3> <p><a href="/misc/goto?guid=4958523061745393331"><img alt="帮助您开发和设计新网站与移动Web应用的工具和jQuery插件集合" src="https://simg.open-open.com/show/9f8ed5a66ee1cb130e92a6c10a1c3d60.jpg" width="700" height="393" /></a></p> <p>Countly is a real-time, open source mobile analytics application. It collects data from mobile phones, and visualizes this information to analyse mobile application usage and end-user behaviour. We opened up shop with a deep belief that even boring-looking analytics can be fun to learn, use and experience, without compromising great features.</p> <h3><a href="/misc/goto?guid=4958523061844274913">Camera slideshow</a></h3> <p><a href="/misc/goto?guid=4958523061844274913"><img alt="帮助您开发和设计新网站与移动Web应用的工具和jQuery插件集合" src="https://simg.open-open.com/show/f386ca60d25a3991b8fd8264ff739e59.jpg" width="700" height="364" /></a></p> <p>Camera slideshow is an open source project, based on Diapo slideshow, but improved a lot. Camera slideshow requires jQuery 1.4+ and other jQuery plugins are necessary if you want to use some functionalities: <a href="/misc/goto?guid=4958188557383566796">jQuery Easing</a> and a customized version of <a href="/misc/goto?guid=4958183601317272178">jQuery Mobile</a> to use Camera with mobile devices. </p>