apprendre le css avec webflow
Photo by Jessica Lewis on Pexels

Je comprends que tu veuilles embellir ton site et le personnaliser le plus possible ! Ça t’aidera à te démarquer, mais aussi, à t’entraîner pour offrir des prestations de qualité à tes clients ! Dans ce cas, tu as besoin d’apprendre le CSS. Mais comment ? Je te conseille d’apprendre le CSS avec Webflow.

Plusieurs manières d’apprendre le CSS

Tu trouveras beaucoup d’informations sur internet ! Il y a d’ailleurs des sites spécialisés comme css tricks ou w3schools. Le mieux avec ces sites, c’est que tu as accès à des nouveautés, chaque semaine. Seulement, ces méthodes d’apprentissage de CSS sont considérées comme “traditionnelles”. Je te propose donc une autre manière d’apprendre le CSS : apprendre le css avec Webflow.

Pourquoi apprendre le CSS avec Webflow ?

Tout simplement, parce que c’est facile et rapide ! Et si tu as déjà quelques notions de base en CSS, tu as un atout indéniable, parce que tu peux te dépasser encore plus. Tu pourras offrir à tes clients des sites encore plus personnalisés, sans limites.

apprendre le css avec webflow
Photo by Jessica Lewis on Pexels

Et pour les débutants ?

C’est simple ! Prends un modèle tout prêt sur Webflow ; celui sur lequel tu veux t’inspirer. Ensuite, tu n’as qu’à le cloner. Une fois le site dupliqué, le site est à toi ; il n’y a plus qu’à modifier tout ce que tu veux. La barre de modification se trouve sur la partie droite.

Pour modifier un élément en particulier, tu cliques directement sur cet élément. Sinon, dans la barre à droite, il y a les codes HTML. Tu peux aussi cliquer là-dessus, et ensuite, modifier le CSS lié à cet élément. Demain, j’écrirais d’ailleurs un article sur : comment apprendre le HTML avec Webflow ;)

CSS et Webflow : très pratique

Concrètement, que peux-tu modifier ? Tout ce qui est visuel. En fait, le CSS te permet de donner vie aux codes HTML. Ces derniers agissent effectivement comme un simple squelette. Sans le CSS, il n’est pas du tout beau à voir !

Or, les éléments à modifier sont :

  • la forme
  • les typographies
  • les couleurs
  • les effets
  • opacités
  • ombres
  • etc.

Il y a une vidéo Youtube dans laquelle je décris cela en bas de l'article. Soutenez-moi en vous abonnant à la chaine YouTube "Happy Desk Design"

apprendre le css avec webflow
Photo by Tim Gouw on Pexels

Prenons le cas d’un bouton. Tu peux modifier sa forme, par exemple, en arrondissant ses côtés. Tu peux même ajouter un effet, en modifiant l’option “survol”. Je le décris plus clairement dans la vidéo que j’ai publiée à ce propos. Ensuite, le texte sur le bouton peut aussi être modifié (couleur, arrière-plan, typographie…).

Webflow : Facile d’utilisation

Le CSS avec Webflow est très facile. Comme tu l’as certainement vu dans les précédents paragraphes, même un débutant est en mesure de modifier les CSS d’un site avec Webflow.

D’ailleurs, l’interface est très intuitive. De prime abord, on voit bien que les éléments sont hiérarchisés de manière que tu t’y retrouves facilement (avec les class et id). Si tu t’y connais en CSS, et que tu as besoin des codes que tu viens de concevoir (instantanément), tu n’as qu’à faire une exportation. Oui, c’est possible !

apprendre le css avec webflow
Photo by webandi--1460261 on Pixabay

Conclusion
Voilà, je t’ai révélé un secret que d’autres ignorent ;) Il y a certaines personnes qui modifient leur site web sans même savoir qu’elles touchent à des codes. Et d’ailleurs, avec des codes proprement dits, tu n’aurais jamais pu arriver à des résultats aussi grandioses que ceux que tu feras avec Webflow (à moins que tu ne sois déjà un véritable as des codes). Tu as tout intérêt à apprendre le CSS avec Webflow.

YouTube : Apprends le CSS avec Webflow

Reviens sur cette page chaque fois que tu voudras. As-tu trouvé des idées que j'aurais oubliés? Si oui, quels sont-ils? Laisse un commentaire ci-dessous ou envoi un mail à hello@happydesk.be
Kevin Palombo, Gérant de Happydesk

Hello 👋

Je suis en mission pour ton Web Succès! Qui je suis?

Tu veux apprendre?

Un café? Mais oui, prends ton temps!

25/9/2020

Créer un site internet design : Le Guide

En tant que webdesigner, ton rôle est de t’assurer que l'expérience utilisateur est réussie ! Je t’ai donc préparé ce guide webdesign : 10 astuces pratiques

Ça m'intéresse
17/9/2020

Comment choisir la typographie d’un site ?

La typographie est une forme de graphisme à part entière, c'est pourquoi on doit accorder une importance particulière au choix de typographie.

Ça m'intéresse
11/9/2020

La théorie des couleurs en webdesign

La couleur en webdesign est très importante. Comment fais-tu pour choisir les palettes à utiliser (titres, boutons, etc.) ? Voici la théorie des couleurs.

Ça m'intéresse

Je veux...

Happy.business

Parce que toute histoire commence par une rencontre. Prenons contact, une vraie personne se cache derrière Happydesk et sera ravie d’écouter ce que vous avez à lui raconter !

Prendre un rendez-vous

Happy.webnews

Parce que nous mettons toutes nos connaissances du monde Digital à disposition de notre Communauté pour les accompagner dans leur quête du Web Succès.

Lire le blog

Happy.webevent

Parce que se sentir moins seul renforce notre essence de leader. Happydesk organise des Events entre Entrepreneurs plus que motivés à se dépasser et atteindre des objectifs jamais espérés.

Assister aux events

Tu veux favoriser ta réussite?

OUI, ça m'intéresse !