Jarod xXx - Developpeur web 2.0 et etre humain - PHP, ressources pour webmaster

lyrixx.info serait-il le futur Mozart du développement web ?

JarodxXx — Fri, 10 Jul 2009 10:25:00 +0200

Dans le cadre du JarodBlogInvitContest qui a démarré il y a quelques temps un nouveau postulant a osé : lyrixx.info.

Certes pour comprendre mon titre vous aurez peut-être du mal mais le blog de lyrixx (qui pour sa part devra nous expliquer ces 2 x) se lit très facilement.

Le mieux pour s'en rendre compte c'est d'aller voir comment il nous parle de Zend, PHP, Flex , Linux etc....

PS : n'hésitez pas à lui reprocher son design de base totalement nul ^^

Les dernieres videos de buzz

Voir les dernieres videos

Des nouvelles de ma voiture volée

JarodxXx — Thu, 09 Jul 2009 11:28:00 +0200

Je vous ai récemment parlé de mon agression et de ma voiture volée, et je vous remercie TOUS pour votre soutien !

Je me devais de vous donner des nouvelles. La voiture a été retrouvée dans un état tout à fait honnête mais la police ne m'a prévenu qu'une semaine après l'avoir retrouvée afin de pouvoir faire une enquête, mais personne n'a été retrouvé :/

La voiture est donc restée une semaine en fourrière policière puis elle a été remorquée dans un garage agréé qui a effectué quelques travaux de carrosserie et me l'a rendue hier...

Je ne vous cache pas que je fais désormais très attention en rentrant chez moi mais j'ai au moins récupéré ma voiture

Voila une petite vidéo qui date mais que j'aime toujours autant (C'est bien MA voiture sur la vidéo)

Le saut de l'ange
envoyé par jarodxxx. - Regardez plus de vidéo de sport et de sports extrêmes.

Les dernieres videos de buzz

Voir les dernieres videos

En vacances au Maroc

JarodxXx — Tue, 07 Jul 2009 01:46:00 +0200

Certains d'entre vous le savent je suis natif du Maroc (Casablanca plus précisément) mais ça faisait 13 ans que je n'y étais pas retourné et 13 ans c'est long, malgré tout rien a changé, mais l'habitude de la France et de ses multitudes de règles ont fait de moi un vrai touriste dans ma ville natale de Casablanca.
Certes il ne m'a pas fallu plus de 2 jours pour remettre dans le bain du Maroc et des coutumes locales mais...

Imaginez un pays où les seules règles de conduite automobile applicables sont le feu rouge et la loi du plus fort.
Imaginez 4 personnes roulant à toute allure sur... une mobylette.
Imaginez un policier qui refuse de vous mettre une amande pour avoir pris un sens interdit et vous fait comprendre qu'un billet de 5 euros (50 dirhams) suffiront à lui faire fermer les yeux...

Cela dit ces points de détails qui peuvent choquer les touristes deviennent vite votre quotidien. Passé ce cap il ne vous reste que le bonheur d'un pays où vous pouvez demander ce que vous voulez à l'heure que vous voulez, les marocains tenteront de vous satisfaire par tous les moyens possibles, c'est leur nature même ! Oubliez le froid glacial et l'"antipathisme" français et appréciez la serviabilité façon marocaine.

J'ai la chance de beaucoup voyager, entre la Suisse, la France elle-même, Cuba, l'Espagne, Israël, la Pologne, Les Pays Bas, la Hollande.
A chaque retour j'ai ce même pincement au cœur que les vacances soient finies... Mais mon retour du Maroc fut le pire de tous en dehors du sentiment de terminer les vacances, on se sent envahi par le désespoir de quitter la généreuse dame nature marocaine pour la rudesse de la France. On regrettera la loyauté des marocains et on appréhendera de retrouver l'hostilité façon parisiens aigris.
Je ne vais pas m'étaler plus longtemps sur mes vacances, je vais me remettre au travail et poster quelques articles dès que le temps le permettra.

PS : J'ai un week-end de prévu en août du côté de la Suisse, sûrement avec une escale à Grenoble pour squatter chez Weetabix (chose promise, chose due), donc avis aux blogueurs grenoblois et lausannois pour un éventuel café histoire de rendre réelles ces connexions virtuelles.

Les dernieres videos de buzz

Voir les dernieres videos

Twittcutters risque de révolutionner les twits

JarodxXx — Fri, 05 Jun 2009 20:14:00 +0200

Et voici un nouveau web service pour twitter carrément génial ! L’idée est simple et part d’un besoin que tous les twittnautes ont eu au moins une fois dans leur vie : dépasser la limite des 140 caractères proposéspar twitter !

www.tweetcutters.com vous propose d’optimiser vos twits en générant des mini URL’s mais aussi de les découper en morceaux s’ils dépassent la longueur autorisée.Ces tweet part’s vous sont ensuite proposés dans l’ordre où vous devrez les copier/coller dans votre page twiter.

Si à première vue tout semble à l’envers c’est qu’une fois copié/collé, le premier morceau de twit se retrouve en dernier et le dernier (qui correspond au début de votre texte) se retrouve en premier… ainsi le texte total est remis dans l’ordre… Vous me suivez ? Le mieux est en fait de faire un essai pour comprendre…

Et pour ceux qui n’ont pas envie de se casser la tête à faire du copier/coller il vous suffit d’entrer vos informations de compte pour que votre long twit soit directement posté dans votre profil via l’API twitter !

Pour information c'est à son auteur que l'on doit déjà : www.cestmonsouhait.com et www.phraseculte.net

Les dernieres videos de buzz

Voir les dernieres videos

Twittomob, twittez par SMS

JarodxXx — Mon, 01 Jun 2009 23:08:00 +0200

Créer un service associé à Twitter n'est pas ce qu'il y a de plus original, mais celui-là se distingue tout de même... en offrant la possibilité de twitter par SMS, ce qui peut être pratique pour quelqu'un comme moi qui possède un forfait SMS illimité pas de connexion internet sur mon portable...

