Ressources gratuites
Les includes en PHP
Les includes en PHP permettent d'inclure un fichier dans un autre fichier, permettant ainsi d'éviter la réécriture de code.
Voir la vidéo
Introduction à Figma
Le logiciel Figma est un leader incontournable du maquettage et du prototypage web. Découvrez son interface dans ce premier épisode.
Voir la vidéo
Menu responsive
Le responsive est essentiel aujourd'hui. En plus de l'aspect (css) il est important de créer un événement JS pour afficher et masquer la navigation.
Voir la vidéo
Lightbox en JS
La lightbox permet de créer un effet de popup sur une image. Quand on clique dessus, l'image apparaît en grand au-dessus du reste du contenu.
Voir la vidéo
Boucle FOR en JS
Les boucles sont des instructions essentielles dans tous les langages de programmation. Dans cette fiche, nous vous proposons de découvrir la boucle for en JavaScript.
Consulter la fiche
Sémantique HTML
Une notion importante en seo ! La sémantique c'est le fait de faire sens avec du code. Le code lu, simplement, sans connaissance particulière, doit faire sens. Cet usage du code html doit conduire à un meilleur référencement naturel.
Consulter la fiche
Les listes en HTML5
Les listes en HTML sont un élément essentiel qu'il est nécessaire de maîtriser parfaitement. Elles servent d'une part à créer des listes, comme sur un logiciel de traitement de texte, mais également à créer les menus déroulants en css.
Consulter la fiche
wireframe
Faire un wireframe est la première étape de la création d'un site. Dans cette vidéo, nous vous proposons de la méthodologie sur ce sujet.
Voir la vidéo
Les variables en JS
Comme tous les langages, le JavaScript utilise des variables pour stocker et manipuler les informations.
Consulter la fiche
www.dafont.com
Ce site répertorie un grand nombre de typographies, libres ou non.
Accéder au site
Menu déroulant
Les menus déroulants sont un élément essentiel de la navigation web. Grâce aux listes HTML et au CSS, il est possible de créer des menus déroulants élégants sans utiliser de JavaScript.
Consulter la fiche
www.validator.w3.org
Le site officiel du W3C (organisme qui régule les langages du web). Vous pouvez copier/coller ou importer votre fichier de code pour le faire valider et vous assurer de respecter les standards définis. Le traitement des erreurs doit se faire dans l'ordre car une erreur au début peut engendrer de nombreux messages d'erreur dépendants.
Accéder au site
www.pixabay.com
Le respect du copyright est essentiel en web comme ailleurs. Vous apprécierez que le vôtre soit respecté ! Sur ce site, vous trouverez des images, des vidéos, des sons libres de droits avec parfois une demande de citation que vous placerez dans le ALT de votre image ou dans vos mentions légales.
Accéder au site
www.unsplash.com
Ce site ressemble également à pixabay mais sa spécialité ce sont les photos HD. Des payasages superbes et des détails parfois époustouflants. Pensez bien à gérer la taille de vos images sur vos sites. Le temps de chargement est un élément clé du référencement.
Accéder au site
www.freepik.com
Ce site ressemble à pixabay mais il est davantage orienté sur le vectoriel. Vous y trouverez également des fonds et des mockups intéressants.
Accéder au site