Archive for category: Web-Dev

FooTable, des tableaux qui s’adaptent à vos écrans (RWD)

15 Dec
December 15, 2012

Les tablettes et autres smartphones n’étaient pas très amis avec les tableaux. Affichage partiel ou information tronquée, tel était le dilemne. FooTable, un plugin Jquery, vient élégamment résoudre le problème.

Le principe? Lors de la construction du tableau, il suffit d’attribuer une class aux colonnes qui seront cachées pour certains périphériques en fonction de la taille de leur affichage. Ainsi seules les colonnes importantes s’affichent, laissant ensuite le soin à l’utilisateur d’afficher telle ou telle autre donnée.

Cela donne un code de type

<table>
      <thead>
        <tr>
          <th data-class="expand">
            Prénom
          </th>
          <th>
            Nom
          </th>
          <th data-hide="phone,tablet">
            Métier
          </th>
          <th data-hide="phone,tablet">
            Téléphone
          </th>
          <th data-hide="phone">
            Status
          </th>
        </tr>
      </thead>

Il suffit de définir ensuite les breakpoint, par exemple

breakpoints: {
  phone: 480,
  tablet: 1024
}

A découvrir sur http://themergency.com/footable/

Liens du jour

22 Aug
August 22, 2008

Quelques liens en vrac:

Bye-bye le spam dans les commentaires

17 Jul
July 17, 2007

Trouvé chez emob, une excellente astuce pour luttter efficacement contre le spam envoyé via un formulaire. Ce petit “tips” permet d’éviter le sempiternel captcha qui est souvent détourné par les robots d’ailleurs. Les robots remplissent tous les champs. Il suffit d’ajouter dans le formulaire un champ caché par CSS (visibility:hidden). Le visiteur humain ne le verra pas alors que le robot spammeur le remplira. Il suffit ensuite de filtrer sur ce champ rendu invisible et le tour est joué… jusqu’à ce qu’un bot intelligent contrôle cette option de visibilité 🙂

Wiki… oui mais lequel

27 Jun
June 27, 2007

Longtemps je me suis demandé quel wiki implémenter pour des néophytes.
MediaWiki semblait complet mais un peu complexe. Mes collègues ‘unix’ penchaient plutôt vers DokuWiki simple et convivial.
Ollie m’a fait découvrir un nouveau wiki, wikkawiki. Personnellement je ne l’ai pas encore testé, mais c’est surtout le site qui lui a permis de trouver ce logiciel qui m’a mis l’eau à la bouche: WikiMatrix.
WikiMatrix permet de comparer de manière très fine les différents wiki, des tags utilisés aux logiciels requis en passant par le degré de maturité, etc…
Un assistant permet d’effectuer une première sélection… vraiment très intéressant… merci Ollie.
wikimatrix.png

Un bel usage d’Ajax ou comment améliorer la usability de son site

21 May
May 21, 2007

Au détour d’un article sur Ajaxian – un excellent site sur les ressources Ajax, j’ai découvert un outil assez fabuleux: tapefailure.

Il réalise élégamment le rêve des concepteurs web: pouvoir déterminer comment navigue et réagit un utilisateur sur vos pages web. Autrefois, ceci nécessitait d’avoir un laboratoire pour enregistrer les mouvements des utilisateurs ou de capturer la chose depuis une machine. Avec tapefailure, la chose se fait par Ajax. Vous obtenez ainsi des statistiques de fréquentation assez simples.

Mais l’outil qui me plaît le plus est l’enregistrement des pages et des mouvements de la souris ainsi que les emplacement de clics… tout cela sans autres outils que du JavaScript bien traité à la sauce Ajax. La mise en place se fait par une inscription chez tapefailure puis par l’appel dans vos pages, à un petit script.

L’outil souffre encore de quelques problèmes de jeunesse notamment lorsque ce sont des formulaires qui sont soumis ou dans des applications avec justement de l’Ajax, mais il peut être intéressant pour des besoins précis, bien ciblés et restreints.

tapefailure

Tapefailure ‘rejoue’ la séquence de l’internaute et indique les endroits où ce dernier a cliqué

Ajax mini mais costaud

04 Mar
March 4, 2007