Ou que vous soyez, une connexion SMS est toujours plus facile à obtenir qu'une connexion internet. Donc si vous êtes accro à Twitter, voilà encore un moyen de vous exprimer sur Twitter ...

PS : pour ceux qui ne me suivent pas encore sur twitter : http://www.twitter.com/jarodxxx

Les dernieres videos de buzz

Voir les dernieres videos

Un système d'exploitation sur mesure

JarodxXx — Wed, 27 May 2009 10:15:00 +0200

Tout le monde rêverait de modifier quelques petits trucs sur son système d'exploitation, la place du bouton démarrer sous windows, la fonction du clic droit !

Que ce soit sur mobile ou sur ordinateur, tout le monde veut apporter sa touche personnelle et rendre plus facile d'accès certaines fonctions ...

Et bien Intel a décidé de rendre ce projet possible en s'associant forcement avec Linux pour créer Moblinzone un système d'exploitation en open source pour les applications mobiles, pour que l'appareil puisse fonctionner avec le processeur Intel Atom.

Le site web est très clair et bien renseigné, vous trouverez pleins d'informations et surtout le téléchargement des documentations officielles pour participer aux développements du projet.

Je vous invite évidement à vous inscrire puisque, vous êtes pour la plupart des développeurs et que c'est l'occasion pour nous tous de travailler ensemble sur un projet commun.

Vous pouvez participer aussi en tant que développeur d'application (comme sur Iphone) et des tutoriels, des documentations sont aussi disponibles sur le site de Moblin.

Je suis certain que ce projet finira par exploser et se répandre sur de nombreux instruments portables.

La guerre des systèmes d'exploitation pour téléphone mobile, PDA et autres laptop est déjà declarée et quand les grands de ce monde s'en mêlent ça promet une réelle concurrence qui les forcera tous à se mettre à jour et à innover pour ne pas tomber dans le cercle vicieux qui vise à rester assis comme l'a fait internet explorer 6.

Article sponsorisé

Les dernieres videos de buzz

Voir les dernieres videos

Les aberrations des lois françaises : agressions

JarodxXx — Mon, 25 May 2009 13:45:00 +0200

Un petit billet "coup de gueule" contre la société et les administrations, voire carrément l'état...

Pour nous mettre dans le contexte, la nuit dernière j'ai été agressé par un homme visiblement d'origine africaine, pour plus de simplicité appelons-le "Enculé de ta mère la pute", EDTMLP, qui m'a frappé et volé mon Iphone ainsi qu'un Nokia, et surtout les clés de ma voiture neuve avec laquelle il est parti accompagné de son collègue de vol qu'on nommera "la tapette qui attend dehors" ou encore LTQAD...

Apres avoir ramassé mes lunettes cassées, j'ai appelé la police et c'est là que commence un calvaire encore plus grand que l'éventuel traumatisme d'une agression.

Je vais vous raconter ça dans les détails avec certains non-dits aussi aberrants que la bouteille de klein...

Etape 1 : Appeler la police

Les agents de police sont arrivés en moins de 10 mn pendant que plusieurs patrouilles prenaient en chasse ma voiture à bord de laquelle EDTMLP et LTQAD devaient s'amuser à griller les feux rouges et les radars (la plainte n'ayant pas encore été déposée à cet instant, il me faudra déjà me justifier pour prouver que je n'ai pas commis ces infractions... Très bien, déposons plainte au commissariat avec les agents (que je remercie au passage pour leur sympathie, comme quoi ce ne sont pas tous des robots sans âmes).

Etape 2 : Couper les lignes de téléphones

Évidement ça ne se passe jamais comme il faut, si SFR a réagi extrêmement rapidement, c'est à dire 1 sec après l'appel la ligne était coupée, Orange, lui, demande un code d'authentification qui se trouve sur la facture, qui elle-même se trouve au bureau, bureau dans lequel je ne travaille plus. Donc au moins 10 heures de délai pour couper la ligne Orange.

Etape 3 : Au commissariat

A force de voir Zone interdite et Capital, sans oublier les reality show, on connait plus ou moins la police, mais saviez-vous qu'en France, la police n'a pas le droit d'entamer de course poursuite sans autorisation, ils ne peuvent que suivre le véhicule de loin. En effet, la moindre égratignure sur la voiture de police doit être justifiée par différents formulaires et de plus s'il arrivait que EDTMLP soit blessé, l'agent responsable devra passer devant un tribunal pour expliquer pourquoi il n'a pas pris soin de l'agresseur... On nage en plein délire.

Du coup ma voiture qui était repérée et suivie, s'en est tranquillement allée sans que la police ne puisse rien, et ici je ne blâme pas la police, mais l'État qui contraint les agents à se résoudre à cause de formalités trop lourdes !

Étape 4 : A l'assurance

Le lendemain matin, direction l'assureur pour réclamer mon dû, après tout je dépense plus de 1200 euros par an pour être assuré tout risque mais...

Étant donné que par défaut le contenu de la voiture n'est pas assuré et que l'agression n'a pas eu lieu à mon domicile même, mais dans le hall de l'immeuble alors rien d'autre que la voiture elle-même n'est assuré...
En fait pour être remboursé il aurait fallu que j'invite l'autre con chez moi à prendre un verre pour que l'assurance prenne ça en charge !

Bilan
Vue l'impératif de prévenir l'assurance pour laquelle on est obligé de se déplacer, vue l'impératif d'aller faire valoir les coups et blessures par un médecin (oui parce que si on saigne ça compte pas, faut que Dr House dise oui oui il est blessé je le constate).
Donc 20.000 euros de voiture perdus pour laquelle je ne percevrai même pas les 75% du prix, les 2 téléphones volés, une journée de salaire, une visite médicale, les déplacements, la franchise de 450 euros de l'assurance, tout ça est ma charge, et l'autre connard s'en va tranquillement.

Donc en France on a la sécu et les allocs pour les gens qui foutent rien de leur vie et qui frappent et volent... mais ceux qui respectent la loi et payent leurs impôts doivent payer... C'est DÉMENTIEL.

