Developpement Web
Encoder / cracker le md5 à la volée
L’algorithme MD5 (pour Message Digest 5) est une fonction de hachage cryptographique très populaire sur internet, abondement utilisée par les webmasters à travers le monde. La caractéristique principale de cette empreinte cryptographique est que l’application algorithmique est à sens unique : on peut calculer l’empreinte à partir d’un l’objet initial mais il est totalement (enfin en théorie) impossible de reconstruire l’objet initial à partir de l’empreinte… A ce jour, et même s’il n’est plus considéré comme sà»r, il constitue un véritable standard de vérification des données. En attendant un nouveau mode de hachage cryptographique de remplacement (sans doute le SHA1, [...]
Un système de vote à la mode widget
Il est désormais incontournable pour tout site web 2.0 proposant un systèmes de votes d’insérer des ‘rating stars’ en lieu et place des traditionneles boutons radios et autres menus déroulants. Oui mais voilà , devant le florilège de widgets prêts à l’emploi existant sur la toile il est parfois difficile de faire son choix. Entre effets de fondus, action de validation automatique ou non, dépendances de framework, simplicité d’intégration et autres réjoissances plus ou moins utiles que choisir? En ce qui me concerne j’opte pour le Starry widget de Chris Iufer. Très facile à implémenter il vous permet en quelques [...]
Sécuriser vos dossiers avec .htaccess/.htpasswd
Voici un tutorial bien pratique pour créer vos fichiers .htaccess/.htpasswd et gérer facilement l’accès à certaines parties de votre site web. Un classique ! Sans rentrer dans les détails des diverses utilisations possibles des fichiers .htaccess, sachez que ce sont des fichiers de configuration des serveurs web Apache. Ils peuvent être placés dans n’importe quel répertoire du site web (la configuration s’applique au répertoire et à tous les répertoires qu’il contient) et peuvent être utilisés pour créer des redirections, écrire des messages d’erreur personnalisés, modifier les droits d’accès à un site, etc. bref voici donc un petit tutorial de 4 [...]
Un menu déroulant avec tous les pays du monde
La présence d’une sélection de pays via un menu déroulant sur un formulaire est quasi-systématique de nos jours. Le problème, c’est qu’on n’en trouve jamais quand on en a besoin…. Voici donc un outil de création d’une liste exhaustive (en anglais malheureusement) regroupant tous les pays du monde dans un menu déroulant prêt à l’emploi. Sélectionnez l’entrée par défaut et cliquez « create dropdown »… vous n’avez alors plus qu’à copier/coller le code généré.
Intégrer un éditeur de texte WYSIWYG sur vos formulaires
Dans la lignée des WYSIWYG (« ce que vous voyez est ce que vous obtenez » en français), voici NicEdit, un éditeur de texte en AJAX ultra léger, design et multiplateformes (opéra, firefox, IE..) ! Il ne propose certes pas d’options de mise en forme exhaustives, mais sa facilité d’intégration déconcertante en fait un outil idéal pour mettre en page votre contenu web à la volée.
Verification de formulaires côté client
Les formulaires sur internet, à la fois indispensables et pénibles… Pénibles pour le webmaster qui doit à la fois se prémunir de toute erreur de saisie et éviter les éventuelles failles de sécurité, pénibles pour l’utilisateur qui doit souvent s’y reprendre à plusieures reprises avant de pouvoir le valider. D’une façon générale, les formulaires (s’ils sont bien conçus) sont vérifiés 2 fois : une fois côté client, une fois côté serveur. Sachant qu’il est possible de faire 85% des vérifications pénibles pour l’utilisateur côté client (les 15% restant correspondent aux visiteurs ayant désactivé le javascript de leur navigateur), autant que [...]
1000 scripts gratuits dans la caverne d’Alibaba de l’AJAX
Merveilleux, splendide, incroyable…! Les superlatifs me manquent pour désigner cette fabuleuse gallerie de scripts ajax gratuits. A ce jour, vous trouverez sur Ajax Rain plus de 1000 scripts absoluments démentiels écrits dans le language (Ajax) du même nom. Il y en a pour toutes les librairies (jQuery, mootools, scriptaculous, protoype..) et pour tous les goà»ts (autocompleters, lighboxes..). Bref, l’idéal pour façonner votre site dans la mouvance web 2.0. Sans aucun doute un must !
Du eye-tracking gratuit pour tester son ergonomie
Feng Gui : voici un site original, intéressant, simple et surtout gratuit relatif au eye-tracking, cette technique permettant de suivre le parcours de l’oeil d’un utilisateur sur un site web. Bien que je ne sois pas entièrement convaincu par leur algorythme de génération de leur « HeatMap » ce genre d’étude se paie en général assez cher, donc l’existance de ce service en ligne est quoi qu’il arrive une bonne opportunité, à tester donc. Concrètement il suffit d’aller sur leur site, de taper l’url du site à eye-tracker (ou d’uploader une image), de valider et d’attendre quelques secondes l’affichage de la vision [...]
Optimiser ses CSS en ligne
Voici un superbe outil gratuit dédié à l’optimisation de vos feuilles de styles en ligne : Clean CSS. Contrairement aux nombreux sites proposant ce type d’optimisation, ici ça marche… (ce qui n’est loin d’être toujours le cas). Sans doute l’un des meilleurs outils du genre. Ah oui mais au fait : pourquoi optimiser sa css? Tout simplement pour économiser de la bande passante! Imaginez que vous ayez une feuille de style non optimisée de 20Ko et une optimisée de 10Ko : à chaque nouveau visiteur (parce qu’à priori les anciens visiteurs aurons la CSS de gardé en cache dans leur [...]
