background preloader

Développement Web

Facebook Twitter

PouchDB, the JavaScript Database that Syncs! Login for the Web Using the JavaScript SDK. If people using your app aren't logged into your app or not logged into Facebook, you can use the Login dialog to prompt them to do both. Various versions of the dialog are shown below. If they aren't logged into Facebook, they'll first be prompted to log in and then move on to logging in to your app. The JavaScript SDK automatically detects this, so you don't need to do anything extra to enable this behavior. There are two ways to log someone in: Using the Login Button Including the Login Button into your page is easy. Visit the documentation for the login button and set the button up the way you want. Note that in the example at the start of this document, we use the onlogin attribute on the button to set up a JavaScript callback that checks the login status to see if the person logged in successfully: This is the callback.

Function checkLoginState() { FB.getLoginStatus(function(response) { statusChangeCallback(response); });} Invoking the Login Dialog with the JavaScript SDK. Platform. En ajoutant le bouton de connexion "Google+ Sign-In" sur votre site, vous bénéficiez de toute la puissance de Google. Lorsqu'un utilisateur est connecté, vous recevez un jeton OAuth vous permettant de formuler des requêtes API en son nom. Ainsi, vous pouvez mieux cerner l'utilisateur, le connecter à ses amis et créer une expérience plus riche et intéressante. Vous pouvez également ajouter le bouton "Google+ Sign-In" à votre application Android ou iOS. La première fois qu'un utilisateur clique sur le bouton de connexion, une boîte de dialogue d'autorisation s'affiche. Cette boîte de dialogue indique comment l'application utilise les données de l'utilisateur. L'utilisateur peut ensuite donner son autorisation ou refuser.

Une fois l'autorisation donnée par l'utilisateur, l'invite ne s'affichera plus. Un utilisateur a toujours la possibilité de révoquer l'accès à une application à tout moment. Essayer Sélection d'un processus de connexion Utilisation du processus côté client Exemple de rappel : SweetAlert. A beautiful replacement for Javascript's "Alert" So... What does it do? Here’s a comparison of a standard error message. The first one uses the built-in alert-function, while the second is using sweetAlert. Normal alert Code: alert("Oops... Sweet Alert sweetAlert("Oops Pretty cool huh?

More examples In these examples, we're using the shorthand function swal to call sweetAlert. Download & install Method 1: Install through bower: $ bower install sweetalert Method 2: Download the sweetAlert CSS and JavaScript files. Configuration Here are the keys that you can use if you pass an object into sweetAlert: Contribute. Tablecloth.js. Marmelab/gremlins.js. Progress.js - Themeable progress bar library. Lazy.js - v0.3.2. Lazy.js is a functional utility library for JavaScript, similar to Underscore and Lodash, but with a lazy engine under the hood that strives to do as little work as possible while being as flexible as possible. It has no external dependencies, so you can get started right away with: (Note the package is called "lazy.js", with a dot.) Or, if you're using Lazy.js in the browser: Now let's look at what you can do with Lazy.js.

(For more thorough information, take a look at the API Docs.) Introduction Let's start with an array of objects representing people. var people = getBigArrayOfPeople(); Suppose we're using this array to back some sort of search-as-you-type functionality, where users can search for people by their last names. Var results = _.chain(people) .pluck('lastName') .filter(function(name) { return name.startsWith('Smith'); }) .take(5) .value(); This query does a lot of stuff: There—now we haven't created any extraneous arrays, and we did all of the work in one iteration. Well, yeah. Epoch by Fastly. AniJS, A Library to Raise your Web Design without Coding. Blast.js. Krasimir/bubble.js. Rivets.js — Lightweight and powerful data binding + templating solution for building modern web applications.

Fade · Animsition · A simple and easy jQuery plugin for CSS animated page transitions. Dynamic Drive: CSS Liquid Layout #3.1- (Fixed-Fluid-Fixed) It's a Rat Race: 40+ Free SEO Tools Any Site Owner Needs to Know. Aug 06 2014 Free SEO tools are a great way to get closer to that number one position without paying too much upfront. Dirty little secrets: even the average SEO specialist uses free tools, so why shouldn’t you?

We have researched the following big list of free SEO tools anyone should at least know about. Even if you may have used one or two from the list already, we are sure you’ll find more than one gem you haven’t seen before. Let the race for the top spot begin… Keyword Eye Provider: keywordeye.com © keywordeye.com Seobility Provider: seobility.net © seobility.net Keyword Tool Provider: Google Inc. © Google Inc. Übersuggest – Suggest on Steroids Provider: ubersuggest.org © ubersuggest.org Word to Clean HTML Provider: Olly Cope © Olly Cope Image SEO Tool Provider: Patrick Sexton © Patrick Sexton Schema Creator Provider: schema-creator.org © schema-creator.org Snippetoptimizer Provider: snippetoptimizer.net © snippetoptimizer.net Pingdom Website Speed Test Provider: Pingdom © Pingdom SEO & Webmaster Tools Spyonweb.

FREE App Creator. Create Apps for Android. No Coding Required.

Angular

CSS + CSS3 Generator | Generate CSS. Modules. Object.create() This article is in progress of being translated. Présentation La fonction Object.create() crée un nouvel objet qui possède un prototype* et des propriétés. * (note du traducteur) Normalement un objet n'a pas de prototype ( mais il est relié au prototype de la fonction qui a servi à le construire ). Voir explications plus bas. Syntaxe Object.create(proto [, propertiesObject ]) Paramètres proto L'objet qui sert de prototype au nouvel objet crée.

PropertiesObject Si cet argument facultatif est spécifié, il représente un objet dont les propriétés seront propres au nouvel objet crée (et non partagés avec son prototype). Throws Lève une exception TypeError si le paramètre proto n'est pas soit null soit un objet . Exemples Utilisation simple d'Object.create La manière la plus simple : Cette façon de procéder est simple mais elle appelle 2 commentaires. 1- Le nouvel objet créé (mycar) peut être prototypé, alors que l'objet littéral (car) ne peut pas. car.prototype.speed = 180; mycar.prototype.speed = 180; ou. Which HTML5 Canvas Javascript library should I use? - softr.li.

I’m looking for an HTML5 Canvas library which I could use to build an interactive and animated UI control. So my requirements are essentially: well documented, supported and maintained library, because I want to be able to reuse it in later projects,easing the process of creating complex graphical objects (my control is going to be quite complex, a lot more than a simple button), if possible supporting groups and layers,helping me with the handling of user interactions,supporting touch devices,providing tools for animating the graphical content. I’ve searched for the appropriate library, so I will share with you the results of my search. After a list of most of the available libraries, I investigated the following shortlist of libraries: EaselJS, fabric.js, Paper.js, processing.js and Kinetic.js. I hope this can help you with your own choice! Found libraries Here is the list of what seems to be the main still-maintained Canvas libraries. The Github comparison The minified size comparison.

Html5

Favicon Generator - Generate favicon pictures and HTML. Domready - The smallest subset possible from jQuery to support dom Ready event. PhoneGap | Home. Jekyll • Simple, blog-aware, static sites.