PS : Suite aux commentaires déposés je corrige que le montant de mon assurance est de 1200€ par an, et non par mois

Les dernieres videos de buzz

Voir les dernieres videos

PhpFonctions, la bibliothèque de fonctions php

JarodxXx — Sat, 16 May 2009 22:49:00 +0200

phpfonctions est un site participatif. Comme son nom l'indique, phpfonctions est une bibliothèque de fonctions php en ligne. On pourra y trouver toutes sortes de ressources utiles pour les développeurs web : fonctions pour la gestion des bases de données (MySQL), gestion des fichiers, gestion des dates... Aucune inscription n'est nécessaire pour y ajouter des fonctions. La coloration syntaxique des codes php est un plus qui permet une meilleure lecture des fonctions php.

Un classement des fonctions par vote est disponible (en plus du classique classement ante-chronologique). On peut également commenter les fonctions pour demander des informations complémentaires ou donner des exemples. Il est donc possible d'ajouter du code dans les commentaires également.

Il ne tient plus qu'à vous pour que phpfonctions devienne une bibliothèque complète !

Les dernieres videos de buzz

Voir les dernieres videos

L'encodage UTF-8 avec BOM fait apparaitre un ï»¿ en haut de page

JarodxXx — Thu, 30 Apr 2009 09:40:00 +0200

Voila 3 jours de recherches intensives pour résoudre un problème pourtant simple, l'encodage des fichiers. Comme vous le savez il existe différents types d'encodage pour le web, les plus répandus et utilisés sont l'ISO-8859-1 et L'UTF-8.

Mais voilà, autant l'ISO-8859-1 peut entrainer des erreurs d'affichage des accents, autant l'UTF peut (en plus de n'avoir pas affiché les caractères spéciaux désirés) en ajouter en début de fichiers, ce qui devient un calvaire si vous faites plus d'inclusion de fichiers. Une explication s'impose.

Encodage en ISO-8859-1

L'ISO-8859-1 : si vous utilisez cet encodage il y a fort à parier que vos accents, cédilles, et autres circonflexes ne s'affichent pas et laissent place à des choses bizarres. Pas de panique. Il faut déjà comme pour tout encodage vérifier la cohérence entre l'encodage du fichier, l'encodage déclaré par votre doctype et l'encodage éventuellement envoyé via php (pour forcer l'encodage).

Pour le doctype il suffit de faire :

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

Pour le php :

Ajouter en début de fichier :

header('Content-Type: text/html; charset=iso-8859-1'); ini_set('default_charset', 'iso-8859-1');

Quant au fichier lui-même, utilisez Notepad++ pour convertir ou vérifier l'encodage. Pour cela allez dans le menu "format" et sélectionnez : "Convert to ANSI".

Voilà, c'est pas plus compliqué que ça, et si vos caractères spéciaux s'affichent toujours mal, utilisez les valeurs de correspondance tels que é pour afficher un é.

Encodage en UTF-8 : avec ou sans BOM ?

