Accéder au contenu principal

Articles

Affichage des articles associés au libellé codeur

Comment créer un spinner qui tourne, simplement avec ton téléphone ?

Tu as sûrement déjà vu ce petit cercle qui tourne quand une page charge sur Google, Facebook ou un site web. Ce petit effet visuel s’appelle un spinner , et il indique que quelque chose est en train de charger. Aujourd’hui, je vais te montrer comment créer un spinner qui tourne, simplement avec ton téléphone , sans avoir besoin d’un ordinateur. 🔧 Comment ça fonctionne ? Un spinner est une animation créée avec du code HTML et CSS . Le HTML sert à construire la structure (le cercle). Le CSS sert à créer l’effet de rotation automatique. C’est un bon exercice pour débuter en programmation, car il te permet d’apprendre les bases sans coder en JavaScript pour le moment. 🛠️ Le code complet du spinner Voici un exemple de code que tu peux copier/coller dans une application comme "HTML Viewer" ou "Dcoder" (disponible sur le Play Store) : 📋 Copier <!DOCTYPE html> <html> <head> <style> .spinner { wid...

🎨 Crée Ton Propre Avatar Cartoon avec HTML, CSS et JavaScript (Sans Python !)

🎨 Crée Ton Propre Avatar Cartoon avec HTML, CSS et JavaScript (Sans Python !) Tu rêves de personnaliser ton propre avatar en style dessin animé sans utiliser d’outils compliqués ? Aujourd’hui, je te montre comment créer un générateur d’avatar cartoon avec seulement HTML, CSS et JavaScript – aucun besoin de Python ou d’images à dessiner toi-même. Nous allons utiliser une bibliothèque en ligne puissante appelée Avataaars, qui permet de générer des avatars personnalisés directement via une simple URL. Grâce à cela, tu peux créer un avatar avec les cheveux, les habits, les accessoires, la couleur de peau et l’expression de ton choix. Dans ce projet, tu trouveras : Un formulaire avec des menus déroulants (cheveux, habits, lunettes…) Un avatar qui change automatiquement selon les options choisies Une interface simple, jolie et responsive Le tout fonctionne uniquement avec du code front-end, c’est-à-dire visible dans le navigateur. Pas besoin d...