Via Presse-Citron, MiniAjax est une page qui regroupe la crème de l’Ajax.
Plus besoin de parcourir de nombreux site, les voil réunis et facilement accessibles. Notons les petits onglets (AjaxTab) que j’affectionne particulièrement ou encore le dérivé de l’excellente Lightbox pour une saisie de texte.
Une page garder sous la main…

Vos plug-ins favoris

29 Nov
November 29, 2006

Après-midi exploratoire… j’ai exploré le monde des plug-ins wordpress et des différents développement pour voir ce qui pourrait être intéressant dans un contexte de déployement de WordPress en tant que CMS.

La liste est longue… très longue… de chenpress pour avoir un éditeur WYSIWYG au album photos… mais ce que j’aime bien c’est pouvoir recevoir l’avis de celles et ceux qui ont expérimenté déj telle ou telle chose.

Alors les commentaires sont ouverts pour livrer vos plug-ins WordPress ou widgets favoris, ou pour toute autre expérience heureuse/malheureuse avec des plug-ins.

Je ne peux que m’incliner bien bas pour vous remercier de vos infos

Bien fragiles ces serveurs…

23 Nov
November 23, 2006

Triste expérience que celle d’un crash. Une vilaine coupure d’électricité dans toute la région a mis sur les genoux mon serveur. Bon c’est vrai qu’il tourne depuis 4 ans et que je n’ai pas d’onduleur, mais tout de même… Résultat des courses, le disque système remplacer et surtout un réinstallation complète. Les données sont sauvegardées mais cela me servira de leçon: je vais sauvegarder régulièrement le système ou du moins les fichiers de conf qui constituent une galère reconfigurer… allez j’y retourne 🙂

Générateur RTF petit prix

18 Nov
November 18, 2006

Soucieux de faire converger les médias et d’éviter la ressaisie des données, je me suis lancé dans la recherche d’une class ou d’un script PHP permettant de générer du RTF. Une contrainte a limité ma recherche: cela devait tourner sur du PHP 4.3… dommage car de belles class existaient pour PHP 5.
Bref, après avoir testé plusieurs class et autre générateurs, deux ont retenus mon attention.

RTGen
Cet outil se décline en version libre jusqu’ 400 Euros pour le développement que je désirais. En version gratuite, le formatage du texte n’était pas pris en compte, alors que la verison professionnelle gérait les styles.
http://www.smartsystems.ro/rtfgen.html

Paggard Class
L’autre outil trouvé était une classe PHP assez simple d’accès et qui me permettait de gérer ce que je désirais, savoir les tableaux et différentes mises en forme. Son prix était la portée de ma bourse, 58$.
http://www.paggard.com/projects/rtf.generator/toorder.php

RTFGen remplissait toalement mon cahier des charges, mais son prix élevé – pour une organisation but non lucratif… c’est vrai que pour une entreprise, le prix ets raisonnabe – m’a fait choisir son concurrent, même si je regrette l’abence de gestion des styles. J’y jetterai un coup d’oeil un de ces quatre pour étendre la class en respectant les normes RTF (ui n’en sont pas vraiement d’ailleurs…).

Mon but est finalement atteint: avec un développement léger, la saisie de la description des gorupes paroissiaux se fait en une fois, pour le web et pour la version papier disposée au fond des églises. Pourquoi réinventer la roue…

Captcha et PHP

12 Sep
September 12, 2006

A la recherche d’un script permettant de me générer un captcha (un détecteur de manipulation humaine en gros), je suis tpombé sur un script pas mal fait et pratique utiliser: cryptographp.

En quelques clics de souris, ce petit outil est inséré dans le formulaire d’une page.

Reste plus qu’ insérer un appel pour la session ( session_start(); ) et l’image ( ).

Le tout sera testé automatiquement lors de la publication du formulaire avec un simple test conditionnel (if ($_SESSION['cryptcode'] == md5($_POST['code'])) { echo "OK"; } else { echo "ERREUR"; }).

Le fichier de configuration permet de modifier rapidemnt de nombreux paramètres comme la déformation du texte (angle, taille, police) ainsi que les couleurs de texte et de fond.
Ce script requiert PHP 4.3 minimum et la librairie GD.
Lien: http://www.cryptographp.com