Blog Tech

Une technique simple de lien distant en CSS

web 3
A ce point ?PassableIntéressantYeahExcellent! (3 vote(s), 4,33/ 5)
Loading...

Voici une technique en CSS pur de sélection de lien distant ("remote link") :

» Lire la suite

Suivez les standards avec le framework SenCSs

web 6
A ce point ?PassableIntéressantYeahExcellent! (Votez !)
Loading...

SenCSs est un framework CSS Open-Source (MIT) qui ne vous fournit pas de support de mise en page mais qui vise à prendre en charge tout le reste :

  • polices et tailles de polices
  • paddings
  • margins
  • couleurs
  • tableaux
  • listes
  • blockquotes
  • etc.

Le framework est en fait composé d'un seul et unique fichier CSS que vous pouvez utilisé comme base lors de l'élaboration d'un site web. Il permet d'effectuer un reset de certaines proprietés CSS permettant d'obtenir un rendu identique (ou presque) sous tous les navigateurs.

Oubliez les galères d'alignement et le décallages CSS » Lire la suite

Testeur d’expressions régulières Javascript en ligne

web 2
A ce point ?PassableIntéressantYeahExcellent! (Votez !)
Loading...

Pas facile d'écrire les bonnes expressions régulières lorsqu'on ne les manipule pas régulièrement.

Pour valider vos expressions régulières sans avoir à bidouiller votre code, je vous propose de les essayer directement en ligne via le testeur d'expressions régulières de QuentinC :

» Lire la suite

Validation instantannée d’un formulaire en AJAX

web 4
A ce point ?PassableIntéressantYeahExcellent! (4 vote(s), 4,25/ 5)
Loading...

Les formulaires sont à mon avis un des aspects le plus frustrants que l'on peut rencontrer sur un site web, cela pour plusieurs raisons :

  • Trop d'informations vous sont généralement demandées
  • Absence d'information concernant le type de donnée à entrer au clavier
  • En cas d'erreur il vous faut généralement tout retaper (sauf si le webmaster a pris soin d'utiliser des sessions, ce qui lui complique la tâche)

Les formulaires mal pensés sont source de perte de visiteurs, surtout lorsque la concurrence est rude... Bien que cela puisse être également un bon frein si votre service rencontre trop de succès, mais ce cas est bien assez rare 😉

La meilleure façon pour rendre ces formulaires un peu moins rebuttants est d'implanter un système de validation en temps réel. Pour cela, le méthode la plus appropriée est ne validation gérée par de l'AJAX. De cette façon un formulaire ne pourra être envoyé qu'une fois toutes les conditions satisfaites.

Pour ce faire je vous propose d'utiliser le script LiveValidation. Son utilisation est simple, propre et fonctionnelle et vous évite à recoder la roue, alors pourquoi s'en priver ?

Le script s'adapte très bien à vos exigences de part ses nombreuses possibilités. Vous pouvez par exemple contrôler les champs à l'envoie du formulaire ou à la frappe, combiner plusieurs méthodes de vérification (inclusion, exclusion, type de données, etc.).

C'est un script très complet qui vous fera gagner en temps mais également en notoriété 😉

Télécharger LiveValidation

[Javascript] Auto-focus sur formulaire de dates

web commenter
A ce point ?PassableIntéressantYeahExcellent! (1 vote(s), 4,00/ 5)
Loading...

But : changer automatiquement le focus sur un formulaire de saisie de date

Si vous développez des sites internet/intranet ou bien des applications web vous demandez peut-être à vos visiteurs de saisir une date (de naissance, de rendez-vous, de début, etc.).

Personnellement, je trouve assez lourd de proposer un champ découpé en trois entrées sur lesquelles il faut appuyer sur TAB ou bien cliquez dans celle que l'on souhaite pour passer à la case suivante.

A cela vous avez deux solutions :

  • n'utiliser qu'un seul champ de type : "jj/mm/aaaa" ou "jjmmaaaa"
  • réaliser un changement de case automatique dès que l'un est remplie

C'est la deuxième solution que je vous propose de découvrir 🙂 » Lire la suite

Highslide JS (librairie javascript)

Dév, web 9
A ce point ?PassableIntéressantYeahExcellent! (5 vote(s), 3,60/ 5)
Loading...

Description : Highslide JS est une librairie écrite en Javascript qui améliore l'utilisation les aperçus (thumbnail) d'images.

Licence : Elle est gratuite pour une utilisation non commerciale (site perso, éducation et tout autre site non commercial). Pour une utilisation commerciale (au sein d'une entreprise par exemple) il vous en coûtera 30 dollars. » Lire la suite