Starter kits ⚡️
🕹 Explorez les démos en ligne
sk-web-getting-started
Dans ce dossier, vous trouverez toutes les balises HTML de base, les exemples de sélecteurs et de styles CSS, et la structure classique d’un projet web.
sk-web-example
Structure prête à l’emploi pour un projet web, avec un fichier HTML, CSS, Javascript et les librairies jQuery + jQuery UI (pour manipuler les éléments en Javascript).
sk-web-parallax
Exemple de parallax avec plusieurs éléments et plusieurs vitesses.
sk-web-pin-to-scroll
Exemple d’éléments qui s’ancrent à une position donnée pendant un temps donné lors du défilement de la page (scroll).
sk-web-slides
Exemple de page en présentation par slides horizontaux.
sk-web-scroll-drag
Exemple de blocs pour scroller et/ou se déplacer en cliquer-glisser dans une grande image ou un grand contenu.
sk-web-browser-resize
Exemple d’interactions en redimensionnant le navigateur.
sk-web-device-orientation
Base technique pour utiliser les axes X, Y, Z de l’orientation d’un téléphone ou d’une tablette dans l’espace.
sk-web-360-image
Exemple de visiosphère à 360° avec une image. Un serveur local est nécessaire pour lancer le script (sur Windows avec WAMP ou sur Mac avec MAMP).
sk-web-360-video
Exemple de visiosphère à 360° avec une vidéo. Un serveur local est nécessaire pour lancer le script (sur Windows avec WAMP ou sur Mac avec MAMP).
sk-web-3D
Exemple d’un monde 3D avec la librairie A-Frame
sk-web-p5-example
Exemple d’un dossier web avec un script p5.js