background preloader

iScroll 4

iScroll 4
Project info Last code update: 2012.07.14 – v4.2Device compatibility: iPhone/Ipod touch >=3.1.1, iPad >=3.2, Android >=1.6, Desktop Webkit, Firefox, Opera desktop/mobile.Discussion groupQR Code opens demo page. Support development If this script saved your day and you wish to support future developments you may consider sending some funds via PayPal or Flattr. Overview iScroll 4 is a complete rewrite of the original iScroll code. While latest Android revisions are supporting this functionality (although support is not optimal), Apple seems reluctant to add one finger scrolling to divs. In addition to all previous iScroll features, version 4 introduces: Pinch / ZoomPull up/down to refreshImproved speed and momentumSnap to elementCustomizable scrollbars Please note that iScroll 4 is not a drop-in replacement for iScroll 3. Also consider that the script is still in beta, and some APIs may slightly change. Getting started In the archive you’ll find plenty of examples to get you started. onLoad Related:  Mobile First Web DesignLibs

iOS Building Real-Time Form Validation Using jQuery Client-side validation is something every web form should have, no doubts about that. While server-side validation does its job, it certainly lacks good user experience. What is so great about client-side validation then? Not only is it useful to the user because it makes the process of filling out the form a lot quicker and a lot less painful, but it also shows that you actually care about them. In this tutorial we’re going to learn how to build real-time form validation using jQuery. Table of Contents How Will We Achieve That? Now, there are actually many ways to do that; here are the most common: It will all work, but neither is the optimal way. It’s clearly not the way to go, so instead we’re going to do this the way I do it myself. OK, so what are we going to do? That way we keep our HTML code nice and clean. Note: It’s vital to always provide server-side validation as well (for users with turned off JavaScript). Project Structure We are going to need three files: Coding the HTML jVal

crypto-js CryptoJS is a growing collection of standard and secure cryptographic algorithms implemented in JavaScript using best practices and patterns. They are fast, and they have a consistent and simple interface. If you have a problem with CryptoJS, if you want to discuss new features, or if you want to contribute to the project, you can visit the CryptoJS discussion group. CryptoJS is a project that I enjoy and work on in my spare time, but unfortunately my 9-to-5 hasn't left me with as much free time as it used to. I'd still like to continue improving it in the future, but I can't say when that will be. SHA-3! See the full ChangeLog. Hashers The Hasher Algorithms MD5 is a widely used hash function. <script src=" var hash = CryptoJS.MD5("Message");</script> The SHA hash functions were designed by the National Security Agency (NSA). The Hasher Input The Hasher Output

Tracking Touch Events on the iPad « The HTML Pad February 12, 2010 by thethirdamigo Touch events on the iPad work like they do on the iPhone. You can attach event listeners two DOM elements and have listeners called when an event occurs. Basically what you need to do is : 1) Attach a listener to an element <div id="_mcePaste"><div id="box" style="height:225px;width:225px;background:red;position:absolute"</div><div>ontouchmove="touchMove(event)"</div><div>ontouchstart="touchStart(event)"</div></div> 2) Do something when an event occurs function touchStart( e ) { var box = document.getElementById("box"); box.style.background = "green"; e.preventDefault(); return false; } function touchMove( e ) { var targetEvent = e.touches.item(0); var box = document.getElementById("box"); box.style.background = "yellow"; box.style.left = targetEvent.clientX + "px"; box.style.top= targetEvent.clientY + "px"; e.preventDefault(); return false; } I have created a full working example with source here. Like this: Like Loading...

HTML5 Pixel Proliferation: A Toolset For Managing Screen Resolutions | Punchcut In the digital world, change is constant. The device landscape is always changing and the device types are proliferating. With the increasing demand for more fluid and responsive experiences, it is becoming an even more arduous task to keep all of the device resolutions and screen sizes straight. So we have packaged up our set of tools that help us stay current and we are offering it for download. The device landscape is diverse, bordering on splintered. Of course, it is important to remember, this is a tool, and only a tool. Our work demands we have elegant ways of presenting the resulting design concepts. We hope this toolset lets you acclimate to new devices and resolutions quickly, and let you spend more time addressing the opportunities they present. 1. 2. 3.

Moment.js HOWTO: Native iPhone/iPad apps in JavaScript More resources On top of the information below, I can recommend a few other resources: Building iPhone Apps with HTML, CSS, and JavaScript is the only book I found that covered everything. I highly recommend it if you're planning on doing serious app development in JavaScript. Making it full-screen Normally, if you press "+" in mobile Safari and then "Add to Home Screen," the icon it creates acts like a bookmark into Safari. To get rid of the URL and button bars, just add a meta tag: This is what my log app looks like when launched from the home screen: Changing the phone status bar You can also change how the phone's status bar is displayed with a meta tag. The values for content are default, black and black-translucent. Preventing scaling If you pinch on a web app, it still responds like it's in a browser and zooms in. You'll almost certainly want to set the viewport width to the device width as well, so that the app shows up at its natural resolution. Preventing elastic scrolling Confused?

Compatibility 40 Online Generators for Web Designers Should Bookmark Online Generators for Web Designers can be a great way to save time in your web design projects. High-quality generators can create graphics or code or even layouts in a matter of seconds or minutes, things that might take an hour or more if done by hand. Online generator are those tools that help us to create those popular “XHTML valid” CSS banners, micro buttons or css website templates in seconds. In such cases online generators can be of great help which do the necessary job and some tools don’t have to be downloaded also. We all know that backgrounds play a crucial role in a design. Web Designers sometimes spend a lot of time in making pattern or stripe backgrounds and there are also tool to help you out here. Advertisement 1. XML /SWF charts are used to create attractive graphs and charts from XML data, Create a source either manually or generate dynamically then pass it to the XML chart’s flash file. 2. 3. 4. 256 Pixels 5. 80 x 15 brilliant Button Maker 6. 7. 8. 9. 10. 11. 12. 14.

Numeral.js Luxembourg, Centre d'affaire, Domiciliation, Création de société, Immatriculation, Secretariat, Comptabilité, Services VIP

Related: