Publicité
La conception Web n'est peut-être pas la zone la plus accessible à tout le monde, mais CSS et HTML peuvent être très utiles, et ce sont deux parties du codage qui sont vraiment faciles. Je veux dire pour changer la couleur de votre police il suffit de taper: "color: red", est-ce que c'est plus facile que ça?
Eh bien, en fait, cela devient plus difficile, mais cela vaut la peine d'y jeter un coup d'œil, car vous pouvez tout personnaliser de votre blog à vos documents Google Docs avec un tout petit peu de connaissances CSS. Voyons où vous apprenez css en ligne gratuitement et obtenez des didacticiels CSS pour les débutants.
W3Schools
W3Schools est un excellent site. Ils ont beaucoup de tutoriels de HTML à 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 normes Web d'aujourd'hui.
Les leçons CSS sont assez détaillées et vous guideront à travers la plupart de ce que vous devez savoir, mais puisque c'est plus d'une page technique, vous verrez moins d'exemples qu'ailleurs et les exemples qu'ils ont sont un peu contraint.
Si vous connaissez déjà du CSS, c'est une excellente source de référence.
Tizag
Je rencontre souvent ce site Web lorsque je recherche des choses et j’ai jeté un œil à leurs didacticiels CSS, que j’ai trouvé légèrement mieux structurés que ceux de W3School. Les informations de base sont les mêmes, mais si vous êtes un débutant absolu, vous voudrez peut-être commencer ici.
Tizag à mes yeux, c'est un peu moins formel. Il me semble que leurs exemples sont plus proches de la vie réelle et le ton est plus amical. Il existe également des didacticiels utiles sur de nombreuses autres langues comme HTML et MySQL, donc si vous avez aimé le bit CSS, vous pouvez rester pour la même qualité dans d'autres langues.
CSS Zen Garden
Ce site est très différent des sites de tutoriels que j'ai mentionnés précédemment. Sur CSS Zen Garden vous pouvez mettre vos connaissances à l'épreuve ou apprendre du code écrit par d'autres. L'idée générale est qu'il existe un fichier HTML statique et immuable et que vous devez le créer séparément 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. Il en va de même 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 se font.
CSS Play [n'est plus disponible]
CSS Play est un site Web entre Zen Garden et les sites de tutoriels car il montre des fonctionnalités spécifiques en CSS et vous permet de visualiser 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 à IE, etc.
Si vous avez besoin d'une fonctionnalité spécifique et que vous souhaitez vous informer, ce site Web pourrait être le meilleur endroit pour commencer. Il a une bonne part d'annonces, ce qui peut être un peu gênant, mais les informations y sont solides et souvent le code, ou du moins la méthode, est expliqué de manière très approfondie.
C'est vrai, tout simplement vieux Recherche Google peut être un excellent compagnon pour apprendre le CSS en ligne et trouver des didacticiels CSS pour les débutants. En plus de pouvoir évidemment rechercher les choses dont vous avez besoin, vous pouvez également voir comment fonctionnent les propriétés CSS spécifiques. Vous ne savez pas quelles valeurs le «débordement» peut avoir? Tapez simplement "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 ne m'ait encore jamais échoué.
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!