Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forumListe des tutos de codage
Vieille branche
Puf/Surnom : Kayl
Messages : 1784
Kayl
Mer 17 Juil 2019 - 12:46
Bonsoiiir ! J'avais fait sur Codepen plusieurs tutos de codage, HTML/CSS et maybe un ou deux de JavaScript
CodePen, c'est un éditeur de codes en ligne, qui affiche une prévisualisation °° So, je vous laisse la liste ici si vous avez envie :
• Base du HTML (pour commencer, il faut déjà comprendre les balises et comment elles s'utilisent)
• Base du CSS (pour mettre des styles à notre HTML, couleurs et autres effets)
• Les typos (comment mettre des jolies polices d'écriture sur une fiche Rp)
• Les différentes bordures (pour les cadres, parce qu'il en existe pas mal)
• Propriété outline (pour une bordure qui peut s'éloigner du cadre)
• Keyframes (les Keyframes sont des animations qui se répètent, soit une fois, soit plusieurs, soit même à l'infini. C'est du CSS uniquement)
• Propriété filter (cette propriété sert à appliquer un "filtre" sur une image : noir&blanc, flou, contraste...)
• Propriété cursor (cette propriété sert à changer le curseur de la souris sur un élément, ou une fiche entière, pour la personnaliser)
• Propriété transition (cette propriété permet de régler les transitions des hovers)
• Propriété transform (cette propriété étire un cadre pour lui donner un nouvel effet)
• Propriété clip (pour découper avec uniquement du CSS une image, et lui donner une forme improbable)
• Onglets en JavaScript (pour un QEEL ou une signature à base d'onglets simples)
CodePen, c'est un éditeur de codes en ligne, qui affiche une prévisualisation °° So, je vous laisse la liste ici si vous avez envie :
• Base du HTML (pour commencer, il faut déjà comprendre les balises et comment elles s'utilisent)
• Base du CSS (pour mettre des styles à notre HTML, couleurs et autres effets)
• Les typos (comment mettre des jolies polices d'écriture sur une fiche Rp)
• Les différentes bordures (pour les cadres, parce qu'il en existe pas mal)
• Propriété outline (pour une bordure qui peut s'éloigner du cadre)
• Keyframes (les Keyframes sont des animations qui se répètent, soit une fois, soit plusieurs, soit même à l'infini. C'est du CSS uniquement)
• Propriété filter (cette propriété sert à appliquer un "filtre" sur une image : noir&blanc, flou, contraste...)
• Propriété cursor (cette propriété sert à changer le curseur de la souris sur un élément, ou une fiche entière, pour la personnaliser)
• Propriété transition (cette propriété permet de régler les transitions des hovers)
• Propriété transform (cette propriété étire un cadre pour lui donner un nouvel effet)
• Propriété clip (pour découper avec uniquement du CSS une image, et lui donner une forme improbable)
• Onglets en JavaScript (pour un QEEL ou une signature à base d'onglets simples)
|
|