Aller au contenu | Aller au menu | Aller à la recherche

jeudi, juin 17 2010

Ajouter un bouton de partage sur votre site (twitter, facebook, myspace)

myspace icon facebook icon twitter icon

Twitter

<a href="http://twitter.com/home?status=Cet article est vraiment génial <?php the_permalink(); ?>" title="Partager cet article sur twitter" target="_blank" rel="nofollow">Partager sur Twitter</a>

Facebook

Utilisation de la technique facebook avec un script qui va automatiquement ajouter l'url courante et le titre si vous ne les spécifiez pas. Si vous voulez l'utiliser plusieurs fois, n'incluez le JS qu'une seule fois.

<a name="fb_share" type="icon_link" share_url="<?php the_permalink(); ?>">Partager sur Facebook</a> <script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

Ou une version simplifié comme twitter, mais attention à bien encoder l'url et le titre avant

<a href="http://www.facebook.com/sharer.php?u=<url to share>&t=<title of content>" title="Partager cet article sur facebook" target="_blank" rel="nofollow">Partager sur Facebook</a>

Documentation officielle : http://wiki.developers.facebook.com/index.php/Facebook_Share

Myspace

<a href="javascript:void(window.open('http://www.myspace.com/Modules/PostTo/Pages/?u='+encodeURIComponent(document.location.toString()),'ptm','height=450,width=440').focus())">
    <img src="http://cms.myspacecdn.com/cms/ShareOnMySpace/small.png" border="0" alt="Share on MySpace" />
</a>

Documentation officielle : http://developerwiki.myspace.com

jeudi, juillet 2 2009

Faire du streaming de ses MP3 vers un client distant avec VLC

VLC media player

Faire de son PC un serveur de streaming audio (aka une webradio privée)

Mais pourquoi faire me direz-vous ? Si par exemple vous voulez écouter votre musique à votre bureau, ou si vous voulez écouter un morceau précis chez un ami lors d'une soirée et manque de pot vous oublié la clé usb...

Le principe de cette manipulation consiste à lancer sur le serveur une petite ligne de commande qui va "streamer" les morceaux en continu. De l'autre coté vous n'avez plus qu'à accéder à la bonne adresse avec un quelconque lecteur multimédia (VLC, Rhythmbox au hasard...)

Mise en place

Alors tout ceci fonctionne à condition d'être sous linux pour le coté serveur. Ça doit fonctionner pour d'autres systèmes mais je n'ai pas testé.

Connectez-vous en ssh à votre machine ou lancez la commande avant de partir ;-)

vlc *.mp3 --random --sout '#transcode{acodec=vorb,ab=128}:standard{access=http,mux=ogg,dst=:20001}' -I ncurses

Un tout petit peu d'explication de ce que cela fait :

  1. le #transcode permet de réencoder en live
  2. acodec et ab: envoie un flux vorb à 128kbits à modifier en fonction de la connexion que vous avez en émission.
  3. access et dst: sera accessible sur le protocole http et sur le port 20001, à vous de voir quel port vous voulez utiliser. Il faut que ce port soit accessible en entrée sur votre machine. Si vous utilisez une box, veillez à ouvrir un port et le rediriger sur la machine en question.
  4. -I ncurses permet d'afficher l'interface en ligne de commande, comme ça on peut changer de chanson quand on veut.

Pour les autres paramètres je vous laisse tripatouiller un peu et si vous voulez en savoir plus, consultez l'excellent guide de l'utilisation avancée de VLC

Coté client

Maintenant tout est très simple il suffit d'ouvrir le flux http que l'on vient de créer. C'est exactement comme on le ferait pour une webradio vu que ça en est une!

http://monip:20001

Voilà pour la petite astuce du jour! Il y a sûrement moyen d'améliorer le principe mais c'est déjà très simple!

jeudi, mai 14 2009

Plugin jQuery pour faire des MultiSelect dans un formulaire

Les labels dans Gmail J'ai cherché un bon petit moment avant de trouver comment faire un multi-select! Au départ c'est simple je voulais faire tout simplement comme les labels dans gmail, une liste avec des cases à cocher. Comme cela ça ne prends pas trop de place sur l'interface et puis c'est ergonomique pour l'utilisateur. Alors voilà un petit lien qui vous aidera si vous aussi vous recherchez à faire pareil !

http://abeautifulsite.net/2008/04/jquery-multiselect/

mercredi, mars 4 2009

Les meilleurs cheat sheet ou les feuilles de pompes du bon développeur Web

Et oui desfois les sites web de documentations ont beau être bien fournies, elle n'en demeurent pas moins pas très pratique pour avoir une vue d'ensemble des fonctionnalités essentielles.

C'est pour cela que l'on trouve sur le net pas mal de feuilles récapitulatives, qui font assez penser à des antisèches bien organisées.

On est bien loin des petites commandes marquées sur un bout de papier qui trainent sur le bureau.

Bien qu'il y en ai une infinité sur la toile, je vous fais part de celle que j'utilise régulièrement :

PHP

  1. Résultats booléens des différents tests

CSS

  1. CSS2

Développement Javascript / Ajax

  1. Jquery 1.2

Versionnement

  1. GIT

lundi, mars 2 2009

Moteur de recherche de colis de laposte.net pour Firefox / IE7

