Developing Backbone.js Applications - By Addy Osmani (@addyosmani) Available free for open-source reading below or for purchase via the O'Reilly store. Pull requests and comments always welcome. Prelude Not so long ago, “data-rich web application” was an oxymoron. Traditionally, web applications left the heavy-lifting of data to servers that pushed HTML to the browser in complete page loads. Think of the Ajax shopping cart which doesn’t require a refresh on the page when adding an item to your basket. The rise of arbitrary code on the client-side which can talk to the server however it sees fit has meant an increase in client-side complexity. Thankfully, there are a growing number of JavaScript libraries that can help improve the structure and maintainability of your code, making it easier to build ambitious interfaces without a great deal of effort. Begin with the fundamentals, work your way through the exercises, and learn how to build an application that is both cleanly organized and maintainable. Target Audience Credits <!
Home Page developer blog: Android Theme for jquery mobile Today I started to develop my next jquery mobile extension: A native-looking Android theme. If the jquery mobile app runs on a Android browser the theme will be automatically enabled. At the moment there aren't much styles, but I will complete it in the near future. How to use Download the sources (js, css, themes-folder) from github Include it in your html file < link rel = "stylesheet" href = "jquery.mobile.android-theme.css" /> < script type = "text/javascript" > var DEBUG_ANDROID_THEME = true </ script > < script type = "text/javascript" src = "jquery.mobile.android-theme.js" ></ script > <link rel="stylesheet" href="jquery.mobile.android-theme.css" /><script type="text/javascript"> var DEBUG_ANDROID_THEME=true </script><script type="text/javascript" src="jquery.mobile.android-theme.js"></script> The DEBUG-constant is only for manually enable the Android theme. Screenshots Resource
jjoe64/jquery-mobile-android-theme PhoneGap RSS Reader Earlier today I noticed an entry on the PhoneGap forums from a user asking about an RSS reader. I thought I'd whip one up using PhoneGap and jQuery Mobile and see what it took. Here's what I came up, and as always, feel free to rip apart the code and write it better. I'll warn folks that I only wrote the code to support RSS2, not ATOM, but in theory, it should be possible without too much additional work. (You would simply look at the metadata, note it, and change how you get data.) I began by creating a new PhoneGap project. ColdFISH is developed by Jason Delmore. My code listens for my initial page to load. As a reminder, AJAX code in PhoneGap applications are not restricted by normal remote domain rules. ColdFISH is developed by Jason Delmore. So my handler can simply append to it.... ColdFISH is developed by Jason Delmore. Note two things here. Ok, so what's going on with the content page? ColdFISH is developed by Jason Delmore. ColdFISH is developed by Jason Delmore.
Mite Mitreski: HTML 5 data-* attributes, how to use them and why - Waterfox It is always tempting to add custom attributes in HTML so that you can use the data stored there to do X. But if you do that there is no way of knowing if your HTML attribute will not be overridden in the future and used for something else and additionally you will not be writing valid HTML markup that can pass HTML 5 validator and with that you can create some very bad side effects. That is why there is a spec in HTML 5 called custom data attributes that enables number of useful features. You may go around and read the specs but the basic idea is very simple, you can add any attribute that starts with "data-" and that attribute will be threated as non-visible data for that attribute. <div id="awesome" data-hash="3e4ae6c4e30e50e4fdfc7bf439a09974">Some awesome data</div> Great so now how do you read the data from there? var dataHashValue = jQuery("#awesome").data('hash'); console.log(dataHashValue); Accessing data from js can be done directly just by adding the json key to the result :
Getting Started with the Facebook SDK for Android - Sviluppatori di Facebook - Waterfox To use Facebook SDK in a project, add it as a build dependency and import it. 1. Go to Android Studio | New Project | Minimum SDK 2. Select API 15: Android 4.0.3 or higher and create your new project. 3. 4. repositories { mavenCentral() } 5. When you use the Facebook SDK, events in your app are automatically logged and collected for Facebook Analytics unless you disable automatic event logging. 6. Add Facebook App ID Then add your Facebook App ID to your project's strings file and update your Android manifest: 1. 2. 3. 4. 5.
jQuery Fundamentals :: jQuery Basics - Waterfox The jQuery library makes it easy to manipulate a page of HTML after it's displayed by the browser. It also provides tools that help you listen for a user to interact with your page, tools that help you create animations in your page, and tools that let you communicate with a server without reloading the page. We'll get to those in a bit. First, let's look at some jQuery basics, and at how we can use jQuery to perform its core functionality: getting some elements and doing something with them. This guide assumes that you understand HTML and CSS Selectors. What’s $, anyway? The jQuery library provides the jQuery function, which lets you select elements using CSS selectors. Of course, if you've seen any jQuery code, you're probably more accustomed to seeing something like this: As discussed in the JavaScript Basics section, valid names in JavaScript can be pretty much anything, as long as they don't begin with a number and don't include a hyphen. $(document).ready() Get some elements Chaining
Zepto.js: the aerogel-weight jQuery-compatible JavaScript library - Waterfox Guida jQuery: alla scoperta del popolare framework JS – HTML.it - Waterfox I fondamenti teorici e pratici per usare al meglio il più popolare tra i framework JavaScript, dalla gestione del DOM agli eventi, dalla realizzazione di animazioni ai CSS Introduzione 1. I selettori 2. Attributi, classi e metodi base 6. Traversing 9. Manipolazione del DOM e dei CSS 11. Se vuoi aggiornamenti su Guida jQuery inserisci la tua e-mail nel box qui sotto:
Guida jQuery UI | JavaScript HTML.it - Waterfox Creare siti ricchi e dinamici con jQuery UI, il progetto ufficiale di jQuery per la realizzazione di interfacce utente avanzate. Tutte le principali interazioni e i widget 1. Effetti 2. Interazioni 4. Widget 10. Se vuoi aggiornamenti su Guida jQuery UI inserisci la tua e-mail nel box qui sotto: Home · h5bp/mobile-boilerplate Wiki - Waterfox