Articles

Affichage des articles du février, 2016

Drupal Webforms : comment envoyer les fichiers uploadés comme fichiers joints

Image
Webforms est, à mon humble avis, le meilleur module pour la gestion des formulaires de contacts sur Drupal 7 : il est versatile, facile à utiliser et fiable. Toutefois, il présente un défaut majeur en ce qui concerne la gestion des fichiers attachés : cette possibilité est tout simplement aux abonnés absents lorsqu’on configure les paramètres du formulaire. Il est néanmoins possible de la rajouter, voyons comment : Installez les modules Mail System et Mime Mail ; Activez les, en allant à admin/modules ; Repartez ensuite dans l’espace de configuration de votre webforms, dans la section « emails » Enfin, cochez la case « include files as attachments » qui est située en bas Cliquez sur ‘enregistrer’ . Jean Luc Houedanou

Meetup Wordpress Côte d'Ivoire : Développez de manière collaborative ce 05 mars 2016

Image
L’association WordPress Côte d’Ivoire organise le 05 mars, de 10 h à 12 h, au Tech Hub d’Akendewa ( plan Google Maps ici ) un meetup sur le sujet du développement collaboratif, avec en point d’orgue une présentation du site web et une séance de FAQ. C’est un évènement à ajouter dans votre agenda si vous faites partie de ceux et celles qui ont envie de découvrir les joies/migraines du développement collaboratif et d’en apprendre un peu plus sur la création de thèmes WordPress. L’entrée est gratuite, le wifi aussi et il y aura probablement un cocktail à la fin de la cérémonie, ce qui vous fait au moins une raison pour venir . C’est par ici pour l’inscription 

Comment créer des colonnes de hauteur identique avec jQuery.

Aujourd’hui, un simple bout de code – 2 lignes – en jQuery qui vous permettra de créer des colonnes de hauteur égales, en tenant des marges internes et externes de celle qui a la grande hauteur

Emmet Re:view , pour tester (rapidement) votre responsive design

Image
Emmet Re:view est une extension pour Chrome qui vous permettra de tester l’affichage du site web que vous êtes entrain de coder sur plusieurs types d’écran. Certes, il existe une multitude d’extensions qui remplissent plus ou moins bien le même office. Cependant, Re:view est un poil au dessus de la concurrence – dans laquelle j’inclus le mode responsive de Chrome – pour 3 raisons : Sa facilité d’utilisation : contrairement à d’autres, le test du responsive peut être lancé en un clic de souris; Il fonctionne en local : en d’autres termes, l’extension ne charge pas de scripts depuis une page web , ce qui représente un gain de temps fort intéressant;  Enfin, Re:view propose 2 modes de tests, «  Breakpoints View  » et «  Wall Device « . Le premier utilise l’ensemble des media queries présentes dans votre feuille de style pour créer une vue pour chacune correspondant à la largeur d’écran de celles ci. Quant au secon...

Abidjan in Motion : une vidéo (magnifique) en timelapse

NB : Regarder cette vidéo dans une résolution inférieure à 1080p est un crime passible de 3 mois d’emprisonnement. Plus sérieusement, le même genre de vidéos est disponible pour  Cotonou , Lomé et plusieurs autres villes du monde sur la chaîne Vimeo  de l’auteur , Mayeul Akpovi. Jean Luc Houedanou

J'ai testé ... Netflix depuis la Côte d'Ivoire

Image
Ci dessous mes réactions à chaud, une fois informé de l’arrivée de quelques grandes enseignes en Terre d’Eburnie.  Carrefour : bof, de toute façon je fais mes courses à Socofrais et à CDCI .   FNAC : Au diable la file d’attente à la caisse, les gens, leurs germes et microbes…j’achète mes bouquins sur Amazon, qui les envoie sur ma tablette, mon téléphone et mon ordinateur. Burger King : mouais, j’y ai été lorsque j’étais à l’étranger, et ça n’a pas été une expérience transcendante. C’est juste un fast food . Netflix : …    Ce serait un doux euphémisme de dire qu’il y a longtemps que j’attends l’arrivée de Netflix en Côte d’Ivoire . En effet, il ne s’est passé une semaine, depuis le lancement de cette plateforme, sans que j’entende vanter les mérites de cette dernière sur les réseaux sociaux . Qui plus est, il me tardait de trouver une alternative un peu plus légale et moralement acceptable en ce qui concerne mes choix en matière de streaming de films et séries : un greffon pour streame...

4 étapes pour sécuriser son site web Wordpress

Image
Il y a deux moments où on prend la sécurité d’un site propulsé par WordPress au sérieux : lorsqu’on se réveille un beau matin et que ce dernier s’est fait hacker et lorsqu’on se réveille un matin et que le site web propulsé par WordPress d’un client/d’un proche s’est fait hacker . Pour éviter de vous retrouver dans ces 2 cas de figure, voici 4 petits trucs que j’utilise pour protéger mes sites web propulsés par WordPress. 1. Installer et activer Clef.  Clef est un module qui vous permet d’avoir un moyen de vous connecter à votre site web propulsé par WordPress d’une manière un peu futuriste : sans utiliser un mot de passe. Si c’est possible …  le principe du service – gratuit, il faut le préciser – est de vous faire scanner une sorte de code barre animé – avec l’app mobile dédiée . Une fois les deux motifs/code barres synchronisés, le serveur de clef envoie une commande de login à v...