Le BOM ( byte order mark) traduisez "ordre d'affichage des octets", permet de spécifier l'ordre d'affichage des octets dans une fichier encodé en UTF-8 avec le BOM, ce qui peut se traduire par l'affichage du caractère : ï»¿ en début du fichier... Oui je sais c'est pas cool, surtout si vos fichiers sont inclus les uns dans les autres, ça peut provoquer un décalage d'affichage de vos balises monstreux !
Pas de panique !
Le BOM est là pour aider votre fichier (en théorie) : d'après ce que j'ai lu il règle des conflits entre les types de fichiers Windows et Unix (mais je n'en suis pas sûr du tout !)
Quoi qu'il en soit il va falloir s'en séparer...
On commence par reprendre les mêmes manip que pour l'iso, c'est à dire que l'on va homogénéiser l'encodage :

Pour le doctype il suffit de faire :

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

Pour le php :

Ajouter en début de fichier :

header('Content-Type: text/html; charset=utf-8'); ini_set('default_charset', 'utf-8');

Il ne reste plus qu'a convertir votre fichier avec Notepad ++ en UTF8 SANS BOM ! Et c'est cette simple manipulation qui fera toute la différence.

Si toutefois les caractères persistent voici un script (désolé pour l'auteur je ne retrouve plus la source) qui va vous permettre de les détecter, il suffit de créer un fichier par exemple : bom.php et le placer à la racine puis afficher ce fichier ( http://monsite.com/bom.php) la liste des fichiers infectés (oui on peut parler d'infection grrr), s'affichera :

<?php
$extensions_allowed = array();
$extensions_allowed [] = 'php';
$extensions_allowed [] = 'html';
$extensions_allowed [] = 'ini';
$extensions_allowed [] = 'tpl';

function listeFichiers($dir){
  global $extensions_allowed;
  if ($handle = opendir($dir)) {
    /* Ceci est la façon correcte de traverser un dossier. */
    while (false !== ($file = readdir($handle))) {
      if (($file <>'.') && ($file<>'..')) {
        if (is_file($dir.'/'.$file)){
          $extension = pathinfo($dir.'/'.$file, PATHINFO_EXTENSION);
          if (in_array($extension,$extensions_allowed)){
            $fileHandle = fopen($dir.'/'.$file, "r");
            $intro = fread($fileHandle, 3);
            fclose($fileHandle);
            if ($intro == "\xEF\xBB\xBF"){
              echo "$dir/$file\n";
              flush();
            }
          }
      } else {
        if (is_dir($dir.'/'.$file)){
          listeFichiers($dir.'/'.$file);
        }
      }
    }
   }
   closedir($handle);
  }
}

header("Content-type: text/plain\n\n");

set_time_limit(3600);

$path = $_SERVER['DOCUMENT_ROOT'];

if (substr($path,-1)=='/'){
  $path =  substr($path,0,-1);
}

listeFichiers($path);
?>

Les dernieres videos de buzz

Voir les dernieres videos

Coup de coeur pour Gadinga la blogueuse franglish

JarodxXx — Wed, 29 Apr 2009 10:11:00 +0200

Voilà un blog prometteur, réalisé par une américaine venue vivre en France, (elle doit aimer le bon vin).

Même si son activité consiste principalement à réaliser des prestations de webdesign, Gadinga nous fait part, via son nouveau blog de sa vision de langue française. Après avoir discuté un peu avec elle, il n'est pas exclu qu'elle diversifie ses sujets, et vu la manière dont elle parle du français (on ne parlera pas de la torture de son accent pour notre langue) il y a fort à parier qu'elle plaise à beaucoup d'entre vous...

Je vous invite donc à visiter son blog franglais et frenglish

Les dernieres videos de buzz

Voir les dernieres videos

Neoliage la boite mail de 20Go

JarodxXx — Wed, 29 Apr 2009 09:07:00 +0200

Plus fort que Gmail Neoliage offre une boite mail de 20Go et des pièces jointes de 50mo pour 1€ seulement par mois. J'ai testé (oui c'est toujours utile d'avoir une boite mail secondaire, vous pouvez donc me joindre sur jarodxxx[at]neoliage[point]fr).

De plus vous avez le droit à 20 alias, antispam et tout le tintouin, et même l'accès en POP/ Impa, bien pratique pour recevoir ses mails sur Iphone.

Ça peut être très intéressant si vous stockez beaucoup de mails avec d'énormes pièces jointes

Si vous testez le service, faites moi savoir ce que vous en avez pensé.

Les dernieres videos de buzz

Voir les dernieres videos

Le novocasual selon l'Oréal, c'est moi

JarodxXx — Tue, 28 Apr 2009 09:32:00 +0200

Il y a des jours comme ça où l'Oréal décide de m'envoyer quelques échantillons pour tester leur nouvelle gamme de gel coiffant hyper fixant ...

Bon je me dis que c'est encore de la pub mensongère et que si je les teste je vais mentir sur un gel coiffant qui ne colle pas... et pourtant, ça existe.

Le Novocasual c'est un mec qui s'assume qui fait le ménage et qui utilise la gamme Studio Line pour faire des coupes comme celles que vous verrez dans la suite du billet. C'est un peu ma coupe de tous les jours et je dois avouer que cette gamme me plait. Je ne connais malheureusement pas le prix de ces produits mais comme on dit le prix ne trompe pas, et la qualité se paie... Alors je suppose que même si c'est au dessus d'un prix d'appel ça vaut son pesant d'or

L'Oréal Paris a donc misé sur un nouveau visage pour représenter sa marque : il s'agit du Docteur Mamour, de Greys Anatomy, notamment pour sa gamme Mineral FX.

Pour vous convaincre voici une vidéo réalisée en temps réel et sans truquages, je vous en prie, des capacités coiffantes du fameux Gel.

Loreal Le novocasual
envoyé par jarodxxx

Donc comme prévu plus haut voici quelques photos de ce que peut être un NovoCasual, résumons nous donc, un mec qui assume de prendre soin de lui, et qui profite des avantages, je dirais technologiques, des produits de beauté pour homme.

Caractéristiques des différents gels

Le mineralFX niveau 2

(le tube sur les photos) il est assez liquide, il laisse les cheveux souples, ne colle pas dans les mains et s'applique très facilement, sa capacité de fixation est assez limitée, mais parfait pour un léger décoiffé...

Le mineralFX niveau 3

(le grand pot sur les photos) pâte très épaisse, ne colle toujours pas sur les doigts, et fixe largement suffisamment, il peut avoir des ratés avec certaines mèches très rebelles

Le mineralFx niveau 4

(le tout petit pot sur les photos) mon préféré soit dit en passant, fixation extrême de chez extrême, je l'ai testé sur 48h et j'ai même dormi avec : Surprise pas de trace sur le lit, aucune odeur chimique dans les cheveux, le gel PARFAIT pour moi et mes mèches rebelles, et must du must, il est tellement pâteux que après son application on peut même changer de coiffure au cours de la journée, juste avec les doigts, sans eau ni rien d'autre puisqu'il ne COLLE pas dans les cheveux

Avant Mineral FX

Apres mineral Fx

Article sponsorisé

Les dernieres videos de buzz

Voir les dernieres videos

Google nous eclaire sur 10 rumeurs au sujet de son moteur de recherche

JarodxXx — Sun, 26 Apr 2009 10:33:00 +0200

Le big browser du web, Google, a publié récemment deux articles visant à démentir ou à confirmer des rumeurs au sujet de son moteur de recherche ; on peut donc ainsi répondre aux 10 questions suivantes :

1> Mythe : Le PageRank est mort, vive le TrustRank
2> Mythe : Je vais être pénalisé si j'ai du contenu dupliqué sur mon site
3> Qu'est-ce que Google entend par le "mauvais voisinage" d'un site (bad neighborhood en anglais) ?
4> Mythe: Utiliser Google Analytics, AdWords ou AdSense va influencer mon classement dans les résultats de recherche naturelle.
5> Je vais lancer un site avec énormément de contenu, comment assurer une bonne indexation ?
6> Mythe : Valider mon code source (X)HTML va améliorer mon classement
7> Comment faciliter l'indexation de mes images ?
8> Mythe : Je vais changer de nom de domaine, je peux donc abandonner mon ancien site.
9> Mythe : Mon site est hébergé sur un serveur partagé : il pourrait donc côtoyer des sites de mauvaise qualité et cela risquerait d'affecter mon classement !
10> Mythe : Si un mot-clé est important, il est important de le répéter de sorte que les pages gagnent de l'importance pour les moteurs de recherche importants.

Les réponses se trouveront ici :

http://adsense-fr.blogspot.com/2009/03/editeurs-webmasters-mythes-et-realites.html

http://adsense-fr.blogspot.com/2009/04/editeurs-webmasters-mythes-et-realites.html

Les dernieres videos de buzz

Voir les dernieres videos

Bloc-notes numérique en ligne gratuit, alternative à Google Notes

JarodxXx — Sat, 25 Apr 2009 09:28:00 +0200

Voici quelques mois, Google a émis la décision d'interrompre son service de Notepad online. blocnotesenligne.com veut faire tout son possible pour combler le manque. Et ça marche.

Suite à une inscription ultra-rapide (pas d'adresse email nécessaire !), Blocnotesenligne.com vous permettra d'éditer 5 bloc-notes customisables via un éditeur de texte WYSIWYG très complet donnant par conséquent soit la possibilité de copier/coller ou de taper n'importe quoi dedans tout en conservant la mise en forme d'origine : images, articles de blogs, liens de téléchargement, sites favoris et même des vidéos, soit d'éditer directement votre code source html.

Orienté web 2.0, équipé d'AJAX bien sûr, utilisé par exemple lors des sauvegardes automatiques de vos notes, bloc-notes numérique offre, entre autres, la possibilité de créer des documents pdf, doc, txt et html en ligne et de les exporter ensuite. Vous avez aussi le choix de partager ou non votre mémo principal avec vos amis en utilisant un lien du style blocnotesenligne.com/pseudo

Il y a quelques autres options au menu, comme par exemple l'édition en plein écran qui fait fortement penser à Word ou OppenOffice sur ce bloc-notes personnalisé ...

Bien qu'à première vue son utilité n'est pas flagrante, on s'y attache vite, par exemple pour y préparer des articles pour son blog, pour y enregistrer ses blogs préférés ... Et contrairement aux digg-like et compagnie, vous pourrez évidemment les classer comme bon vous semble, avec la mise en forme de votre choix

Finalement, mes tests sur bloc-notes virtuel s'avèrent concluants et ce dernier vous sera sûrement utile. C'est gratuit et malin alors profitons-en

Les dernieres videos de buzz

Voir les dernieres videos

JQuery UI par l'exemple : réduire un cadre dans une barre des tâches

rssnewsbox — Fri, 24 Apr 2009 09:40:00 +0200

JQuery est un excellent framework javascript servant à améliorer l'expérience utilisateur tout en simplifiant le travail du programmeur.
Le framework de base de JQuery offre ainsi beaucoup de possibilités qui peuvent être étendues par des milliers de plugins permettant à chacun d'ajouter les fonctionnalités désirées sans trop alourdir le framework de base.

A tout cela s'ajoute JQuery UI, un framework javascript dédié à l'Interface Utilisateur. JQuery UI se présente de façon modulaire avec un coeur "UI core" et des scripts à télécharger séparément selon les besoins.

Les modules proposés concernent
- les interactions avec l'utilisateur : Draggable, Droppable, Resizable, Selectable, Sortable
- les widgets : Accordion, Dialog, Slider, Tabs, Datepicker, Progressbar
- les effets : Core, Blind, Bounce, Clip, Drop, Explode, Fold, Highlight, Pulsate, Scale, Shake, Slide, Transfer

Drag'n drop, sélecteurs de date, barres de progression deviennent ainsi un jeux d'enfant à implémenter.

Nous nous intéressons ici au composant Effect Transfer que nous utiliserons pour permettre la réduction d'un cadre dans une barre des tâches.

Voici la documentation officielle du composant "Effect Transfer"

Exemple donné dans la documentation :

Voici un aperçu du résultat donné par le code fourni dans ce zip :

Pour arriver à ce résultat, il faut inclure les fichiers js de JQuery :

<script type="text/javascript" src="http://www.jarodxxx.com/index.php?post/2009/04/24/js/jquery.js"></script>
<script type="text/javascript" src="http://www.jarodxxx.com/index.php?post/2009/04/24/js/jquery-ui-transfer.js"></script>

Le fichier jquery-ui-transfer.js est obtenu en sélectionnant les composants UI Core et Effect Transfer depuis la page de téléchargement des modules de JQuery UI

Code javascript exécuté lors du clic sur la croix pour réduire le cadre :

//---------------------------------------------------------------------
//---Iconification du cadre d'information lors du clic sur la croix--
//---------------------------------------------------------------------
function OnCIBtnSuppr(IdCadreInfo)
{
var CadreInfo = document.getElementById(IdCadreInfo);
var IdCadreImg= "IdImgCI"+IdCadreInfo.substr(4);
var CadreImg  = document.getElementById(IdCadreImg);

$(CadreInfo).effect("transfer", { to: "div."+IdCadreImg }, 1000);
$(CadreInfo).hide("slow");
BlinkTemporary(IdCadreImg, 4, 350);
}

Code javascript exécuté pour réafficher le cadre lors du clic sur l'icône :

//---------------------------------------------------------------------
//---Affichage du cadre d'information lors du clic sur son icône-----
//---------------------------------------------------------------------
function OnCIImgClick(ObjHTML)
{
var CadreImg  = ObjHTML;
var IdCadreInfo= "IdCI"+CadreImg.id.substr(7);
var CadreInfo  = document.getElementById(IdCadreInfo);

$(CadreInfo).show("slow");
CadreImg.style.visibility="hidden";
}

Code javascript pour faire clignoter l'icône un certain temps :

//---------------------------------------------------------------------
//---Fait clignoter l'élément d'id IdOHtml un certain nombre de fois---
//---IsVisibleOnBegin : l'élément est visible au départ-----------------
//---IsInvisibleInEnd : l'élément est invisible à la fin-----------
//---------------------------------------------------------------------
function BlinkTemporary(IdOHtml, NbClignotant, IntervalleInMs, IsVisibleOnBegin, IsInvisibleInEnd)
{
var NewNbClignotant;
var OHTML;          
var IsVisible;      
var IsFirstChangeIsBlink=1;

if(NbClignotant<=0) return;

if(!IntervalleInMs) IntervalleInMs=350;

NewNbClignotant = NbClignotant;
OHTML           = document.getElementById(IdOHtml);
IsVisible       = (OHTML.style.visibility=="hidden") ? false : true;

if(IsVisibleOnBegin && IsInvisibleInEnd)
    {
      NewNbClignotant++;
    }

if((IsInvisibleInEnd && IsVisible) ||
    (!IsInvisibleInEnd && !IsVisible))
    {
      NewNbClignotant--;
    }

OHTML.style.visibility = (IsVisible) ? "hidden" : "visible";

setTimeout("BlinkTemporary('"+IdOHtml+"', "+NewNbClignotant+", "+IntervalleInMs+", 0,"+IsInvisibleInEnd+")",IntervalleInMs);
}

Article écrit par le concepteur de l'agrégateur RSS en ligne rssnewsbox.fr.

Les dernieres videos de buzz

Voir les dernieres videos

Transavia prolonge son concours

JarodxXx — Thu, 23 Apr 2009 09:11:00 +0200

Je suppose qu'il est inutile de vous rappeler que Transavia organise un concours pour gagner un avion...

J'attends d'ailleurs que vous remplissiez les places restantes sur gagnezunavion.com sous le compte de Jarodxxx.

Vous avez jusqu'au vendredi 24 avril pour vous inscrire sur le site. En effet, l'opération a été un tel succès que Transavia a décidé de prolonger l'opération.

Les enchères auront lieu le lundi 27 avril de 21 à 22h.

Pour ma part il y a encore beaucoup de places dans mon avion ^^

Je rappelle qu'il ne s'agit pas d'une blague ou d'un buzz foireux, mais bel et bien d'une opération sous contrôle d'huissiers.

1 min de temps à prendre et un voyage à gagner, ne vous gênez pas

Les dernieres videos de buzz

Voir les dernieres videos

[FLASH] Système de news défilantes en xml AS2

Burnside — Wed, 22 Apr 2009 10:00:00 +0200

Voici comment réaliser un système de news défilantes en AS2
1) Ouvrir Flash
2) Créer un fichier AS2 de 550 x 170
3) Créer un calque AS
4) Nous allons créer la structure de notre news

