Le blog de Jean-Luc Houédanou

  La création de templates personnalisés pour Joomla est un exercice aisé . Ici, nul besoin de « loop » ou de plusieurs fichiers « tpl.php » . On conçoit le fichier index.php, on y insère les <jdoc> et le code permettant au fichier de communiquer avec Joomla , on écrit le css et enfin on code le fichier templateDetails.xml.  Toutefois, il se peut qu’on rencontre quelques pierres d’achoppement une fois le template installé. Par exemple, on peut se retrouver dans le cas de figure où plusieurs des écrans de l’interface de gestion – tels le gestionnaire des modules, le gestionnaire des templates – renvoient les erreurs suivantes : Derrière ce jargon technique – qu’il faut quand même prendre le temps de lire – se cache un message on ne peut plus simple : votre fichier templateDetails.xml est mal écrit. La solution est tout aussi simple que le problème : il faut corriger le fichier concerné . De façon concrète, il faut vérifier q...

  J’ai récemment eu à intégrer un thème Drupal, dont le designer souhaitait un effet de recouvrement lors du passage d’une <div> à l’autre. L’effet en question est une transition particulière sur une page donnée où on trouve plusieurs <div>, ayant toute la hauteur la fenêtre du navigateur. La première <div>, appelons la div1 ainsi que son contenu sont en position fixe. La <div> suivante, nommons la div2, défile normalement , recouvrant div1 , jusqu’au moment où sa limite/bordure supérieure atteint le haut de l’écran . A cet instant, div2 , ainsi que son contenu, se mettent en « position:fixed », pour être recouverte par la div suivante, div3 lors de son défilement. Et ainsi de suite jusqu’à épuisement des div présentes sur la page . En pratique, ça donne quelque chose comme ça : le mouvement des différents <div> sur la page, ainsi que leur positionnement fixe séquentiel donne un facteur wow à la page . Couplé à u...

Vous achetez un ordinateur portable Toshiba , flambant neuf et tournant sous Windows 8. Vous vous rendez compte, lors du premier lancement de l’ordinateur, que Norton Internet Security, l’antivirus préinstallé par les soins de Toshiba, protègera votre ordinateur pendant 30 jours . Après cette période, il faudra passer à la caisse. Vous décidez alors de désinstaller Norton Internet Security et d’installer un antivirus gratuit , mais performant :  AVG Free. Mieux, vous décidez de désinstaller  les autres logiciels superflus préinstallés par Toshiba – jeux et applications – afin de faire un peu le ménage . Vous installez ensuite AVG. Une fois AVG installé, et l’ordinateur redémarré, un “écran bleu de la mort” s’affiche. Il y est inscrit le message d’erreur suivant : Invalid Process Attach Attempt Le problème La bonne nouvelle ici est que le problème à l’origine de ce plantage n’est pas matériel, mais plutôt lié aux pilotes et logiciels installés préinstallés par Toshiba. ...

J’ai trouvé, depuis que j’utilise Droid Edit Pro , un modèle de coloration syntaxique dont je ne peux plus me passer, probablement parce qu’il est basé sur les couleurs du terminal de Linux . En termes plus clairs, je sors de ma phase “monokai” pour entrer de plain pied dans ma phase “vintage terminal”, qui devrait s’achever d’ici à deux ou trois mois. En attendant, j’ai créé un color scheme pour komodo 8.5 qui émule les couleurs du terminal de Linux : les nuances de vert utilisées permettent d’avoir, en toute objectivité, une coloration syntaxique adaptée pour le CSS, le javascript, le HTML (5) ainsi que le PHP. C’est par ici que ça se passe pour le téléchargement. Personnellement, je vous recommande de l’utiliser avec le skin SpaceModo ( téléchargeable ici ) et la police Droid Sans Mono ( téléchargeable ici ). La prochaine étape consistera probablement dans la création d’un créer un thème similaire pour firebug .  Le même thème est également disponible pour Fi...

Faire de la programmation avec une tablette numérique est, pour beaucoup, une idée saugrenue . Certains diront même que c’est une notion proche de l’absurde, étant donné qu’une tablette numérique n’est pas un outil permettant de produire du contenu, mais plutôt d’en consommer et que ce genre de tâches sérieuses doivent être réalisées avec un ordinateur .   Personnellement, je ne suis pas du même avis . Je pense qu’il faut replacer les choses dans le bon contexte : en effet, tant et aussi longtemps qu’il s’agit de faire des corrections d’appoint ou des débogages urgents ( comme un “ ; ” oublié dans un script php qui entraine le plantage d’un site web), une tablette dotée d’une connexion wifi et pouvant accéder à un serveur ftp peut s’avérer être un outil d’une grande utilité. Surtout lorsqu’on est loin de son ordinateur . Ou quelque part, vautré sur un canapé Par contre, lorsqu’on se lance dans un projet de création de site web ou de web app, il est préférable d’utiliser un lap...

