« Mais, c’est qu’un nouveau Paypal ? »

Tout à fait ! Seulement Kwixo a quelques avantages et pas des moindres.

Son prix

Tout d’abord, ce qui fait la force de Kwixo, c’est bien sûr son prix. Le but de ce service est de directement concurrencer Paypal en commençant par notre territoire. Les prix sont bien plus attractifs. La gratuité pour les acheteurs, le prix de la transaction étant prise en charge par le marchant. Mais ici aussi, Kwixo promet des prix nettement inférieurs au leader du marché, Paypal.

Son processus

Le second avantage de Kwixo est que le paiement se réalise avant l’inscription à Kwixo. Ce qui ne freine pas l’achat et permet ensuite à l’internaute de payer directement avec son compte Kwixo.

Enfin un français

Pour terminer ce service est une pure création française. Il est parfois bon d’être nationaliste. Non je blague, mais, en tant que développeur, je me suis parfois arraché quelques tifs à vouloir comprendre et surtout dénicher la doc de Paypal. Il est vrai que Paypal ne possède malheureusement pas une version de test très pratique ni ludique. Les serveurs sont d’une lenteur déconcertante et la doc, surtout quand on aussi anglophone que moi, se révèle parfois incompréhensible et inaccessible. Enfin, tout ça pour dire que Kiwxo est en service français dédié en priorité aux développeurs et aux marchands issus de l’hexagone. Une doc, donc, en français et un service commercial et technique tenus par des français, ce qui facilite les choses.

Nous jetterons un œil dans l’intégration des outils et fonctionnalités de ce service et ferons certainement un tuto par la suite. Kwixo se voit déjà comme le leader du paiement en ligne en France. Déjà plusieurs centaines de boutiques sont équipées avec Kwixo. A quand la votre.

N’hésitez pas à nous faire part de vos remarques, vos suggestions et pourquoi pas remonter peut-être certains bugs ^^. En tout cas ça nous a permis de faire un site en HTML5 et sans se soucier des navigateurs un peu « old school », donc c’est toujours appréciable de travailler comme ça!

Nous n’irons pas dans un débat pour ou contre le téléchargement de musique (chacun à sa petite idée), mais attention tout de même, la plupart des téléchargements de ces titres restent illégaux car dans la plupart des cas, aucun contrat n’est signé avec les majors, etc. Cependant la politique de ce site est de retirer tout morceau ayant fait l’origine d’une plainte. Ce qui ne lui a pas été empéché d’être censuré de l’ Androïd Market.

Le seul petit défaut reste pour moi l’interface qui parfois reste assez peu pratique, et du fait qu’on peut aussi retrouver après une recherche 2 voir 3 fois le même album.

Avec le changement récent des offres de Deezer et Spotify, on peut aussi se demander si Grooveshark va réussir à répondre à la charge de ses serveurs étant donné que la plupart des gens qui écoutent quotidiennement plus de 10 minutes de musique par jour (eh oui ca fait peu), iront sans doute se remettre au téléchargement illégal ou trouver d’autres solutions d’écoute en ligne.

4 outils sympas à utiliser avec Grooveshark

• Groovylists : Service permettant d’importer vos Playlists Spotify, LastFM et Itunes vers Grooveshark.
• Grooveshredder : Extension Firefox, permettant de télécharger des musiques de Grooveshark vers votre PC (MP3 d’environ 5Mo)
• Grooveshark desktop : Toutes les fonctionnalités du site dans un logiciel.
• APIShark : API proposée pour intégrer des playlists à son site (pas testé encore, mais n’hésitez pas à faire des retours si vous l’avez déjà utilisée)

Pour ceci il vous faut vous rendre sur le site de phpMyAdmin à la rubrique « Thèmes » et de télécharger votre thème préféré. Puis il vous faut glisser votre thème dans le dossier « thèmes » de phpMyAdmin sur votre serveur.

Bien entendu vous devez avoir accès à votre serveur, ce qui est souvent impossible avec les premier packs de serveurs mutualisés.

La dernière étape est de sélectionner votre thème sur la home de phpMyAdmin.

Et voila, vos bases de données se sont faites une beauté, il est parfois bon de changer un peu.

A bientôt pour d’autres astuces.

Un petit tour sur son site pour voir toutes ses photographies.

Le fichier JS est disponible en version compressée (29 ko) ou en version normale (207 ko), ainsi qu’hébergé sur les serveurs de Google et Microsoft (version compressée et gzippée) :

https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js

http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.min.js

En ce qui concerne les nouveautés, on note une amélioration des performances sur l’utilisation des méthodes suivantes : .children(), .prev(), and .next().

Le module AJAX a été revisité, toutes les infos ici : http://api.jquery.com/jQuery.ajax/.

