Lokoyote

Alors, pour ceux qui n’ont rien compris au titre, je vais faire simple : un « pattern » c’est une expression de code (expression régulière) que vous créez et qui sert à vérifier si ce que l’on a entré dans le champs (ici pour un mail) est bien de la forme monmail@exemple.com (par exemple).

Le code est le suivant : https://jsfiddle.net/cgh7ndup/

On crée un objet de type champs (« input ») qui est lui-même de type email (« type=email ») que l’on nomme email (« name=email ») sur lequel on inscrit un exemple de ce que l’on attend (« placeholder= ex: mail@monmail.com ») et qui doit être obligatoirement complété (« required »).
Si on laisse les paramètres par défaut et que vous écrivez ce mail : test@
puis que vous enlevez le curseur du champs (en cliquant ailleurs sur la page), ce dernier doit s’entourer de rouge, vous indiquant que votre mail est faux (et il l’est, « test@ » n’est pas un mail valide).

En revanche, si vous indiquez le mail suivant : test@test
Et que vous enlevez là aussi le curseur du champs, cette fois-ci le champs ne devient plus rouge alors que votre mail n’est pas exact puisqu’il manque le suffixe/la fin (.fr, .com, etc) (donc comportement anormal de la détection).

Essayez :

Et c’est ce qui rend fort intéressant le pattern !

Ce qui m’étonne encore c’est pourquoi cette « erreur » n’a pas été corrigé depuis le temps, à croire que personne ne s’en est rendu compte…

Pour corriger ça, je vous propose d’ajouter le pattern suivant dont je me servais sur Pluxml et pour lequel je n’ai pas eu de problème.
Le voici : pattern="[a-zA-Z0-9._-]+@[a-zA-Z0-9._-]+.[a-zA-Z.]{2,15}"

Alors, comment ça se lit ?

On dit qu’avant le « @ », on accepte toutes les lettres minuscules et majuscules et qu’en plus, on accepte les points, les tirets et les tirets bas (underscore, touche 8 du clavier).
Puis après le « @ » on accepte toutes les lettres, des points et des tirets/tirets bas.
Puis pour le suffixe, on impose une limite de caractères (seulement des lettres et dont le nombre varie de 2 à 10 lettres) (ça marche donc aussi pour le « .co.uk » des Anglais).

Vous pouvez essayer de compléter avec un « test@test » et ça ne marchera pas cette fois ;)

Essayez :

http://jsfiddle.net/ueLm7e1h/

— — —
Je rajoute une vidéo de Grafikart.fr, qui fait de très bonnes vidéos sur le web design je trouve :

Je partage quelques sites que je cherchais depuis un petit moment.
Permet de créer des infographies dans ce genre : http://www.whoishostingthis.com/blog/wp-content/uploads/2014/07/How-to-be-a-google-power-user-1.jpg

Sait-on jamais, ça peut servir :D et tout ça gratuitement (normalement…)

• http://piktochart.com/
• http://infogr.am/
• http://www.gliffy.com/
• http://www.easel.ly/
• http://www.visme.co/

Windows 10 tout support

Depuis peu, l’annonce officielle de Windows 9 s’est fait entendre et devrait être déployée en Avril 2015, cependant, là où Windows nous troll c’est qu’en fait cette version ne serait qu’une màj de windows 8.1 (un windows 8.2 en quelques sortes) et qu’en réalité la véritable version à attendre est celle de Windows 10 ! (Pour 2015 aussi)

La raison ?

Un noyau commun à toutes les plateformes et l’uniformité du système. Pourquoi pas. Mais surtout, une vrai version compatible PC, parce que bon, c’est pas que, mais les gros carrés à part bouffer de la place sur un écran PC ça ne sert pas à grand chose avec un curseur.

Pour en savoir davantage, je vous laisse suivre sur l’article de Zdnet (vous remarquerez le bô tableau avec les parts de marché de chaque version de Windows)
La preview (démo) est dispo sur le site de Microsoft : http://windows.microsoft.com/fr-fr/windows/preview

Maintenant la vrai question : version payante ou mise à niveau gratuite ?