A Shiny New Me • Bridging The PhoneGap: ChildBrowser Plugin Bridging The PhoneGap: ChildBrowser Plugin This is the first post in a series that I have been meaning to write for a while. PhoneGap (now called Cordova) is the defacto platform for building native applications with HTML5. In the past few years we have seen quite a few JavaScript frameworks pop up to help you with your UI, which has always been the toughest part. To name a few we have… …and several more. We’ve just about got this nut cracked. But there are places where we still have a gap. In this post, we’ll take a look at one of these plugins called The ChildBrowser Plugin. All of my demos will be done in iOS. The Child Browser Plugin Why PhoneGap wraps your application in a mobile Safari window. window.open(" or <a href=" On Reddit</a> Spawning new windows or redirecting to other content is not OK and doesn’t work they way it does on the web. What The Child Browser Plugin was created just for this scenario. Hmmmm, thats weird. How ChildBrowser
How To Recreate That Facebook Profile Picture Hack Since French artist Alexandre Oudin took advantage of the new Facebook design to express himself, we’ve been seeing some creative ways to mess with your (and your friends’) profile pictures. As we predicted, Oudin’s hack has inspired other users to play around with their profile to pretty interesting effect. And for those of you that don’t want to trial and error around with the 532 px by 180 px and 97 by 68 px image limitations, photographer Florian Stravock has made the above Photoshop tutorial to help you perfectly execute on your super profile pic. Abridged steps, below: 1) Take a screenshot of your current Facebook page. 2) Create a new Photoshop doc. 3) Grab the Slice tool (same family as the Crop tool) and select around the pictures. 4) With the Marquee tool, select around the sliced areas. 5) Bring the image that you want on Facebook into Photoshop and position it roughly the way you want it. 6) Drag the image layer under the Facebook layer and refine your positioning.
Horizontally scrollable image on Android + PhoneGap + jQuery Mobile for Websites - Développeurs Facebook As mentioned, the code above uses the common defaults for the options available when initializing the SDK. You can customize some of these options, if useful. Changing SDK Language In the basic setup snippet, the en_US version of the SDK is initialized, which means that all the dialogs and UI will be in US English. <script> (function(d){ var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;} js = d.createElement('script'); js.id = id; js.async = true; js.src = "//connect.facebook.net/es_LA/all.js"; d.getElementsByTagName('head')[0].appendChild(js); }(document)); </script> Disabling Login Status Check By setting status to true in the FB.init() call, the SDK will attempt to get info about the current user. Setting status to false can improve page load times, but you'll need to manually check for login status using FB.getLoginStatus. Disabling XFBML Parsing Triggering Code when the SDK loads Debugging To improve performance, the JavaScript SDK is loaded minified.
Jquery Autocompletion with Eclipse Juno Java EE Updating PhoneGap's ChildBrowser plugin to handle local files Recently, I have been working on an iPad sales tool application with Shawn Crowley and Marissa Christy. We are using a framework called PhoneGap to build the application. PhoneGap allows us to write the majority of the app using HTML and JavaScript. HTML and JavaScript have been excellent for 95% of the application, but these two features are more cleanly implemented using the built-in iOS widgets. Email SupportPDF Display Support It turns out that our needs for this functionality are not uncommon. Matt Kane created a github project called phonegap-plugins that solves both of these problems. Thanks for the plugins Matt, they have been a great help. We used the EmailComposer plugin to solve the email support feature and the ChildBrower plugin to solve the pdf display support feature. The ChildBrowser plugin allows external webpages to be displayed within a PhoneGap application. Client JavaScript Code: Updated ChildBrowserCommand.m:
janl/mustache.js mustache(5) -- Logic-less templates. mustache(5) Mustache Manual mustache(5) mustache - Logic-less templates. A typical Mustache template: Hello {{name}} You have just won {{value}} dollars! {{#in_ca}} Well, {{taxed_value}} dollars, after taxes. {{/in_ca}} Given the following hash: Will produce the following: Hello Chris You have just won 10000 dollars! Mustache can be used for HTML, config files, source code - anything. We call it "logic-less" because there are no if statements, else clauses, or for loops. Tags are indicated by the double mustaches. Variables The most basic tag type is the variable. All variables are HTML escaped by default. You can also use & to unescape a variable: {{& name}}. By default a variable "miss" returns an empty string. Template: * {{name}} * {{age}} * {{company}} * {{{company}}} Hash: Output: Sections Sections render blocks of text one or more times, depending on the value of the key in the current context. A section begins with a pound and ends with a slash. False Values or Empty Lists Shown. Shown. Why?
The jQuery UI CSS Framework – Part 1: Intro and How To Style a Button | Fbloggs Geekdom This is the first in a series of articles on the jQuery UI CSS Framework.. This is a powerful suite of CSS selectors that you can use to build web applications with a consistent UI. The main jQuery UI demo page shows you a list of UI widgets (which are still somewhat limited in scope compared to ExtJS, for example), but it doesn’t do a very good job on selling you on the benefits of designing other UI components, or components of those widgets, using the UI CSS framework. What is the jQuery UI CSS Framework? It is a set of CSS selectors that let you design your web pages to conform to the jQuery UI widgets standards. The jQuery UI CSS Framework provide semantic presentation classes to indicate the role of an element within a widget such as a header, content area, or clickable region. (from the jQuery UI Theming documentation page). Benefits of the jQuery UI CSS Framework Here are the top benefits I think the framework has to offer: It handles difficult design issues for you. Next Article
Mustache Templating | JavaScript Templating is what makes writing large applications for the web viable. Server side templating has been around for a while and typically allows you to have small snippets of code executed inside a text file to fill in parts of the text file that are blank. JavaScript now offers many templating libraries which vary from sections of fully fledged JavaScript to the extremely compact yet very powerful syntax of Mustache. Mustache can be found at When rendering content using mustache you have 2 parts, the view and the template. The View Let’s create a view to model a list of links. This produces a view which you can continually re-use each time you need to render the navigation. Template Now let’s create a template to display the links. OK, loads of stuff happened in that last code snippet. Anything wrapped in {{ and }} will be interpreted as being for Mustache to render. Rendering a template The template will be rendered something like this: HTML Escaping