HTML

Tout ce qui concerne l’html.

Résoudre l’erreur « Avoid a character set in the meta tag »

Afin de contrôler la rapidité de chargement d’un site les développeurs utilisent des outils en ligne tel que YSlow ou encore PageSpeed.
Lors de l’optimisation de notre Player Radio, nous avons utilisé l’outil https://gtmetrix.com.

Celui nous à retourné l’erreur suivante :

« Avoid a character set in the meta tag »

Si la page est généré en php il faut ajouter tout en haut de votre page, le code suivant  :

 

Résoudre un problème d’encodage HTML sur Sublime Text

Sublime_Text_logo

S’il vous arrive d’avoir des caractères accentués remplacé par un point d’interrogation dans vos pages web, c’est que vous avec un petit problème d’encodage.
Pour résoudre ce problème, il vous suffit d’ajouter une ligne dans votre head> de votre fichier HTML.

Lire la suite

Mettre une vidéo en pause au clique sur un élément de menu

Dans notre exemple, nous souhaitons que la vidéo d’introduction de notre Home Page WordPress utilisant le thème Onetone se mette en pause lorsque que l’on clique sur l’un des éléments de menu inclut avec le thème.

Il vous suffit pour cela de modifier votre fichier header.php contenu dans votre répertoire du thème à la ligne 54.

Remplacer :

Par :

 

Centrer verticalement un texte dynamique en CSS

Notre exemple à pour but de centrer un texte de façon vertical sans connaitre le nombre de caractère.

HTML :

CSS :

 

Afficher une div ou un bloc de contenu sur une page unique

Dans votre fichier votre_thème/layout/theme.php

Afficher une div sur une page unique

 Afficher un bloc de contenu sur une page unique

 Afficher un bloc de contenu et une div sur une page unique

 

Comparer deux fichiers dans Sublime Text

Sublime_Text

La création d’un site internet passe par la création, l’édition et la correction de nombreux fichiers. Il est souhaitable de toujours mettre en place un système de versioning (version de fichier). Cette bonne pratique de développement nous permet de revenir sur d’anciennes version de fichier et de les comparer avec ceux en ligne.

Lire la suite

Feuilles types HTML5 + CSS3

Une feuille HTML5 type :

 Une feuille CSS3 type avec @media query :

 

Charger des fonctions depuis un autre fichier en js

// Permet a la fonction d’etre accessible depuis n’importe quelle fichier js charger par votre page web.

1 2