9 der besten Ressourcen zum Erlernen von HTML und CSS
Das Erlernen von HTML und CSS kann sich wie ein harter Kampf anfühlen, insbesondere weil es fast zu viele Informationen gibt. Wo fängst du überhaupt an?
Um Ihnen zu helfen, haben wir eine Auswahl von Ressourcen zusammengestellt, die Ihnen sagen, was Sie wissen müssen, Ihnen helfen, wenn Sie nicht weiterkommen, und Ihnen helfen, Ihre Fähigkeiten in kürzester Zeit zu erweitern.
01. HTML-Spickzettel
Dieses unglaublich hilfreiche HTML-Spickzettel enthält eine vollständige Liste aller HTML-Elemente sowie Beschreibungen, Codebeispiele und Live-Vorschauen. Sie können die Tags alphabetisch oder nach Kategorien organisieren und sie sogar als PDF herunterladen, um später darauf zu verweisen.
Lesen Sie unseren vollständigen Beitrag darüber: Nagel Sie HTML mit diesem Spickzettel
02. CSS Spickzettel
Wenn Sie gerade erst mit CSS beginnen, kann es sehr einschüchternd sein, sich nur an all die vielen Tags und Fachbegriffe zu erinnern. Lassen Sie sich davon jedoch nicht abschrecken. Halten Sie dieses hilfreiche Spickzettel mit einem Lesezeichen versehen oder drucken Sie es einfach aus, um schnell die gewünschten Elemente zu finden.
03. CSS-Tricks
Beim Start im Jahr 2007 drehte sich auf dieser Website alles um CSS. Jetzt ist es ziemlich erweitert, aber es gibt immer noch viele hilfreiche Informationen und Tutorials zu CSS und HTML, in die Sie sich vertiefen können. Es ist definitiv einen Besuch wert.
04. CSS-Zauberei
CSS ist leicht zu erlernen, aber schwer zu beherrschen. Harry Roberts 'CSS-Zauberei enthält einige der besten Artikel zum Thema skalierbares und wartbares CSS, wie die BEM-Methodik und das Refactoring (die zu den schwierigsten Teilen gehören).
05. Jährliche Top-Stifte von CodePen
Eine der besten Möglichkeiten, HTML / CSS zu lernen, besteht darin, coole Demos zu analysieren, die Sie entdecken. Die jährlichen Top Pens von CodePen eignen sich hervorragend dafür. Die Demos reichen von cool bis 'Ich wusste nicht einmal, dass das möglich ist'. Die integrierte Benutzeroberfläche von CodePen zum Eintauchen in den Code ist ebenfalls praktisch. In ähnlicher Weise möchten Sie vielleicht auch unsere 8 CodePen-Funktionen, die Sie nicht kannten Post.
06. Web Design Weekly
HTML und CSS entwickeln sich ständig weiter. Um über die neuesten Methoden und Funktionen auf dem Laufenden zu bleiben, empfehlen wir diesen E-Mail-Newsletter. Es kommt einmal pro Woche, was gerade oft genug ist, dass Sie es tatsächlich lesen werden.
07. Responsive Design Weekly
Responsive ist heutzutage ein wichtiger Bestandteil des Toolkits des Webdesigners. Um Sie auf dem Laufenden zu halten, verbringt Justin Avery jede Woche Stunden damit, die besten Responsive-Webdesign-Inhalte zu kuratieren und Branchenführer zu interviewen, und verschickt sie jeden Freitag als Newsletter ( Vielleicht gefällt Ihnen auch unser Beitrag auf 10 wirklich nützliche Tutorials zum reaktionsschnellen Webdesign .)
08. Erstellen Sie nicht rechteckige Layouts mit CSS-Formen
Sara Soueidan ist bekannt für ihren klaren und gründlichen Unterrichtsstil. Hier erklärt sie perfekt, wie man CSS-Formen verwendet und wie man einige der Herausforderungen angeht, denen man sich möglicherweise gegenübersieht. Es enthält Beispiele für GitHub. Muss man lesen!
09. Jen Simmons Lab
In ihrem experimentellen Layoutlabor präsentiert Jen Simmons die neuesten CSS-Eigenschaften und nutzt sie auf praktische Weise. Schauen Sie sich an, was möglich ist, wenn Sie mit CSS kreativ werden.
Zum Thema passende Artikel:
- So verwenden Sie ein HTML-Boilerplate
- Welches CSS-Framework sollten Sie verwenden?
- CSS-Tricks, um Ihre Layouts zu revolutionieren