Emmet LiveStyle pour une édition bi-directionnelle du CSS.

Image
L’intégration web peut être un processus long et complexe, sauf dans les cas où on utilise les bons outils. Celui que je vais présenter aujourd’hui appartient à cette catégorie. Emmet – un nom qui ne vous est pas étranger si vous connaissez Zen Coding  . Sinon , informez vous ici – viens de sortir la version 1 « LiveStyle », une extension Chrome, un package Sublime Text et une application (Windows et Mac) permettant d’enregistrer dans Sublime Text les changements effectuéssur les feuilles de style dans les outils de développements de Chrome . En d’autres termes, LiveStyle permet une édition bi-directionnelle des css : les changements apportés aux feuilles de Sublime Text sont automatiquement ajoutés à Chrome , et ceux effectués dans les outils de développement Chrome sont automatiquement ajoutés dans Sublime Text, comme la vidéo ci dessous le montre . Impressionnant n’est ce pas ? Personnellement, ce plugin est l’une des raisons pour lesquelles...

Une astuce pour coder plus vite en css

Image
Aujourd’hui, je partage avec mes lecteurs qui codent du CSS une astuce qui permet d’aller un peu plus lorsque je fais de l’intégration web. Que dis je, beaucoup plus vite : combinée à plusieurs autres outils – que je présenterais plus tard – cette astuce me permet de coder 2 fois plus vite. Il s’agit en quelque sorte d’éviter de réécrire plusieurs fois les mêmes bouts de codes en CSS , en ayant recours à des classes standards. Pour ce faire, lorsque vous recevez votre maquette web – au format .psd Copiez la sur le site assets d’Adobe – https://assets.adobe.com  ; Une fois le document uploadé, cliquez sur l’onglet « extract »; Copiez ensuite les différents codes de couleurs dans l’encadré en bas à droite; Créez une classe css pour chaque code de couleur  par exemple .vertcitron{background:#9CBF20} et .textevertcitron{color:#9CBF20} Ecrivez ensuite vos fichiers html (astuce : cette étape va deux fois plus vi...

J'ai testé ... iWork

Aussi étonnant que cela puisse paraître, je n’ai presque jamais utilisé iWork . Certes, je l’ai installé et joué un peu avec – lorsque j’étais dans ma phase « tout sauf microsoft », mais au cours des années, ma préférence est allée à Open Office / Libre Office quand je travaille sur mon ordinateur et Google Drive lorsque je suis en déplacement.  Ce n’est qu’après avoir installé la dernière version de Mac OS et m’être rendu compte que ma « version de démonstration » d’iWork avait été mise à jour et transformée en version complète (avec licence officielle) que je me suis décidé à utiliser la suite office d’Apple. Voici donc mon compte rendu, qui, je l’espère , sera utile à ceux et celles qui se demandent si ils doivent acheter iWork. Pages  J’écris beaucoup de documents – des guides d’utilisateurs, des rapports , etc. – et j’ai besoin d’un outil me permettant de le faire de la façon la plus efficiente possible ...

3 communautés (web et ivoiriennes ) dédiées à Wordpress, Drupal et Joomla

Image
Aujourd’hui, je vous présente 3 groupes facebook dédiés aux cms grand public et open source les plus populaires des bords de la lagune ebrié. Il s’agit de WordPress Côte d’Ivoire  : Fondé par Arnold Welly et Regis Bamba , c’est un groupe de plus de 1000 membres, où les membres postent régulièrement des astuces, des tutoriels; il fait également office de « support wordpress » pour ceux qui débutent ou qui ont des soucis avec ce cms à y voir plus clair . Le site du groupe – qui est bien évidemment propulsé par WordPress – est en cours de finalisation  mais vous pouvez d’ores et déjà vous inscrire sur le groupe pour partager avec d’autres votre passion pour WordPress CIV Drupal Maker  : Fondé par Philippe Beclossa Kanga , ce groupe regroupe des utilisateurs de tous niveaux de Drupal : il se donne pour mission d’aider tout un chacun à maîtriser Drupal – qui comme on le sait, peut s’avérer particulièrement comp...

Comment changer la couleur de l'en tête et de la barre d'adresse de mon site web sur Chrome ?

Image
Si vous avez l’habitude de visiter des sites comme celui du guardian avec l’app Chrome installée sur votre téléphone, vous avez dû remarquer que la couleur de l’en tête ainsi que celle de la  barre d’adresse changent une fois arrivé sur la page d’accueil de ces sites. Ce n’est pas le fruit du hasard : cette déclinaison de couleur se fait en accord avec la charte graphique du site et permet ainsi d’accentuer le « branding » du site. Si vous êtes un développeur, vous vous demandez comment cela est possible : et bien, c’est aussi simple que de rajouter 3 balises meta dans la section <header> de votre site.    <meta content= »#000000″ name= »theme-color »/>  <meta content= »#000000″ name= »msapplication-navbuton-color »/>  <meta content= »#000000″ name= »apple-mobile-web-app-status-bar-style »/> où vous remplacerez  #000000 par le code css correspondant à la couleur que vo...