- Créez un rectangle de 40 sur 18 et donnez-lui la couleur de votre choix *
- Créez un autre rectangle de 42 sur 44 avec une couleur de votre choix. Ces deux objets doivent être en mode graphique, pas en MovieClip ni Bouton. Créez un nouveau MoviClip avec comme nom "news" et dedans placez sur le premier calque les images de fond et votre autre rectangle. Sur un autre calque placez une zone de texte dynamique de 467 sur 24 avec comme nom "Titre" et sur un autre calque placez une autre zone de texte dynamique de 467 sur 89 et donnez comme nom "Description". Sur un autre calque placez une zone de texte dynamique sur le petit rectangle et donnez comme nom "jour" et juste en dessous un autre texte dynamique avec comme nom "mois".

5) Revenez sur la scène principale et créez un MovieClip "bt_plus" et dedans créez un texte dynamique et donnez-lui comme nom "texteplus". 6) Revenez sur la scène principale et créez un MovieClip "bt_moins" et dedans créez un texte dynamique et donnez-lui comme nom "textemoins". 7) Faites un clic droit sur le clip bt_moins et choisissez "propriétés" et donnez-lui comme nom d'identifiant "bt_moins"; (pour activer il faut cocher les options comme sur le printscreen).

8 ) Faites de même pour le bouton plus, ensuite pour news et donnez comme nom "newsitem".
9) Sur le calque AS placez le code suivant :


