ADsafe 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. 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. The ChildBrowser is part of the PhoneGap Plugins Project. Once you download it, you need to install it. What happens when I click on the link? Hmmmm, thats weird. How ChildBrowser
Design and Code an Integrated Facebook App: HTML + CSS Welcome back! In this part of the tutorial we're going to be coding our design into HTML and illustrating some of Facebook's CSS style properties that will give it that native feel. So stick with me, make yourself a cup of tea and happy coding! Introduction Welcome to part 2 of our design and code a native Facebook app. What We'll be Creating In this part of the tutorial we're going to be coding that design into HTML and illustrating some of Facebook's CSS style properties that will give it that native feel. Step 1: Failing to Prepare is Preparing to Fail It's always a good idea to begin with a bit of forward planning. Sometimes I also like to print out my wireframe and mark the dimensions on them with a pen. Step 2: App Structure The way I have my folder structured is as follows (and this is pretty much my standard way of setting things up for every project). cssjsimagesindex.html Step 3: HTML Markup Setting Up our Includes Setting Up Our Page Step 4: Main Content Step 5: Individual Blog Posts
Créer une page Accueil à votre page Fan Facebook grâce au iFrame Facebook annonça le 11 Mars 2011, la fin de l’application Static FBML. Celle-ci permettait aux administrateurs d’une page fan Facebook de se créer facilement et rapidement une page d’accueil personnalisée. Désormais, la solution de rechange pour arriver au même résultat est de vous créer votre propre application iFrame. À l’aide de vos connaissances en HTML et en CSS ainsi que de ce tutoriel, vous pourrez apprendre comment vous bâtir facilement votre propre « landing page ». La première étape pour la création de votre page d’accueil sera de la construire en HTML et en CSS (au besoin). N’oubliez pas que la largeur maximale des pages Facebook personnalisées est de 520 pixels. Si vous êtes en manque d’inspiration pour votre page, voici un article paru précédemment sur des exemple de pages fan Facebook situé au bas de l’article. Installation de l’application Facebook pour votre page Cliquez sur le bouton Allow pour procéder. Créer votre application iFrame L’onglet « Facebook Integration » Voilà!
Page fan Facebook - 10 trucs et astuces *** Veuillez noter que depuis le mois de mars 2011, les pages Fan Facebook ne supportent plus l’application Static FBML. Consultez le lien suivant si vous désirez apprendre comment créer une application Facebook pour personnaliser votre page fan. Article présenté par… Cet article vous est fièrement présenté par notre entreprise de création de sites web pour PME au Québec Guerilla Web. Les pages fan de Facebook sont extrêmement intéressantes pour les compagnies puisqu’elles leur permettent une grande visibilité sur le web et leur permettent également d’interagir avec leurs clients. La tâche facile : Installer une page fan Facebook. Vous trouverez, dans le billet suivant, 10 trucs et astuces Facebook afin d’ajouter ou d’améliorer des fonctionnalités sur une page fan ainsi qu’une superbe liste inspirante d’exemples de pages fans Facebook. N.B. Si vous avez d’autres trucs ou pages inspirantes à partager avec nous, n’hésitez pas à les écrire dans la section de commentaires! Le code: Le code: Oxelo
JavaScript: The Good Parts (9780596517748): Douglas Crockford Horizontally scrollable image on Android + PhoneGap + jQuery Mobile 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.
Développement des bases de notre application Facebook - Tutorial Dans ce chapitre, nous allons poser les briques de notre application en développant la partie d'identification et d'autorisation des accès, puis nous finirons par l'utilisation de l'API Facebook pour afficher un message d'accueil à nos utilisateurs. La structure de base de l'application Nous allons à présent entrer dans le vif du sujet: Comment identifier les utilisateurs Facebook sur notre application ? Le fichier de configuration Première chose à faire, entrer les identifiants de notre application dans le fichier de configuration config.php Modifiez les XXXXXXX par les vraies valeurs de votre application. Structure XHTML / CSS de base Le contrôleur index.php va déjà nous permettra d'inclure tous les bons fichiers: Créez la structure du HTML avec header.php: Et footer.php: Mettez en forme rapidement (Le design n'est pas l'objet du tutoriel, donc on va rester avec des divs avec backgrounds...) styles.css: Voici un aperçu de ce que vous devriez obtenir si vous vous connectez à votre application:
www.webmarketing-com.com/2010/10/28/8383-comment-creer-un-formulaire-de-contact-sur-une-page-facebook Avez-vous déjà tenté de rentrer en contact avec l’administrateur d’une page Facebook ? Si oui, vous avez du sûrement rencontrer des difficultés. En effet, les pages fan ne proposent pas de possibilité de rentrer en contact avec l’administrateur et ne donnent pas non plus le nom de celui-ci pour éventuellement tenter de le joindre via son profil personnel. Si vous avez une page, vos fans peuvent être frustrés de pas pouvoir vous contacter, de votre coté vous pouvez passer à coté d’informations importantes. Pour commencer, rendez-vous sur jotform.com et créez vous un compte. 1 : Personnalisez l’aspect visuel de votre formulaire L’interface est très intuitive, la création de votre formulaire ne vous prendra que quelques minutes. Par exemple, pour le formulaire de contact de la page Facebook Webmarketing & co’m, j’ai intégré les champs suivants : nom complet, email et zone de texte. Une fois les champs adéquates sélectionnés, vous pouvez personnaliser l’apparence de votre formulaire.