Post rapide : Ci dessous un bout de code css qui vous permettra de générer des boutons en CSS3, avec les couleurs des réseaux sociaux auxquels ils renvoient. A utiliser sans aucune modération. Loading ….

Le « parallax lors du défilement de la page  » – traduction littérale de Parallax Scrolling  – est une technique de webdesign qui consiste à faire défiler l’arrière plan d’une div à une vitesse différente de son contenu. Mais si, vous savez ce que c’est : regardez l’effet sur l’arrière de votre profile twitter, et vous aurez une bonne idée de ce qu’est l’effet parallaxe. En gros, ça donne quelque chose comme ça . Oui …  c’est, avec le flat design, l’une des techniques les plus utilisées actuellement en matière de webdesign . C’est d’ailleurs la raison pour laquelle plusieurs plugins et tutoriaux sont consacrés à la création d’un effet parallaxe. La plus simple – donc ma favorite  – est le code ci dessous : il est basé sur le tutoriel «  A Simple Parallax Scrolling Technique  » dont j’ai modifié un peu le script (afin d’assigner $(window) à une varia...

Que vous fassiez partie de ceux et celles qui ont acquis des bitcoins par curiosité ou que vous apparteniez au groupe plus restreint de ceux et celles utilisant le système de paiement BitCoin de façon régulière, la valeur réelle de vos bitcoins en espèce sonnantes et trébuchantes vous intéresse. Preev est un service en ligne qui permet de répondre à cette question. Ce site web propose un formulaire qui vous permettra de connaître le taux d’un change d’une unité de BitCoin par rapport aux monnaies traditionnelles (dollar US, Euro, etc.). Cliquez ici pour l’essayer Personnellement, je suis toujours entrain d’essayer de comprendre comment fonctionne le système derrière cette monnaie virtuelle . Photo par Dry2

Où trouver, légalement, des vidéos gratuites, de qualité en haute définition et, si possible, sous licence creative commons ?  Je parie que vous vous êtes plus d’une fois posé cette question . Heureusement pour vous, j’ai découvert la réponse à cette question, après avoir fouillé les tréfonds de l’internet. Elle tient en un mot, d’ailleurs fort exotique : Mazwaï . Cette plateforme propose au téléchargement des vidéos dans les format . mp4 et . webm : vous pourrez faire votre choix après avoir survolé la miniature correspondant à la vidéo que vous souhaitez télécharger. Cela dit,  l’étendue du catalogue est, pour l’instant, un peu limitée : il me semble qu’il y a de la part des administrateurs du site web une volonté manifeste de privilégier la qualité par rapport à la quantité. Mais de vous à moi, on ne va pas se plaindre, vu l’excellente qualité des vidéos .Personnellement, ce site web est devenu une de mes ressources indispensable ( au m...

  Tout codeur/developpeur/intégrateur s’est déjà trouvé dans la situation où il reçoit un e mail indiquant une correction urgente à faire sur le site web d’un client. Et ça peut être un grand moment de détresse lorsque le dit e-mail arrive lorsque le dit codeur se trouve dans une salle d’attente ou dans un endroit où il ne peut accéder à Internet qu’en utilisant sa tablette ou son smartphone . Heureusement,  une solution existe. Elle se nomme Codeanywhere et permet,  comme son nom l’indique,  de coder partout,  que ce soit sur un ordinateur de bureau, un laptop  ou – dans le cas qui nous intéresse – une tablette ou un smartphone. Personnellement, je la trouve très réussie : à l exception de quelques déconnexions intempestives ,  l’interface permet d accéder aux fichiers hébergés sur un serveur FTP ou un compte github en quelques clics.  Une rangée supplémentaire est présentée,  en haut du clav...

Ma découverte du jour est une bibliothèque d’images gratuites .  Une bonne partie des photos y étant disponibles sont de très bonne qualité, et vous permettront d’agrémenter l’arrière plan de vos sites web avec des images de toute beauté. A utiliser sans modération pour les arrières plans de vos site web- mais n’oubliez pas de donner le crédit à l’auteur des images. Splashbase.co

Bon plan du jour : la plateforme web GraphicStock propose de télécharger légalement et gratuitement l’ensemble de son catalogue, soit 250 000 images, textures et arrières plans. En contrepartie, GraphicStock vous demande de fournir un numéro de carte de crédit / visa prépayées – qui ne sera débitée que si vous prolongez votre abonnement une fois les 7 jours d’essai terminés. Après avoir un tour (rapide) sur le site , j’en suis arrivé à la conclusion que cette offre est autant qualitative que quantitative. Il serait dommage de ne pas en profiter : pour ce faire :  Cliquez ici pour y ouvrir un compte (gratuit)