Es gibt viele Cheat-Sheets, 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.
- DSGVO-konform: www.dr-dsgvo.de/webseiten-check/
https://webbkoll.dataskydd.net - Interaktives CSS Cheat-Sheet: https://htmlcheatsheet.com/css/
- E-Mail-Versand via SMTP
- mxtoolbox.com: Email Health
Teste Deine Website
- Accessibility Checker: achecker.ca/checker/index.php
- Accessibility – Farben und Kontrast: webaim.org/resources/contrastchecker/
- Wave – Web Accessibility Evaluation Tool: wave.webaim.org
- DSGVO – DSGVO Webseiten-Check
- Google Fonts und mehr: sicher3.de/webscanner/
- Mobile Test: quora.com/How-can-I-test-my-website-on-mobile-emulator-online
- Mobile Test: bluetree.ai/screenfly/
- Mobile Test: www.lambdatest.com/lt-browser/responsive-website-checker
- Sicherheit: Free website security check & malware scanner
- Sicherheit: Site Guarding
- Website Speed Test: tools.pingdom.com
- Analyze your site’s speed and make it faster: gtmetrix.com
- Welche Technik verwendet wird: https://builtwith.com
Website gehackt – diese Firma kann helfen: E-Mail: Kai.Doepke@netzdenke.de, www.netzdenke.de
Teste deine E-Mail-Adresse: https://haveibeenpwned.com
Website Tools
- Pixellineal – Breit, Höhe, Farbe, …: pixlin.exe
- Farbwähler: RGB und Hexcode für deine Farbe! – https://g.co/kgs/jhnDb5B
- Firefox Add-on – Ghostery: www.addons.mozilla.org/de/firefox/addon/ghostery/
- Firefox Add-on: Wappalyzer: www.addons.mozilla.org/de/firefox/addon/wappalyzer/
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
Zwei geniale Seiten mit interaktiven Cheat-Cheets und online Generatoren für diverse CSS wie zB: shaddow, table, gradient, …
Welcher Browser stellt welches HTML & CSS dar? Can I Use weiß es!
- Mediaevent: Stil mit Stil, HTML & CSS Tutorials
- Code-Schnipsel: codemyui.com
- Google Fonts lokal einbinden: www.die-contentakademie.at/google-fonts-lokal-dsgvo/
- CSS animiert: www.animate.style
- Header mit CSS erstellen: www.codepen.io/prathkum/pen/vYgZdzN
- www.twitter.com/Prathkum/status/1517899135990452224
- www.generatorcss.vercel.app
- www.codemyui.com/tag/image-effects/page/3
- 20 kreative CSS Menü Inspirationen
- www.cssgradient.io
- www.css-tricks.com
- www.cssportal.com/css3-text-shadow-generator
- www.bestcssbuttongenerator.com
- W3 Schools
Pratham Kuman – Top 9 CSS Generator Tools
- www.stripesgenerator.com
- www.cssgradient.io
- www.patternify.com
- www.accordionslider.com
- www.palette.ninja
- www.grid.layoutit.com
- www.keyframes.app
- www.css-grid-layout-generator.pw
- www.menucool.com/css-menu
SEO
- Blogmojo: www.blogmojo.de/seo-lernen/
- Website auf doppelten Inhalt prüfen: www.siteliner.com/
Social Media
Am Mobiltelefon: WhatsApp, Telegram, usw. rechtssicher verwenden: Speicher teilen und nur im geschützten (versperrten) Raum verwenden. Eine Software dafür: www.virtual-solution.com/
Text
- Übersetzer: www.deepl.com/de/translator
- ChatGPT: www.chat.openai.com/
Videos
www.movavi.com/learning-portal/free-video-editing-software-no-watermark.html
Handy
www.derstandard.at/shelter-wie-man-nervige-android-apps-in-ihre-schranken-weist