Archives de catégorie : HTML

L’Hypertext Markup Language, généralement abrégé HTML, est le format de données conçu pour représenter les pages web. C’est un langage de balisage permettant d’écrire de l’hypertexte, d’où son nom. HTML permet également de structurer sémantiquement et de mettre en forme le contenu des pages, d’inclure des ressources multimédias dont des images, des formulaires de saisie, et des programmes informatiques. Il permet de créer des documents interopérables avec des équipements très variés de manière conforme aux exigences de l’accessibilité du web. Il est souvent utilisé conjointement avec des langages de programmation (JavaScript) et des formats de présentation (feuilles de style en cascade). HTML est initialement dérivé du Standard Generalized Markup Language (SGML).

Site officiel

Wikipedia

Yeoman

Yeoman est un outil qui va vous permettre de démarrer un projet web en un instant en utilisant la plupart des outils front-end disponibles aujourd’hui.

En effet, avec tous les outils actuellement à disposition des développeurs front-end, commencer un nouveau projet peut s’avérer être un vrai casse tête :

  • Télécharger les librairies JavaScript nécessaires au projet (jQuery, Angular…)
  • Télécharger les bootstrap CSS (Twitter, Foundation…)
  • Créer les tâches Grunt
  • Configurer le serveur de développement

Le but de Yeoman est de résoudre ce problème à travers des générateurs qui vont vous permettre de mettre en place vos projet en un clin d’œil.

GitHub

Site officiel

BrowserStack

BrowserStack – Tester son site sur les différents navigateurs.

Au-delà du fait que vous pouvez tester votre site sur Internet Explorer (6, 7 ou 8), BrowserStack vous permet de tester votre site sur une grande partie des navigateurs de toutes les plateformes.

Voici quelques exemples de tests que vous pouvez réaliser :

  • Navigateur iOS iPhone et iPad
  • Navigateur Android téléphones et tablettes
  • Windows XP à Windows 8
  • OS X (Apple)

BrowserStack ne vous fournit pas simplement un screenshot de votre site internet, il vous propose un rendu live du navigateur pour pouvoir interagir avec votre site. Cela peut s’avérer très pratique, surtout pour les animations, transitions …

Site officiel

Source

 

Prefetch (pré-chargements)

En HTML5 on peut spécifier de pré-charger différents éléments pour amélioration la navigation.

prefetch va déclencher le pré-chargement du fichier mentionné par le lien (attribut href), afin de le placer en cache.

 dns-prefetch va exécuter une requête DNS par anticipation, pour résoudre un nom de domaine en adresse IP, sans attendre de le rencontrer dans le code source de la page ou d’une page suivante. Ces requêtes peuvent parfois nécessiter quelques dizaines de millisecondes, et il y en a d’autant plus qu’un document fait appel à des ressources issues de domaines variés.

prerender, le pré-rendu de document va passer la main au moteur d’interprétation pour mettre en cache (mémoire) par avance une page afin de l’afficher quasiment instantanément si le visiteur y accède en ayant déjà un « rendu graphique ».

Source