Share
Si vous voulez être un concepteur de sites Web performant, une bonne connaissance de CSS est indispensable. Heureusement, nous avons quelques ressources pour vous aider, que vous souhaitiez apprendre les bases du CSS ou approfondir vos connaissances dans des domaines plus avancés..
Voici 14 cours complets qui vous aideront à développer vos compétences en CSS, des bases du positionnement et de la typographie CSS à l'utilisation de pseudo-éléments et à la maîtrise de Sass..
Si vous êtes un concepteur Web en herbe et que vous êtes prêt à apprendre le CSS, commencez ici.!
S'il existe un type de style qui est sans doute plus important que tout autre concepteur de sites Web, c'est la typographie. Idéalement, vos sites devraient commencer par une typographie solide et le reste de la conception devrait être construit autour de cela. Pour cette raison, il est important de comprendre d’abord la partie typographique du processus de conception. Dans ce cours, le formateur d’Envato Tuts +, Kezz Bracey, vous aidera à maîtriser parfaitement.
Maintenant que vous avez appris l'essentiel de la typographie dans le précédent cours «Commencez ici», vous êtes prêt à passer au prochain élément fondamental de la conception Web: la mise en page..
Dans ce cours, vous apprendrez tout ce que vous devez savoir pour créer les types de mises en page les plus courants en conception de sites Web..
Dans cette installation de notre série «Start Here», vous allez insuffler de la vie au site que vous avez créé en utilisant les couleurs et les arrière-plans CSS..
Dans ce cours, vous apprendrez tout sur les techniques visuelles qui permettent aux sites de se distinguer les uns des autres et qui introduisent le "design" dans la conception web..
Le découpage et le masquage d'images sont des concepts que vous connaissez peut-être lorsque vous avez utilisé des applications graphiques telles que Photoshop. Cependant, dans ce cours de pause-café, Adi Purdila vous montrera comment utiliser le découpage et le masquage en CSS.
Le positionnement CSS est une compétence fondamentale dans la conception Web. il alimente les mises en page et constitue donc le fondement de tout ce qui se trouve à l'intérieur de ces mises en page. Cela dit, il peut être assez difficile de se faire une idée quand on commence pour la première fois.
À la fin de ce cours, vous maîtriserez les principes essentiels dont vous avez besoin pour piloter vos présentations. Kezz Bracey vous montrera chacun des quatre types de positionnement utilisés en CSS, ainsi que la manière de contourner certaines des bizarreries qui peuvent apparaître lors de leur utilisation..
CSS Grid Layout est un brouillon du W3C qui définit un système de grille puissant pour faciliter la mise en page de vos pages Web à l'aide de CSS..
Dans ce cours, vous allez construire trois projets pour vous aider à comprendre ce qui sera possible avec «Grid». Le premier est le niveau débutant et vous présentera les concepts de la grille. La seconde prend les choses à un niveau, en examinant des choses comme l'alignement et l'imbrication. Le projet final est encore plus avancé, utilisant Flexbox en combinaison avec Grid. Après ces trois projets jusqu'à leur achèvement avec Craig Campbell, vous passerez progressivement du novice au Grid à l'utilisateur confiant du Grid..
Dans ce cours, Adi Purdila vous montrera comment utiliser dix bibliothèques CSS essentielles pour les concepteurs Web. Vous en apprendrez plus sur les réinitialisations, les animations, les transitions et les bibliothèques liées à la typographie. Vous utiliserez Bower pour gérer vos projets, en veillant à ce que tout reste à jour et facile à gérer..
CSS évolue constamment. Dans ce cours, Craig Campbell vous expliquera quelques-unes des fonctionnalités de pointe de CSS pour vous aider à rester à la pointe de l'actualité..
Certaines des caractéristiques couvertes pourraient bien devenir la norme dans un proche avenir, tandis que d'autres vont probablement disparaître dans l'obscurité. Quoi qu'il en soit, comprendre quels sélecteurs CSS, modules de disposition et filtres sont envisagés pour l'avenir fera de vous un développeur front-end plus fort..
Dans ce cours, vous apprendrez à utiliser l’un des systèmes de grille les plus puissants, à l’heure actuelle, propres et sans obstruction: postcss-ant. Il a été créé par Cory Simmons, connu pour ses systèmes de grille populaires Jeet et Lost..
Postcss-ant, qui s’appuie sur l’impressionnant système PostCSS, vous permet de gérer efficacement et en douceur les mises en page, des plus simples aux plus complexes, à l’aide du CSS vanilla ou de votre préprocesseur préféré. Kezz Bracey vous tiendra au courant de ce cours.
En apparence, les pseudo-éléments ne sont rien de plus qu'un sous-ensemble utilitaire de CSS. Dans ce court cours avec Craig Campbell, vous découvrirez toutefois que la maîtrise des pseudo-éléments peut réellement vous aider à faire passer vos conceptions au niveau supérieur..
L'époque des sites Web chargés d'animation est en train de s'estomper, mais il reste encore quelque chose à dire pour un site avec de petites quantités de mouvements subtils et accrocheurs pour aider les utilisateurs à interpréter les interfaces. Dans ce cours, Craig Campbell vous montrera des façons pratiques de créer des animations pour des boutons, des tableaux de tarification et d’autres éléments Web, à l’aide de CSS et de jQuery concis..
Stylus est l’un des trois principaux préprocesseurs CSS qui rendent le CSS plus simple et plus puissant que jamais, partageant la ligue avec Sass et LESS. Dans Devenir un stylo CSS Superhero, vous apprendrez à écrire du code plus rapidement qu'une puce accélérée, à créer une fonctionnalité de mise en page plus puissante qu'une locomotive et à mettre à jour des combinaisons de couleurs entières en une seule liaison. Rejoignez Kezz Bracey et commencez votre formation de super-héros!
Le modèle CSS Flexbox commence à être généralisé et est désormais pris en charge par tous les principaux navigateurs. Dans ce cours, Craig Campbell s’appuiera sur son cours CSS: Flexbox Essentials pour décrire six projets CSS pratiques à utiliser au quotidien..
Dans ce cours avec Adi Purdila, vous apprendrez les bases du Sass en 14 jours. Chaque jour, vous apprendrez quelque chose de nouveau et vous ferez un petit exercice qui vous aidera à consolider vos connaissances..
Ce cours est destiné aux débutants, vous n’avez donc pas besoin d’expérience préalable avec Sass, mais vous avez besoin d’expérience avec CSS, car Sass en est une extension..
Vous pouvez suivre l'un de nos cours immédiatement avec un abonnement à Envato Elements. Pour un tarif mensuel modique, vous avez accès non seulement à ces cours, mais également à notre bibliothèque croissante de plus de 1 000 cours vidéo et de livres numériques de premier plan sur l'industrie sur Envato Tuts.+.
De plus, vous obtenez maintenant des téléchargements illimités à partir de la vaste bibliothèque Envato Elements de plus de 200 000 photos et de plus de 26 000 ressources et modèles. Créez avec des polices, des photos, des graphiques et des modèles uniques et livrez plus rapidement de meilleurs projets.
Accentsconagua