# HTML/CSS
>
Petite synthèse
de choses vues en cours
En évolution… → ça se passe ici.
> Promo 22-23
> Petite synthèse
> Progressive Web App
> favicon : les icônes de site web
La « favicon« , c’est l’icône affichée dans l’onglet du navigateur, et dans les favoris. Il y a actuellement 2 formats possibles : le .ico à l’ancienne, et un autre format plus... Voir l'article
# HTML/CSS
> Contourner le cache du navigateur
Quand on travaille sur un site en ligne les navigateurs gardent en mémoire les images et certains scripts après la première visite (le css par ex). Si vous faites une... Voir l'article
# HTML/CSS
> Intégrer une typo à votre site
Pour que votre site affiche votre typo même sur un poste ou elle n’est pas installée, il faut l’embarquer dans votre site internet : on appelle ça une « webfont« . Pour... Voir l'article
# Divers
> Firefox / Chrome : Exécuter du code en local
Par défaut, Firefox et Chrome n’autorisent pas l’exécution de votre code en local, ou de façon limitée. Pour cette raison vous aurez besoin d’installer un « serveur local » pour tester vos... Voir l'article
# HTML/CSS
> Flexbox
Quelques liens et ressources sur les blocs Flex :
- une page interactive très complète
- un guide plus court, pratique une fois que vous aurez compris
- un guide exhaustif mais un peu touffu
- un jeu pour apprendre les flexbox
Rappelez-vous la base : on applique flex et ses options sur le bloc parent, et ça agit sur ses enfants directs (mais pas sur leurs enfants à eux).
# HTML/CSS
> Ajuster des images et des images de fond
Voici une page de démo pour comprendre comment on peut ajuster une image (ou une image de fond) dans un format donné, sans la déformer.
Parfait pour des images élastiques !
# Divers
> Connexion FTP au serveur web
Pour mettre en ligne vos exercices, il va falloir vous connecter au serveur web mis à votre disposition via une connexion FTP (File Transfer Protocol). Pour ça on utilise un... Voir l'article
# HTML/CSS
> Structure recommandée d’un site HTML5
Ces balises sont comme des <div>, avec des infos en plus à destination des moteurs de recherche.
Si les robots comprennent mieux votre site, il sera mieux référencé !
# Divers
> Personnaliser SublimeText 3 avec des « Packages »
Sublime Text intègre un utilitaire pour télécharger et installer des « packages » qui augmentent les capacités du logiciel. Il existe énormément de packages, développés par des utilisateurs pour toutes sortes de... Voir l'article