stop();

// Notre css 

var styles = new TextField.StyleSheet();

styles.setStyle("a:hover", {color:'#FF0033'});

styles.setStyle("a", {color:'#00CC33'});

styles.setStyle("p", {color:'#99DDEE'});
// Configuration vitesse et espace des news ( 1 rapide - 100 très lent)

var introSpeed:Number = 1;

var itemSpacing:Number = 10;
// Nombre de news visibles

var noItems:Number = 1;
// classes utilisées

import mx.transitions.Tween;

import mx.transitions.easing.*;
// Création d'un movieclip news qui contiendra toutes nos news

this.createEmptyMovieClip("news", 1);
// Position de notre MovieClip News sur la scène

news._x = 20;

news._y = 30;
// Variable pour savoir qui slide up and down via les boutons

var id:Number = 0;
// Création des boutons de navigation

var BoutonsNav:MovieClip = this.createEmptyMovieClip("BoutonsNav", 2);

// Position des deux boutons

BoutonsNav._x = 360;

BoutonsNav._y = 150;

//effet

fade(BoutonsNav, 0, 100, 1, Strong.easeIn);

// Notre bouton moins

var bt_moins:MovieClip = BoutonsNav.attachMovie("bt_moins", "bt_moins", 3);

bt_moins.textemoins.text = "Moins";

bt_moins._x = 130;

// Notre bouotn plus

var bt_plus:MovieClip = BoutonsNav.attachMovie("bt_plus", "bt_plus", 4);

bt_plus.texteplus.text = "Plus";

bt_plus._x = 80;

// Désactivation du bouton moins

bt_moins._alpha = 50;

bt_moins.enabled = false;
// Chargement du XML

var mainNews:XML = new XML();

mainNews.ignoreWhite = true;

mainNews.onLoad = buildnews;

mainNews.load("news.xml");

