Les nouveautés HTML 5.1

Le W3C (World Wide Web Consortium) à officialisé le 1er novembre 2016 la version 5.1 du HTML. Le développement de cette version 5.1 avait débuté le 17 décembre 2012 et été validé le 1er novembre 2016. Nous allons voir dans ce post les principales nouveautés disponibles avec la version 5.1.

Tout d'abord vous pouvez accéder ici à un tableau qui récapitule les nouveautés et les améliorations sur les anciens composants.

Mini-site (un site monopage à onglets) html – css3

Une application web monopage (en anglais single-page application ou SPA) est une application web accessible via une page web unique. Le but est d'éviter le chargement d'une nouvelle page à chaque action demandée, et de fluidifier ainsi l'expérience utilisateur. Deux méthodes existent pour ce faire : soit on charge l'ensemble des éléments de l'application (contenu, images, CSS et JavaScript) dans un unique fichier HTML, soit on récupère et affiche dynamiquement les ressources nécessaires en fonction des actions de l'utilisateur. Le terme a été introduit par Steve Yen en 2005. (Wikipédia)

Nous n'avons qu'une seule page html contenant plusieurs onglets.

Créer des catégories avec jQuery

Comment créer à l'aide de jQuery des catégories et utiliser leurs scopes pour trier des éléments présents dans le DOM ?

jquery

Problème:

Mon code m'affiche une liste de boutiques d'une même enseigne sur l'ensemble des villes françaises. Cette liste ne fait l'objet d'aucun tri. J'ai besoin de créer 3 groupes bien distincts de boutiques:

  • Les boutiques sur Paris
  • Les boutiques en région parisienne
  • Les boutiques en province

Comment charger les polices web sans tuer la performance

Web_fonts

Les polices personnalisées sont parfaites pour donner un look sympa à notre site. Cependant elles ont un inconvénient : le comportement des navigateurs est de ne pas montrer le texte tant que la police de caractère qu’il doit utiliser (d’après notre CSS) n’est pas disponible. Autrement dit, pendant que la police se télécharge, aucun texte n’est visible sur le site !

Vorlon.js simplifie le debug web à distance

logo vorlon js

Vorlon.js est un outil permettant le debug web à distance et multiplateforme. L'idée de ses créateurs (quelques évangélistes Microsoft) est de pallier les problématiques du debug de site web sur mobile. Il faut en effet utiliser des outils propriétaires pour chaque plateforme, que ce soit sur Chrome pour Android, Safari pour iOS, et IE pour Windows Mobile. Il existe pourtant bien un outil qui s'appelle Weinre, mais son interface n'est pas la plus agréable et il ne fonctionne que sous Chrome.

Dans cet article je vais donc vous présenter Vorlon.js dont l'objectif est de se rapprocher au maximum des outils de debug tels qu'on les connait dans les navigateurs avec F12, le tout à distance.

Vérifier les emails avec www.mail-tester.com pour éviter d’être considéré comme spammeur

keep-calm-and-stop-spamming

Sur un site web, il est assez fréquent que l'on soit amené à envoyer des mails suite à diverses actions. Dans nos développements, il nous incombe de faire l'habillage de ces mails, et ensuite de les tester sur différents clients de messagerie. Mais voilà, certains mails peuvent être considérés comme spams, je vous propose donc dans cet article de découvrir l'outil www.mail-tester.com qui vous permet de voir si vos mails sont considérés comme spams mais aussi d'améliorer vos envois.