Es gibt viele CheatSheets, gerade für HTML und CSS. Hier ein paar einfache und übersichtliche, über Google findest du noch viel mehr. Bei HTML sollte es die Version HTML 5 sein, es wird da einiges anders geschrieben als beim Vorgänger XHTML. Bei CSS kannst du mit CSS2 beginnen, CSS3 ist nur eine Erweiterung um das, was neuen Browser jetzt können.
Interaktives CSS Chreat-Sheet: https://htmlcheatsheet.com/css/
HTML
CSS2
CSS3
Social Media
On-Page SEO
FB & Instagram
Teste Deine Website
- Web Accessibility Checker: achecker.ca/checker/index.php
- Wave – Web Accessibility Evaluation Tool: wave.webaim.org
- Website Speed Test: tools.pingdom.com
- Analyze your site’s speed and make it faster: gtmetrix.com
- Sicherheit: Free website security check & malware scanner
- Sicherheit: Site Guarding
- Mobile Test: quora.com/How-can-I-test-my-website-on-mobile-emulator-online
- Mobile Test: bluetree.ai/screenfly/
- Welche Technik verwendet wird: https://builtwith.com
Barrierefreiheit – Behindertengleichstellungsgesetz
Wie leicht lesbar ein Text ist, kannst Du auf der Website leichtlesbar.ch prüfen.
Website Kontrast-Checker: https://userway.org/contrast/
Alle Bindewörtern (Konjunktionen) sind hier abrufbar: https://wortwuchs.net/grammatik/konjunktion/liste/
Lexikon der Synonyme für die Keyword-Recherche: https://www.openthesaurus.de/synonyme/
HTML & CSS
Eine geniale Seite mit interaktiven Cheat-Cheets und online Generatoren für diverse CSS wie zB: shaddow, table, gradient, …
https://html-css-js.com
- Mediaevent: Stil mit Stil, HTML & CSS Tutorials
- Google Fonts lokal einbinden: https://die-contentakademie.at/google-fonts-lokal-dsgvo/
- CSS animiert: https://animate.style/
- Header mit CSS erstellen: https://codepen.io/prathkum/pen/vYgZdzN
- https://twitter.com/Prathkum/status/1517899135990452224
- https://generatorcss.vercel.app/
- https://codemyui.com/tag/image-effects/page/3
- 20 kreative CSS Menü Inspirationen
- https://cssgradient.io/
- https://css-tricks.com
- https://www.cssportal.com/css3-text-shadow-generator/
- https://www.bestcssbuttongenerator.com/
- W3 Schools
Pratham Kuman
- https://stripesgenerator.com
- https://cssgradient.io
- http://patternify.com
- https://accordionslider.com
- https://palette.ninja
- https://grid.layoutit.com
- https://keyframes.app
- https://css-grid-layout-generator.pw
- http://menucool.com/css-menu
Code Schnipsel
SEO
Blogmojo: https://www.blogmojo.de/seo-lernen/
Social Media
Text Übersetzen
https://www.deepl.com/de/translator