function buildnews(success:Boolean):Void {

if (success) {

var allNews:XMLNode = mainNews.firstChild;

// Nombre de news dans notre xml

var allNewsTotal:Number = allNews.childNodes.length;

var i:Number;

for (i=0; i<allNewsTotal; i++) {

var newsItem:MovieClip = news.attachMovie("newsItem", "newsItem"+i, i);

// Récupération des infos du xml 

newsItem.lejour = allNews.childNodes[i].childNodes[0].attributes.jour;

newsItem.lemois = allNews.childNodes[i].childNodes[0].attributes.mois;

newsItem.theTitle = allNews.childNodes[i].childNodes[1].firstChild.nodeValue;

newsItem.thedescription = allNews.childNodes[i].childNodes[2].firstChild.nodeValue;

newsItem.Titre.text = newsItem.theTitle;

// Active le css

newsItem.Description.styleSheet = styles;

// Permet de mettre du texte au format HTML

newsItem.Description.html = true;

// Notre zone de texte va s'adapter automatiquement

newsItem.Description.autoSize = true;

newsItem.Description.htmlText = newsItem.thedescription;

newsItem.jour.text = newsItem.lejour;

newsItem.mois.text = newsItem.lemois;

// Effet pour Newsitem + positionnement

newsItem._y = 0;

newsItem.pos = news['newsItem'+(i-1)]._x+news['newsItem'+(i-1)]._height+itemSpacing;

newsItem._x = newsItem.pos;

if (i<noItems) {

// Affichage de la première news

fade(newsItem, 0, 100, introSpeed+i, Strong.easeInOut);

} else {

// On cache les autres news

newsItem._alpha = 0;

}

}



bt_plus.onPress = function():Void  {

if (id>=0 && id<allNewsTotal-noItems) {

// Fonction pour  éviter le double clic trop rapide

pasdeclicrapide(this);

bt_plus.enabled = true;

bt_moins._alpha = 100;

bt_moins.enabled = true;

var a:Number = id+noItems;

slide(news, news._x, news._x-news['newsItem'+id]._height-itemSpacing, 1, "_x");

fade(news['newsItem'+id], 100, 0, 2, Strong.easeOut);

fade(news['newsItem'+a], 0, 100, 1, Strong.easeInOut);

id++;

//on active le cuseur si le lien est actif

if (allNewsTotal == id+noItems){

bt_plus._alpha = 50;

bt_plus.useHandCursor = false;

}

else{

bt_moins.useHandCursor = true;

}

}

};



bt_moins.onRelease = function():Void  {

if (id<allNewsTotal && id>0) {

// Fonction pour  éviter le double clic trop rapide

pasdeclicrapide(this);

bt_plus._alpha = 100;

bt_plus.enabled = true;

var b:Number = id-1;

var c:Number = id+noItems-1;

slide(news, news._x, news._x+news['newsItem'+b]._height+itemSpacing, 1, "_x");

fade(news['newsItem'+b], 0, 100, 1, Strong.easeInOut);

fade(news['newsItem'+c], 100, 0, 1, Strong.easeOut);

id--;

//on active le cuseur si le lien est actif

if (id == 0){

bt_moins._alpha = 50;

bt_moins.useHandCursor = false;

}

else{

bt_plus.useHandCursor = true;

}

} 

};

} else {

trace("Le XML n'a pas été chargé..;");

}

}

// Fonction pour  éviter le double clic trop rapide

function pasdeclicrapide(boutton) {

time = getTimer();

this.onEnterFrame = function() {

time2 = getTimer();

if (Number(time2-time)>800) {

boutton.enabled = true;

delete this.onEnterFrame;

} else {

boutton.enabled = false;

}

};

}
// tween fonctions

function fade(Clip:MovieClip, startvalue:Number, endvalue:Number, fade_speed:Number, ease) {

var fader:Tween = new Tween(Clip, "_alpha", ease, startvalue, endvalue, fade_speed, true);

}

function slide(Clip:MovieClip, startvalue:Number, endvalue:Number, y_speed:Number, prop:String) {

var slider:Tween = new Tween(Clip, prop, Strong.easeInOut, startvalue, endvalue, y_speed, true);

}

10) Notre fichier xml : ICI

J'espère que le code est assez commenté pour vous...

Démo : ICI
Démo 2: ICI
Source: ICI

Bàv,
Burnside.

Les dernieres videos de buzz

Voir les dernieres videos

Une API pour le whois : vérifiez les informations de nom de domaine

JarodxXx — Thu, 09 Apr 2009 10:22:00 +0200

Je vous ai récemment parlé du nouveau service de whois que je me suis mis en tête de développer : c'est désormais chose faite, le whois fonctionne très bien du côté de whois.jarodxxx.com.

Mais je voulais vous faire part de l'API (encore en bêta) que tout un chacun peut utiliser : Whois.jarodxxx.com/api

Après avoir écouté les différentes remarques sur twitter, j'ai développé une classe php qui renvoie un fichier Xml simplement en passant une valeur à l'url :

exemple :

http://whois.jarodxxx.com/api renvoie les informations de l'API

http://whois.jarodxxx.com/api/jarodxxx.com renverra le fichier XML dont vous trouverez la documentation sur la page http://whois.jarodxxx.com/api

L'utilisation de l'API est extrêmement simple : copiez simplement le code suivant :

<?php $whois = file_get_contents('http://whois.jarodxxx.com/api/NDD.COM'); echo $whois; // Affiche le XML du whois ?>

Et voilà !

J'attends les commentaires de ceux qui voudront bien tester, afin que je puisse fournir un service irréprochable avec différents formats de sortie

Les dernieres videos de buzz

Voir les dernieres videos

Coup de coeur : Doyoubuzz leader du CV en ligne

JarodxXx — Tue, 07 Apr 2009 18:57:00 +0200

Je commencerais en précisant qu'il ne s'agit pas du tout d'un billet sponsorisé mais d'un réel coup de cœur.

Efficacité, nouveautés, pratique, utile et gratuit, ce sont les maitres mots de ce site de CV en ligne qu'est Doyoubuzz.

Certains d'entre vous auront déjà eu l'amabilité de visiter mon CV qui est hébergé depuis peu chez eux (Mon CV en ligne) et qui depuis peu est passé en compte pro sous l'URL http://www.avi-teboul.com. J'ai voulu en savoir plus sur les auteurs de ce site...

Doyoubuzz recense actuellement 10 000 utilisateurs, et il parait que bon nombre ont des comptes pros.

Le site est basé sur le framework Turbulences.com que je ne connais pas du tout.

Au design Ludovick : www.ludovick-sauvaget.com qui est parti au départ de l'ergonomie du premier CV réalisé par Ludovic (le gérant) : www.ludovic-simon.com

Le site est sorti de la béta très privée fin septembre 2008.

Doyoubuzz attaque sur tous les fronts, notamment dans les écoles pour que chacune d'elles propose du DoYouBuzz à leurs étudiants : ils offrent le premium à leurs étudiants, l'école dispose également d'un back-office pour gérer tout ça.

Mais laissons julien s'exprimer :

Julien : "Maintenant, on souhaite aller encore plus loin en offrant du réseau social sur-mesure.

JarodxXx : - Explique-moi ça