En complément de cette mise à jour du module AJAX, vous pouvez désormais utiliser le Deferred Object qui permet de gérer dans le temps les retours d’une requête AJAX asynchrone ou synchrone.

Un tutoriel est déjà disponible afin de mieux comprendre les bénéfices du Deferred Object :

http://www.erichynds.com/jquery/using-deferreds-in-jquery/

Pourquoi utiliser une API ?

Il est toujours possible d’importer des polices de caractères et les intégrer « à la mano ». Cependant l’utilisation de cette API permet de le faire très rapidement et vous serez sûr de sa bonne intégration pour la plupart des navigateurs.

En effet reprendre une police, puis la convertir aux différents formats est toujours un petit casse tête.

Il faut donc prévoir 3 formats minimum : .eot, .ttf/.otf, .svg

Source : Typographisme.net

L’avantage d’utiliser une API est que vous n’aurez pas à gérer ça, elle le fait pour vous, en détéctant la version du navigateur de l’internaute et en renvoyant le bon format.

Un autre plus indéniable sera aussi la légereté de la police, qui est alors plutôt bien compressée, et ne dépassant généralement pas les 30 Ko. Aussi, les fichiers sont importés depuis les serveurs de Google ce qui est un gage de fiabilité niveau rapidité du transfert.

Du côté de la librairie de polices disponible chez Google, on a le droit à une petite centaine de fonts. Rien de bien glorieux comparée à des librairies comme Dafont ou FontSquirrel. La dernière mise à jour de la librairie Google date du début de l’année 2011, avec 20 polices supplémentaires. Bref c’est encore jeune, mais c’est prometteur.

Allez c’est parti pour ce tuto très court!

Etape 1 : Choisir sa police

Bon pas besoin d’un doctorat pour cette étape. Il suffit d’aller à cette adresse : http://code.google.com/webfont.

Etape 2 : Importer la police

Allez dans l’onglet intitulé « Use this font » et copiez la première ligne dans votre page html, dans votre balise , et plus précisément au début de celles-ci. Celà évite d’avoir à attendre le chargement d’une librairie JS ou autre pour afficher la police dans la page.

Donc on se retrouve avec ceci :

<!DOCTYPE html>
<html>  
  <head> <title>Démo Site web en HTML5</title>
  <link href='http://fonts.googleapis.com/css?family=Walter+Turncoat|Fontdiner+Swanky' rel='stylesheet' type='text/css'>

A noter qu’on peut importer plusieurs polices dans la même requete. Il suffit alors de séparer les noms de police par le caractère ‘|‘.

Un petit gain de temps, et ca évite d'avoir une page trop longue.

Etape 3 : Son utilisation en CSS

Maintenant que notre ligne d'import est en place, nous allons pouvoir l'utiliser via les feuilles de style CSS. Tout comme l'on spécifie en CSS une attribution de police à certains types d'éléments de notre page via l'utilisation de la propriété "font-family".

p { font-family: 'Fontdiner Swanky', arial, serif; }

Je n'ai pas grand chose à rajouter sur cette partie, si ce n'est un conseil : n'abusez pas trop des polices fantaisistes pour les paragraphes de contenus, ca serait bête d'arriver à une nouvelle génération Comic Sans MS

Résumé

Voilà c'est terminé, c'était court mais je pense que ça peut être utile.

N'hésitez pas à voir la doc de Google sur cette API et de vous tenir informé sur leur blog si son actualité vous intéresse.

N'hésitez pas à laisser des commentaires pour vos remarques, astuces, conseils, améliorations, et soutien moral

Cette nouvelle version de ce fameux langage de formatage de données reste encore inachevée, mais il reste important de commencer à le découvrir, voire de commencer à développer ses sites sous cette forme.

Voici quelques articles/ressources/démos/dossiers que j’ai trouvé intéressant sur la toile, bonne lecture!

1. Documentation officielle (non finalisée) – W3C [en]
2. Les balises de structure – OrderedList [en]
3. Les balises HTML 5 de référence- w3schools [en]
4. HTML 5 et l’avenir du web – Pompage.net [fr]
5. HTML 5 se dévoile – Alsacréations [fr]
6. Mémento HTML 5 – Woork [en]
7. Introduction à la balise video de HTML5 – Alsacréations [fr]
8. HTML 5 va-t-il améliorer le référencement? – Hiseo [fr]
9. HTML 5 Demos and Examples [en]
10. HTML 5 ROCKS (Par Google) [en]

J’ai donc visionné une démonstration lors d’une présentation en publique. Et comment dire… Il ne manque plus un seule option : que Photoshop puisse prendre la photo de lui même. Enfin, c’est du grand art, s’en est même presque incroyable. Aurais-je à faire à un fake ? A vous de vous faire votre propre opinion. Nous pourrons vérifier cela d’ici quelques mois je pense.