# HTML/CSS
Quelques liens et ressources sur les blocs Flex :
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
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
Par défaut, les navigateurs actuels n’autorisent pas l’exécution de votre code Javascript en local (depuis votre disque dur), ou de façon limitée. Vous aurez par exemple un message d’erreur quand... Voir l'article
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
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
MapTiler Desktop est un logiciel qui va vous permettre de transformer une grande image en tuiles, pour l’utiliser dans Leaflet. Tout est permis : dessin scanné, carte de jeu vidéo... Voir l'article
Une page où visualiser différentes cartes gratuites utilisables avec leaflet.js, faire votre choix, et obtenir le code Javascript pour l’utiliser dans votre carte interactive.
Leaflet.js est une librairie Javascript de cartographie interactive. Leaflet propose toute une série de tutos officiels, ainsi qu’une documentation qui détaille toutes les fonctions et leur utilisation. Installation La page... Voir l'article
Un petit fichier avec quelques fonctions Javascript utiles :
# P5js
Pour approfondir votre pratique de P5js, quelques liens utiles :
Exemples pratiques et codes commentés
Le site openprocessing.org
Les exemples de p5js.org
Les codes vus en cours
Une librairie simple à prendre en main pour afficher des sliders d’images (ou d’autre chose).
Démo et téléchargement ici.
Une librairie compacte pour rendre n’importe quel élément de mise en page déplaçable à la souris, ou au doigt.
Disponible ici, avec des explications.
# HTML/CSS
Pas vraiment un article ou un tuto, mais tout est là !
Et ce n’est même pas compliqué (une fois qu’on a trouvé l’astuce)…
jQuery est une librairie Javascript qui ajoute de nombreuses fonctionnalités pour manipuler le contenu d’une page web, et mettre en place une interactivité sur-mesure. jQuery est écrit en Javascript, on... Voir l'article
# HTML/CSS
Qui sera complétée par la suite… Sélecteurs CSS Pour cibler vos blocs HTML en CSS, vous avez à votre disposition plusieurs syntaxes : article {} sélection par type de balise... Voir l'article
# HTML/CSS
position: static; par défaut, l’élément fait partie du flux normal de la page position: relative; le mode « triche », permet de déplacer un élmt par rappoort à sa place de départ... Voir l'article
# HTML/CSS
Comme nous l’avons vu en cours, il y a 3 manières principales de cibler un élément en CSS : par type de balise ex : article {} va sélectionner toutes... Voir l'article
# Divers
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
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
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
Voici une petite fonction à utiliser où vous le souhaitez, pour remplacer une couleur du genre ‘#FFFFFF’ :
function randColor(){
return '#'+(function(h){return new Array(7-h.length).join("0")+h})((Math.random()*(0xFFFFFF+1)<<0).toString(16));
}
Il faut coller la fonction dans votre code, ensuite à vous les couleurs aléatoires !