Julien : - Pour fédérer toutes les communautés que rassemble une école : enseignants, administration, étudiants, anciens et entreprises.

Mettre à dispo des pages profil avec des newsfeeds, des groupes (de travail, de spé, de promo, Erasmus...).

Faciliter les échanges entre étudiants et entreprises.

Bref un très gros projet.

Julien : - Sinon, nous avons aussi une offre destinée aux entreprises.

Notamment les SSII qui placent leurs employés chez leurs clients.

Ces SSII envoient en permanence des CV à ces mêmes clients afin de présenter leur force de travail

Du coup on leur permet d'envoyer des CV DoYouBuzz à leurs clients.

Pour moi aucun problème, j'aime bien le site, le service est utile, il est complet, l'équipe a l'air ouverte et réactive, j'aime promouvoir ce genre de site.
Bonne continuation !

Les dernieres videos de buzz

Voir les dernieres videos

[FLASH] Preloader AS3 avec Tweenmax

Burnside — Wed, 01 Apr 2009 10:00:00 +0200

Voici comment réaliser un preloader en AS3, avec la classe Tweenmax.
Bonjour,

1) Créer un fichier flash AS3
2) Dessiner sur la scène un cercle de la couleur de votre choix.
3) Convertissez-le en Movieclip avec comme nom "PreloaderCircle" et une dimention de 10 sur 10.
4) Faites F12 afin de visualiser la bibliothèque, et faites un clic droit sur le Movieclip, choisissez "liaison", cochez "exporter pour action script" et donnez comme nom "PreloaderCircle".
5) Effacez le rond de la scène.
6) Faites F9 et copiez/collez le code ci-dessous :




//Import de TweenMax
//http://blog.greensock.com/
import gs.*;
 
//Nous allons ajouter les cercles du preloader dans un holder
var holder:MovieClip = new MovieClip();
//Ce tableau va contenir tous les cercles
var circles:Array = new Array();
//La fonction qui va créer et positionner les cercles
for (var i:uint=0; i < 5; i++) {
    //On crée un nouveau cercle
    var circle:PreloaderCircle = new PreloaderCircle();
    //On place notre cercle en x
    circle.x = i * 20;
    //On met la propriété de tween à false 
    circle.tweened = false;
    //Ajout du cercle au tableau
    circles.push(circle);
     //ajout du cercle au holder
    holder.addChild(circle);
}
//On place le holder sur la scène
addChild(holder);
//On positionne le holder au centre de la scène
var holderWidth:Number = holder.width;
var holderHeight:Number = holder.height;
holder.x = stage.stageWidth / 2 - holderWidth / 2;
holder.y = stage.stageHeight / 2 - holderHeight / 2;
//On crée un loader qui va charger l'image
var loader = new Loader();
//On charge l'image
loader.load(new URLRequest("image.jpg"));
 //On écoute l'avancement du chargement
loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, progressHandler);
 //Cette fonction est appelée pendant le chargement
function progressHandler(e:ProgressEvent):void {
     //On regarde combien de bytes ont été chargés
    var loadedPercentage:Number = (e.bytesLoaded / e.bytesTotal) * 100;
    //Si plus que 20% 
    if (loadedPercentage > 20 && ! circles[0].tweened) {
         // on ajoute des paramètres au cercle pour le rendre plus joli
        TweenMax.to(circles[0], 1, {tint:0x0066FF, glowFilter:{color:0xFFFFFF, alpha:1, blurX:10, blurY:10}});
    }
     // si plus de 40% ajout d'un deuxième carré
     if (loadedPercentage > 40 && ! circles[1].tweened) {
        TweenMax.to(circles[1], 1, {tint:0x0066FF, glowFilter:{color:0xFFFFFF, alpha:1, blurX:10, blurY:10}});
    }
     if (loadedPercentage > 60 && ! circles[2].tweened) {
        TweenMax.to(circles[2], 1, {tint:0x0066FF, glowFilter:{color:0xFFFFFF, alpha:1, blurX:10, blurY:10}});
    }
    if (loadedPercentage > 80 && ! circles[3].tweened) {
        TweenMax.to(circles[3], 1, {tint:0x0066FF, glowFilter:{color:0xFFFFFF, alpha:1, blurX:10, blurY:10}});
    }
     //Si 100% chargé, 
    if (loadedPercentage == 100 && ! circles[4].tweened) {
        TweenMax.to(circles[4], 1, {tint:0x0066FF, glowFilter:{color:0xFFFFFF, alpha:1, blurX:15, blurY:15}, onComplete: cerclesTweened});
    }
}
//Cette fonction est appelée lorsque les cercles ont été tweener
function cerclesTweened():void {
     //Loop des cercles
    for (var i = 0; i < circles.length; i++) {
         //On dégage les cercles vers la gauche de la scène
        //On appelle la fonction circleleft lorsque c'est terminé
        TweenMax.to(circles[i], 0.5, {delay: i * 0.1, x: -200, alpha: 0, onComplete: cerclegauche, onCompleteParams: [circles[i]]});
    }
}
//cette fonction est appelée lorsqu'un cercle est animé vers la gauche
function cerclegauche(circle:PreloaderCircle):void {
 
    //Suppression du cercle
    holder.removeChild(circle);
     //Vérifie si cest le dernier cercle le plus à droite
    if (circle == circles[4]) {
         //Suppression du holder
        removeChild(holder);
         //récupération de l'image du loader
        var bm:Bitmap = (Bitmap)(loader.content);
         //Ajout de l'image dans un movieclip imageholder
        var imageHolder:MovieClip = new MovieClip();
        imageHolder.addChild(bm);
         //Ajout de l'image sur la scène
        addChild(imageHolder);
         //Animation du conteneur de l'image
        //Animate the bitmap holder
        TweenMax.from(imageHolder, 1, {alpha: 0});
    }
}

7) Extraire au même endroit le répertoire gs que votre fla.

Démo : ICI
Source : ICI
TweenMax : ICI

Bàv,
Burnside.

Les dernieres videos de buzz

Voir les dernieres videos