Ca y est je les ai reçu !
Question quizz : savez vous à quoi chaque t-shirt correspond ?
Pour information, j’étais inquiet sur la qualité de l’impression, mais la méthode utilisée semble très résistante, et les couleurs ne devraient pas changer sur les quelques prochains lavages à venir (d’après le site c’est une centaine de lavages, ce qui ferait que je pourrais tenir presque un an avec ces trois tshirts…).
Voilà le problème que je viens de rencontrer et que vous avez sûrement rencontré si vous faites un petit peu de jQuery : j’ai fait un <div></div> qui était un petit rectangle, et je voulais, que lorsque la souris entre dedans, il s’agrandisse, et lorsqu’elle en sort, il diminue.
Le problème (qui est la plupart du temps un avantage) avec jQuery, c’est que lorsqu’une animation commence, s’il y en a une autre pour le même élément, il la met dans une queue() (toute plaisanterie grivoise mise à part).
Donc, si, comme moi, vous voulez faire une animation assez lente, et que vous entrez et sortez rapidement avant la fin de l’animation, il va y avoir plein d’éléments qui vont aller à l’intérieur, et… même si vous éloignez la souris, les animations d’entrée-sortie vont continuer à jusqu’à ce que la queue soit vide ! …là aussi toute plaisanterie grivoise mise à part.
La solution est simple : il faut non seulement dire à l’élément concerné d’arrêter l’animation via stop(), mais aussi :
true)true)Exemple de code qui fonctionne :
$('tr')
.mouseenter(function() {
var id=$(this).attr('id').substring(3);
var c=$(this).children('.principal').children('.texte');
c.stop(true, true).animate({ height: '400px'}, 'slow');
})
.mouseleave(function() {
var c=$(this).children('.principal').children('.texte');
c.stop(true, true).animate({ height: '89px'}, 'slow');
});
Vous en avez marre des espaces en fin de code qui ne servent à rien ?
Vous voulez vous conformer à beaucoup de pratiques classiques (Apache, horde, etc.) ?
Voici le petit truc qu’il vous manque, à ajouter dans votre fichier vim :
" Ce code mettra en surbrillance rouge vif " tous les espaces inutiles après la fin de code : highlight WhitespaceEOL ctermbg=red guibg=red match WhitespaceEOL /\s\+$/
Ce code de configuration vim va mettre en rouge tous les espaces inutiles en fin de code.
Fabuleux non ? 😉
Merci à ce site.
En ces temps troublés par le capitalisme extrême où beaucoup de gens associent le montant de ce qu’il y a en banque avec le quotient intellectuel de la personne, on oublie de citer des personnes réellement importantes, qui ont, elles, changé le cours complet de l’informatique.
Nous ne serions pas là où nous en sommes sans ces personnes :
Dennis MacAlistair Ritchie est un des pionniers de l’informatique moderne, inventeur du langage C et co-développeur de Unix.
Ingénieur chez Atari et co-fondateur de Amiga Corporation1, il est considéré comme le « père de l’Amiga ».
John McCarthy est le principal pionnier de l’intelligence artificielle avec Marvin Minsky.
A l’inverse, quand une personne, je cite : juge qu’usine aux onze suicides est « plutôt chouette » parce que les personnes travaillent jour et nuit et en finissent par se suicider, je ne pense par qu’il mérite une seule seconde de faire la une des journaux. Je ne lui ai jamais souhaité de mal, parce que je me fie à ma doctrine de toujours :
Tout finit par se payer tôt ou tard, d’une manière comme d’une autre.
Note : bien sûr, dès qu’il s’agit de critiquer une personne qui est devenue une icône « grand public » (et ça n’est pas positif quand que je dis ça) on retire vite ses articles, ça fait mauvaise presse. Merci wayback machine qui aide à rétablir les preuves qu’il était loin d’être un saint – plutôt l’opposé, même !
C’est en cherchant des airs connus que je suis tombé sur ce site : http://www.mutopiaproject.org/ qui recense toutes les compositions tombées dans le domaine publique, qui a généré en automatique des fichiers midi en conséquence, et, surtout, qui a utilisé un logiciel du domaine publique extrêmement performant qui a constitué toutes les partitions.
Comme il y en a des centaines, et que tout est organisé de la même façon, je me suis fait un « aspirateur » de ces compositions, et puis, une fois aspirées, je me suis généré un fichier AutoHotKey (cf http://www.autohotkey.com/), logiciel tout simplement extraordinaire avec lequel on peut simuler en script absolument tout ce qu’on veut sous Windows : souris et clavier. J’ai donc « préposté » tous les articles que vous pouvez voir, et j’en fais apparaître un sur deux « réellement » à moi. Comme ça je fais d’une pierre deux coups : je promeus un site extrêmement bien fait et gratuit, et j’alimente mon blog (ces articles se sont étalés sur quatre mois).
Peut-être que cela vous donnera des idées ? 😉
Dans la plupart de mes pages, j’ai besoin, lorsqu’il y a une erreur, de mettre un message explicite qui est souvent long. Qui dit long dit plusieurs lignes. Ou bien j’ai envie de stopper l’exécution en cours et d’afficher plusieurs messages. L’idée de base est de lever une exception, mais une exception qui reçoit plusieurs chaînes de caractères comme message d’erreur. Alors j’ai fait ma propre classe en m’inspirant de l’aide sur les exceptions de php.net.
On peut lever une exception de cette façon :
throw new ExceptionErr(
array(
"Nous vous avons envoyé la liste récemment.",
"Afin de garantir une qualité de service ".
"pour tout le monde, ",
"nous ne pouvons ré-envoyer la liste que dans ".
$delai
)
);
Vous pouvez la récupérer ou simplement lire le code. En espérant que cela serve à d’autres personnes :
<?
/**
* fichier exception_err.php
*
* Historique :
* 21/09/2011 : Olivier Pons
* Création
* @author Olivier Pons
* @version 1.0
* @since 1.0
* @copyright Olivier Pons
* @package Classes_Base
*/
/**
* Includes
*/
/**
* Classe Exception qu'on peut
* lever en lui passant un tableau
* en paramètre.
*
* @author Olivier Pons
* @version 1.0
* @since 1.0
* @copyright Olivier Pons
* @package Classes_Base
*
*/
class ExceptionErr extends Exception
{
/**
* @var array le tableau contenant les lignes d'erreur
*/
private $TabErr;
/**
* Lit le tableau contenant les lignes d'erreur
* @return array le tableau contenant les lignes d'erreur
*/
public function getTabErr()
{
if (!isset($this->TabErr)) {
throw new Exception('TabErr : pas initialise');
}
return $this->TabErr;
}
/**
* Surcharge de la représentation de l'objet sous forme de
* chaine
*
* @return string Représentation de l'objet sous forme de
* chaine.
*/
public function __toString() {
return __CLASS__ .
": [{".$this->code."}]: {".$this->message."} ".
"- {".var_export($this->TabErr,true)."}\n";
}
/**
* Constructeur surchargé de la classe "Exception" de base.
*
* @param array $tab_err
* Tableau contenant les chaines à mettre à la suite dans
* un tableau d'erreur (voir les classes qui utilisent
* cette classe pour comprendre)
* @param integer $code
* Numéro de code d'erreur
* @param Exception $previous
* Exception précédente
*
* @return void
*/
public function __construct(
$messages, $code = 0,
Exception $previous = null)
{
if (!is_array($messages)) {
throw new Exception("Messages : array attendu");
}
if (count($messages)==0) {
throw new Exception("Messages : tableau vide");
}
list($message)=each($messages);
parent::__construct($message, $code, $previous);
$this->TabErr = $messages;
}
}
?>
Voici un petit mémo simple : si vous essayez de comprendre dans quel ordre se font les événements, je vous conseille de lire la page ici.
Parmi tout ce qui est expliqué, voici ce que j’utilise le plus souvent : une fonction de trace des événements.
Faites comme moi : un bon copier-coller des familles, et vous aurez dans votre console tous les événements concernant l’objet que vous voulez :
function captureEvents(observable) {
Ext.util.Observable.capture(
observable,
function(eventName) {
console.info(eventName);
},
this
);
}
Ext.onReady(function(){
var grid = new Ext.grid.GridPanel({
...
});
captureEvents(grid);
});
Exemple concret : j’avais un problème, lorsque je créais un nouvel enregistrement dans une DataGrid, j’avais beau essayer de le sélectionner, rien n’y faisait. J’ai cherché pendant des heures, j’ai essayé d’éliminer au fur et à mesure des choses, jusqu’à ce que je mette en place ce code, et là, magie, dans la console :
>beforeload >datachanged >load >read >add >datachanged >beforesync >write >datachanged
J’ai vu qu’en fait après l’événement d’ajout « add » sur lequel je comptais pour sélectionner l’élément en cours, il y avait… une mise à jour (« beforesync », « write », « datachanged ») !
En fait ça a fait tilt : j’avais activé la synchronisation automatique des données, et donc juste après l’insertion, le store tentait de se synchroniser, donc la sélection était inévitablement dé-sélectionnée.
Ici aussi, comme dans la plupart de mes articles techniques, j’espère avoir aidé la communauté et avoir évité à d’autre personnes de perdre des heures inutiles, comme celles que j’ai passées !
C’est simple, et voici comment faire en trois lignes (si vous enlevez mes commentaires) : je crée une fonction anonyme qui est appelée en boucle par array_walk() et qui fait un ‘trim’ sur l’élément en cours :
/* Pas très propre, mais rapide et qui reste
* compréhensible : je crée une fonction anonyme qui
* est appelée en boucle par array_walk() et qui fait
* un 'trim' sur l'élément en cours :
*/
array_walk($tab,
create_function('&$item,$key', '$item = trim($item);')
);
L’auteur de cette composition est G. F. Handel (1685–1759). J’ai pu trouver sa biographie en Français. Si vous cliquez dessus vous verrez le résultat en Français.
Voici une de ses œuvres (je l’ai retenue car elle était destinée au piano bien sûr) :
Elle est faite pour piano.
Elle a été composée durant les années 1721-2
C’est une composition baroque.
Sa licence est de type « Domaine publique« .
Si vous voulez l’écouter cliquez sur : fichier midi (.mid) (attention, la qualité sonore cache la qualité réelle vous pourrez faire bien mieux).
Le plus intéressant : cliquez ici pour voir la partition
Vous pouvez éventuellement lire une jolie description de cette composition ici
Enfin, tous les fichiers de cette composition sont regroupés ici
NB : j’ai récupéré ces compositions, qui sont entièrement libres de droit, sur ce site qui est tout simplement géniallissime : mutopiaproject
Voilà l’idée derrière la chose : pour tous les projets, on a juste des idées. Ces idées, ils proposent de les matérialiser sous forme de « cartes ». Et de faire des tas de cartes. Après, on organise ces cartes, et quand on clique sur ces cartes, on a évidemment plein de détails : qui l’a créée, des commentaires, des modifications, etc.
Il s’appelle Trello.
Bref c’est un outil très novateur, et qui de côté tout ce qui est priorité (enfin il ne le met pas de côté, disons qu’il le cache : c’est en réalité dans l’organisation des cartes qu’on peut gérer les priorités).
Vos projets deviennent plus lisibles et ça ressemble beaucoup aux post-it qu’on a tendance à coller un peu partout quand on veut faire des choses.
Et si vous voulez, carrément, avoir une idée concrète de comment se gère un projet ainsi, vous pouvez le voir avec Trello dans Trello
Le plus impressionnant, c’est que tout est sur le Web, et que ça tourne parfaitement, et que tout se synchronise automatiquement ! Exemple concret : vous ouvrez votre tableau sur lequel il y a vos cartes, et un collaborateur aux Etats Unis ouvre le même tableau, et lorsqu’il applique des modifications, elles se répercutent automatiquement sur votre tableau, en temps réel ! Par contre, ne me demandez pas d’entrer dans les détails : si jamais deux personnes travaillent sur la même carte au même moment, je ne sais pas du tout ce qu’il se passe.
Vraiment une bonne idée, que je suis en train de tester, et tout se passe de manière naturelle. Joel Spolky est vraiment toujours très novateur !