Moteur recherche colissimo Vu que j'ai pas trouvé de moteur de recherche intégré à Firefox et qu'aller sur le site de la Poste plusieurs fois par jour pour vérifier l'état d'un colis; je me suis dit pourquoi pas le faire. Je suis sûr que tout le monde est intéressé en plus, alors allez-y ajoutez le moteur de recherche coliposte!

vendredi, février 6 2009

Création de sites internet et développement spécifique

Le site web de Kewix est enfin en ligne ! Depuis que j'ai créé le nom de domaine Kewix, je n'avais même pas eu le temps de faire un site... Alors qu'on prends le temps d'en faire pour ses clients ;-)

Il faudra certainement faire quelque chose de mieux plus tard, mais au moins c'est en ligne et ça permet aux clients d'avoir accès mes coordonnées.

Note to myself : Détailler un peu mieux les différentes technologies et mettre quelques références :-)

Rendez-vous sur Kewix !

vendredi, octobre 31 2008

OpenId a le vent en poupe !

Pour mémoire, le système openId permet d'éviter de multiples inscriptions sur chaque site nécessitant des informations personnelles.

Avec ce système on utilise une URL pour s'identifier, par exemple http://toto.myopenid.com et dès que l'on va valider, on va s'authentifier sur le site de myopenid, spécifier les informations que l'on veut envoyer au site. En retournant sur le site, toutes les informations sont préremplies dans le profil, plus qu'a valider et le tour est joué.

Pour en savoir plus sur le fonctionnement je vous renvoie sur wikipedia http://fr.wikipedia.org/wiki/Openid

Autant au départ seul quelques sites de niche l'utilisaient, depuis l'adoption du système par Yahoo au début d'année suivi par les gros IBM, Microsoft, etc... c'est au tour de Google de s'y mettre. (Même Orange à son service. )

Ainsi maintenant quand vous allez sur un site le supportant on vous propose les différentes possibilités de connexions. Allez on prend un exemple de site : https://www.plaxo.com/signin

En bas de la page on voit qu'on peut se conncter avec Yahoo ID, Google, ou n'importe quel compte OpenId. Génial. Mais on se demande bien pourquoi on a besoin de spécifier que l'on veut utiliser Google. Pourquoi le système ne reprend pas le système selon lequel on a une URL perso.

Tout simplement parce que Google ne respecte pas le standard OpenId, c'est pas moi qui le dit c'est http://neosmart.net/blog/2008/google-doesnt-use-openid/

Enfin c'est déjà un bon pas vers l'authentification unique !

Pour obtenir un compte OpenId allez sur http://openid.net/get/.

mardi, juin 17 2008

Sortie officielle de Firefox 3, Download Day!

Download Day

Firefox 3 est dispo et ce depuis mardi soir 20h16, heure française (UTC+1), alors téléchargez Firefox dès maintenant pour établir le record du monde de téléchargement !

Download Day 2008

Les améliorations

Pour ceux qui veulent en savoir plus, parmi les grosses nouveautés visibles citons les points suivants :

  • Amélioration du gestionnaire d'extensions et de modules complémentaires, on peut maintenant installer directement une extension sans aller sur le site de mozilla.
  • Nouvelle organisation des marques-pages, possibilité de marquer une page en un clic et d'utiliser des tags pour mieux les retrouver
  • Le gestionnaire de téléchargement amélioré permet de mettre en pause et reprendre un téléchargement même si l'on ferme le navigateur. On peut aussi retrouver à partir de quelle url source on téléchargé le fichier.
  • Le zoom complet avec zoom des images et du texte. La page reste en forme même une fois zoomé. Firefox retient aussi le zoom, c'est à dire que lorsque l'on revient sur une page il garde le même niveau de zoom que l'on avait défini. Raccourcis: CTRL + ou CTRL - ou CTRL molette. CTRL 0 pour remettre par défaut.
  • Gestion de l'unicode dans les urls. Par exemple http://fr.wikipedia.org/wiki/R%C3%A9volution_fran%C3%A7aise affichera les accents dans la barre d'url, cela rend les adresses plus lisibles.
  • Amélioration du gestionnaire de mots de passe. La fenêtre de sauvegarde de mot de passe n'est plus modale, c'est à dire que l'on peut continuer à surfer sans répondre obligatoirement à la question "Voulez-vous que Firefox retienne ce mot de passe ?"
  • Bouton d'identification de site. Pour tous les sites web qui fonctionne en https, on peut maintenant savoir si le site web est authentifié. Pratique pour faire des achats en toute sureté.
  • "Awesome bar", la nouvelle barre d'adresse intelligente permet de rechercher dans son historique avec des mots clés. On peut aussi se servir de cette barre pour rechercher dans les moteurs de recherche.

Les autres fonctionnalités aussi importantes :

  • Améliorations des performances, Firefox 3 est de 2 à 4 fois plus rapide que la version 2.
  • Moins de ressources mémoire
  • Système anti-phishing, anti-malware
  • Gestion des protocoles avec des applications web. Par exemple utiliser gmail quand vous cliquez sur une adresse e-mail avec un lien mailto:
  • Les thèmes par défaut correspondent désormais au système d'exploitation

Pour les développeurs, quelques améliorations :

  • Ajout de fonctionnalités CSS
  • Prise en charge des micro-formats
  • Surf en mode hors-connexion

En savoir encore plus

À lire absolument pour tout savoir sur Firefox 3,:

En conclusion de ce bref tour d'horizon, beaucoup de nouveautés pour nous simplifier la vie de tous les jours, avec au total environ 15 000 améliorations depuis Firefox 2!