Top 5 des sites pour apprendre CSS en ligne

Publicité

Publicité
Publicité

Le design Web n'est peut-être pas le domaine le plus accessible à tous, mais CSS et HTML peuvent être très utiles, et ce sont deux parties du codage qui sont vraiment faciles. Je veux changer la couleur de votre police que vous avez juste besoin de taper: "color: red", est-ce que ça devient plus facile que ça?

En fait, cela devient plus difficile, mais cela vaut la peine d'y jeter un coup d'œil, puisque vous pouvez tout personnaliser de votre blog à vos documents Google Docs avec un tout petit peu de connaissances CSS. Jetons un coup d'oeil à où vous apprenez css en ligne gratuit et obtenez des tutoriels CSS pour les débutants.

W3Schools

W3Schools est un site génial. Ils ont beaucoup de tutoriels du HTML au PHP et vous pouvez être sûr que tout ce que vous lisez est conforme aux normes puisque le site est maintenu par le W3C, responsable des standards web d'aujourd'hui.

Les leçons CSS sont assez détaillées et vous feront découvrir la plupart de ce que vous devez savoir, mais comme il s'agit d'une page technique, vous verrez moins d'exemples qu'ailleurs et les exemples qu'ils ont sont un peu limités.

Si vous connaissez déjà certains CSS, c'est une excellente source de référence.

Tizag

Je suis tombé sur ce site en cherchant des choses et j'ai regardé leurs tutoriels CSS, que j'ai trouvé légèrement mieux structurés que W3School. Les informations de base sont les mêmes, mais si vous êtes un débutant absolu, vous pouvez commencer ici.

Tizag à mes yeux est un peu moins formel. Il me semble que leurs exemples sont plus proches de la réalité et le ton est plus amical. Il existe également des tutoriels utiles sur de nombreux autres langages tels que HTML et MySQL, donc si vous avez aimé le bit CSS, vous pouvez rester dans la même qualité dans d'autres langues.

CSS Zen Garden

Ce site est très différent des sites de tutoriel que j'ai mentionnés précédemment. Sur CSS Zen Garden, vous pouvez mettre vos connaissances à l'épreuve ou apprendre à partir du code écrit par d'autres. L'idée générale est qu'il existe un fichier HTML statique et inchangeable et que vous devez créer un look séparé en utilisant uniquement CSS.

Vous pouvez télécharger votre travail et il sera présenté, et vous pouvez télécharger les fichiers des autres pour voir comment ils ont fait ceci et cela. C'est vraiment utile parce que j'ai moi-même appris beaucoup plus par l'exemple que par l'apprentissage. La même chose vaut pour les modèles WordPress - si vous en aimez un, téléchargez-le et jetez un coup d'œil dans style.css pour voir comment les choses sont faites.

Lecture CSS

CSS Play est un site web entre Zen Garden et les sites tutoriels car il montre des fonctionnalités spécifiques en CSS et vous permet d'afficher le code source.

Au lieu d'avoir une page entière ou un site entier, vous pouvez consulter des exemples de menus déroulants, des exemples d'opacité, des solutions de contournement spécifiques à Internet Explorer, etc.

Si vous avez besoin d'une fonctionnalité spécifique et que vous voulez en savoir plus, ce site peut être le meilleur endroit pour commencer. Il a une part équitable de publicités qui peut être un peu distrayant, mais l'information y est solide, et beaucoup de fois le code, ou au moins la méthode est très bien expliqué.

Google

C'est vrai, la simple recherche Google peut être un excellent compagnon pour apprendre le CSS en ligne et trouver des tutoriels CSS pour les débutants. En plus de pouvoir faire des recherches sur les choses dont vous avez besoin, vous pouvez aussi voir comment fonctionnent les propriétés CSS. Je ne sais pas quelles valeurs "débordement" peut avoir? Il suffit de taper "css overflow" ou "css overflow property" et le premier résultat vous dira ce que vous devez savoir.

Il en va de même pour tous les langages de programmation, je l'utilise également pour PHP et MySQL, et je ne pense pas que le premier résultat m'ait jamais manqué.

Alors voilà, plus d'excuses, il est temps d'apprendre quelques CSS! Vous pouvez ajouter vos propres modèles Google Docs, modifier vos modèles WordPress, et faire beaucoup plus, heureux CSS-ing!

In this article