7 ressources utiles pour ceux qui apprennent CSS

2024 Auteur: Malcolm Clapton | [email protected]. Dernière modifié: 2023-12-17 03:55

Les feuilles de style en cascade rendent le HTML ennuyeux attrayant. Lifehacker a sélectionné des sites en russe et en anglais, ainsi que des encyclopédies Web qui vous aideront à mieux comprendre CSS.

Le World Wide Web Consortium (W3C) a recommandé la technologie CSS (Cascading Style Sheets) en 1996. Depuis lors, les développeurs Web utilisent des feuilles de style en cascade pour créer des conceptions de sites uniques.

Il y a vingt ans, les développeurs jouaient avec les options de police, les attributs de texte et les couleurs des éléments de page. De nos jours, les animations, les ombres, les dégradés, l'anticrénelage et bien d'autres choses avancées sont en cours.

Installez une extension Chrome ou un module complémentaire Firefox pour admirer vos sites préférés sans cascade de feuilles de style.

Les changements seront dramatiques, mais pas toujours. Par exemple, un agrégateur d'actualités ne changera guère: c'est aussi simple que deux et deux. Néanmoins, la ressource est consultée plus de 150 millions de fois par mois.

Où apprendre les subtilités du CSS

1. Livre HTML

Soyons cohérents et partons d'une base théorique solide. Pour cela, nous nous tournons vers Vlad Merzhevich, auteur de livres et développeur Web, qui maintient plusieurs ressources de qualité sur la mise en page et le style des pages Web.

Vous trouverez ici un didacticiel explicite et des réponses aux questions courantes sur les feuilles de style en cascade. Il existe également des articles de tutoriel sur la troisième spécification CSS actuelle.

2. WebRéférence

propose une référence alphabétique au CSS. Chaque propriété a une brève description, une syntaxe et un exemple en direct. N'hésitez pas à poser des questions - les auteurs du projet prennent contact et discutent volontiers des détails.

3. Référence CSS

En plus des tutoriels en russe, nous ajouterons des sites étrangers. Avec leur aide, il est plus facile pour certains étudiants de se plonger dans la profession et d'accepter sa terminologie. Par conséquent, toute l'attention est sur. Il n'y a rien de superflu sur le site: propriétés CSS, explications et action. Parmi les petites choses agréables, on note une recherche rapide et une copie d'une propriété dans le presse-papiers en un clic de souris.

4. Prix CSS Design

L'éducation est une entreprise longue et parfois ennuyeuse. Ce serait bien de trouver de la motivation pour aider dans les moments difficiles. On va s'inspirer d'autres web designers, ou plutôt sur le site. Un projet de qualité est présenté ici chaque jour, qui sert de modèle à ce qui vaut la peine d'être poursuivi. Beaucoup de gagnants sont vraiment surprenants. N'oubliez pas de venir voter pour vos nominés préférés.

5. Jardin Zen CSS

Ayant acquis des connaissances et un phare, il est temps de tester votre force en affaires. Et afin de ne pas choisir la route pendant longtemps, nous vous dirigerons vers la page. Il contient un fichier HTML immuable, que les utilisateurs du monde entier essaient de donner à un design extraordinaire à l'aide de feuilles de style en cascade.

Chargez le code HTML de référence, ajoutez votre style et renvoyez le tout. Peut-être que votre approche sera la meilleure. Au fait, vous pouvez télécharger la version de quelqu'un d'autre et voir comment elle est implémentée.

6. CSSPlay

Il est clair que vous voudrez appliquer quelque chose d'un genre qui attirera l'attention de tout le monde. Nous ne savons pas s'il existe une telle chose, mais des dizaines et des centaines de trucs curieux étaient là à coup sûr.

7. La charpie CSS

Pourquoi avons-nous besoin de quelqu'un d'autre, si nos propres mains poussent droites ? Est-ce que ça se voit vraiment. En plus de la vérification de base de la syntaxe CSS, le service Web vérifie la conformité aux règles qui affectent la vitesse de chargement des pages. La sortie est un CSS agréable et convivial pour le navigateur.