In diesem Beitrag möchte ich die für mich hilfreichsten Ressourcen zum Thema HTML sammeln. Mehr als persönliche Bookmark-Alternative für mich selbst, aber vielleicht findet ja noch jemand anderes Verwendung dafür.
Die Liste soll regelmäßig vervollständigt werden. Daher bitte nicht wundern, wenn sie jetzt am Anfang noch etwas sehr spärlich ausfallen sollte.
Vielleicht ergibt sich irgendwann auch noch eine schöne Struktur zur Unterteilung der unterschiedlichen Einträge, falls ich eine reichliche Auswahl an HTML-Ressourcen zusammen bekomme. Wir werden sehen.
HTML Ressourcen
- Liste HTML Attribute bei w3schools.com
- Goldene Regeln für responsive SVGs bei creativebloq.com
- HTML 5 Accessibility Tests bei html5accessibility.com
- tota11y – Accessibility Visualization Toolkit von KHANACADEMY
- Formular Validation bei MDN Web Docs
- Regular Expression für Formulare bei MDN Web Docs
- Pattern-Attribut bei <input> auf w3schools.com
- HTML data-* Attribute auf auf w3schools.com
- Kostenlose Icons Tipps auf t3n.de
CSS Ressourcen
- Normalize CSS auf GitHub
- Farbcode Picker auf Color Hex
- Kontrast-Checker auf contrast-ratio.com
- Passende Fonts finden auf FontPair.com
- Google Fonts auf fonts.google.com
- Naming Covention BEM 101 auf CSS-Tricks.com
- Schriftarten bei Typewolf
- Free Font des Monats bei PAGE
- @font-face Tutorial bei CSS-Tricks.com
- Box Model Demo auf guyroutledge.github.io
- Ausnahmen von collapsing margins auf sitepoint.com
- Liste von Block-level Elementen auf developer.modzilla.org
- Flexbox Spiel auf FlexboxFroggy.com
- Check welche Features von Browsern unterstützt werden auf caniuse.com
- Video-Serie über „Best Practices“ bei Nutzung neuer CSS-Features auf YouTube (@Layout Land)
- Gridbox Spiel Grid Garden auf cssgridgarden.com
- Grids Fallback für ältere Browser auf rachelandrew.co.uk
- CSS Selector Game auf flukeout.github.io
- Hex-Invaders Game auf hexinvaders.com
- Kompletter Guide für Flexbox auf CSS-Tricks.com
- CSS Code-Formatierung auf perishablepress.com
- Responsive Design für größere Bildschirme auf EngageInteractive.co.uk
- Viewport fürresponsives Webdesgin auf w3schools.com
- Button-Transitions Beispiele auf CodePen.com
- CSS-Animationen Demo bei daneden.github.io
- Link Hover Effekte auf CSS-Tricks.com
- Underline Texteffekte auf SpeckyBoy.com
- Unterschiede verschiedener CSS Preprocessors auf csspre.com
- SASS Compiler auf Sassmeister.com
- Farbkontrolle mit SASS color functions auf thoughtbot.com
- Autoprefixer CSS auf autoprefixer.github.io
- CSS Variable Converter für IE11 auf madlittlemods.github.io
- Anzeige -
Dir gefällt dieser Beitrag? Dann würde ich mich sehr darüber freuen, wenn du ihn teilen oder du einen Kommentar hinterlassen würdest. Vielen Dank! :)
Lade mich auf einen Kaffee ein
Für diesen Artikel und den Aufbau der Website ist jede Menge Kaffee geflossen. Wenn dir die Infos geholfen haben, freue ich mich jederzeit über neuen Treibstoff. Mit dem Klick auf den Button wirst du zu PayPal weitergeleitet. Dankeschön!
☕ Kaffee spendierenÜber mich
Seit über zehn Jahren nutze ich WordPress und schreibe auf verschiedenen Blogs. Als Spezialist für Content Marketing und SEO arbeite ich neben meiner Selbstständigkeit seit einiger Zeit für die NETZhelfer GmbH. Dort helfe ich verschiedenen Kunden als Website Booster. Auf meiner persönlichen Website berichte ich über meine Learnings.