Inhalt
HTML / CSS Editor
- Google Web Designer: https://www.google.com/webdesigner/
HTML 5 Inhalte inkl. Animationen erstellen - RocketCake: https://www.ambiera.com/rocketcake/ + auch MacOS
WYSIWYG Webseitenerstellung - Mobirise: https://mobirise.com/ + auch MacOS
WYSIWYG Webseitenerstellung - openElement: https://www.openelement.com/
WYSIWYG Webseitenerstellung mit CSS 3 und HTML 5 - KompoZer: http://www.kompozer-web.de/
WYSIWYG Webseitenerstellung - Amaya: https://www.w3.org/Amaya/
offizieller WYSIWYG HTML + XML Editor des W3C
Browsererweiterungen
- HTML-Editor WebStudio: Firefox
WYSIWYG HTML Editor - ConstEdit Word Processor: Chrome
WYSIWYG HTML Editor inkl. Spracheingabe (Spracherkennung) - Text Editor: Firefox, Chrome
Texteditor + Sourcecodeeditor inkl. Speicherung als Datei - Visual CSS Editor: Chrome
Format und Layout direkt ändern + Export von generiertem CSS (nicht für WordPress Seiten) - Live editor for CSS: Firefox, Chrome
CSS Editor für angezeigte Webseite mit Maus-Auswahl von CSS Selektor - Stylebot: Firefox, Chrome
WYSIWYG CSS Editor für angezeigte Webseite mit Maus-Auswahl von CSS Selektor - CSS Spider: Firefox, Chrome
Anzeige von CSS zu Element unter Mauszeiger + Kopieren / Export zu CodePen - CSSViewer: Firefox, Chrome
Anzeige von CSS zu (hervorgehobenem) Element unter Mauszeiger - CSS Peeper: Chrome
Anzeige Schriftarten / Farben / Medien + CSS zu (hervorgehobenem) Element unter Mauszeiger - CSS Scanner: Chrome
Anzeige von CSS zu (hervorgehobenem) Element unter Mauszeiger - CSS Selector Capture Pro: Chrome
Anzeige von CSS Selektot zu (hervorgehobenem) Element unter Mauszeiger - Selector Finder: Chrome
Anzeige von CSS Selektot zu (hervorgehobenem) Element unter Mauszeiger - ABBAdata CSS Selector Finder: Chrome
Anzeige von CSS Selektot zu (hervorgehobenem) Element unter Mauszeiger
Onlinetools
- Online HTML Editor: https://html-online.com/
WYSIWYG HTML Editor+ Code-Cleaner - HTMLed.it: https://htmled.it/
WYSIWYG HTML Editor + Code-Cleaner - HTML Editor Tools: https://htmleditor.tools/
WYSIWYG HTML Editor + Code-Cleaner - HTML5 Editor: https://html5-editor.net/
WYSIWYG HTML Editor + Code-Cleaner - HTML Code Editor: https://htmlcodeeditor.com/
WYSIWYG HTML Editor + Code-Cleaner - HTMLg: https://htmlg.com/html-editor/
WYSIWYG HTML Editor + Code-Cleaner - Online HTML Editor: https://onlinehtmleditor.dev/
WYSIWYG HTML Editor + Real-time collaboration editor - Word to HTML: https://wordtohtml.net/
WYSIWYG HTML Editor - HTML Editor: https://htmleditor.in/index.html
WYSIWYG HTML Editor - Free Online HTML Editor: https://htmleditor.online/
WYSIWYG HTML Editor - HTML CSS JavaScript: https://html-css-js.com/
HTML, CSS und Javascript gemeinsam editieren + Live Vorschau - CodePen: https://codepen.io/
HTML, CSS und Javascript gemeinsam editieren + Live Vorschau - Liveweave: https://liveweave.com/
HTML, CSS und Javascript gemeinsam editieren + Live Vorschau - JSFiddle: https://jsfiddle.net/
HTML, CSS und Javascript gemeinsam editieren + Live Vorschau
CMS
CMS … Content Management System
Standardwebserver
LAMP … Linux + Apache + MySQL + PHP
- WordPress: https://de.wordpress.org/ + online: https://de.wordpress.com/
DER Standard im Internet + Erweiterungen => siehe eigene Linkseite WordPress - Joomla: https://www.joomla.org/ + DE: https://www.joomla.de/ + online: https://launch.joomla.org/
einfach, aber auch für größere Projekte + Erweiterungen: z.B. VirtueMart - Drupal: https://www.drupalcenter.de/
CMS mit Community-Orientierung + Erweiterungen - TYPO3 CMS: https://typo3.org/
CMS für gehobene Ansprüche + Erweiterungen - Neos: https://www.neos.io/
Schwerpunkt auf interaktives WYSIWYG Editieren - WBCE: https://wbce.org/de/wbce/
Abspaltung von WebsiteBaker: auch portabel - LEPTON: https://lepton-cms.org/deutsch.php?lang=DE
Weiterentwicklung von WebsiteBaker: auch portabel - Serendipity: https://www.s9y.org/
Weblogsystem ähnlich WordPress - webEdition: https://www.webedition.org/
deutsches CMS mit Datenbankmodul und Shop - MODX: https://modx.com/
CMS für rundum individualisierbaren Webauftritt - Contao: https://contao.org/de/
deutsches CMS mit Schwerpunkt auf Barrierefreiheit + Isotope Webshop - Composr: https://compo.sr/
multifunktionales, stark interaktives CMS - ImpressCMS: https://www.impresscms.org/
CMS mit Erweiterungen: basierend auf XOOPS - Redaxo: https://redaxo.org/
flexibles CMS mit modularen Inhalten
Webserver mit besonderen Anforderungen
- OpenCms: http://www.opencms.org/de/
CMS mit WYSIWYG und strukturierten Eingaben + Workflow - OpenWGA: https://www.openwga.com/
CMS mit WYSIWYG - Plone: http://www.plone.de/
CMS für Intra- und Extranet: auf Basis Webapplikationsserver Zope - django CMS: https://www.django-cms.org/
dynamische Inhaltsaktualisierung via Plugins
Flatfile CMS
… mit PHP, aber ohne Datenbankbedarf!
- FlatPress: https://www.flatpress.de/
CMS mit Plugins und Themes - GetSimple CMS: http://get-simple.info/
schnelles CMS mit WYSIWYG, Plugins und Themes - Fork: https://www.fork-cms.com/
schnelles CMS mit WYSIWYG, Plugins und Themes - Sitemagic CMS: https://sitemagic.org/
schnelles CMS mit WYSIWYG, Plugins und Themes - WonderCMS: https://www.wondercms.com/
schnelles CMS mit WYSIWYG, Plugins und Themes - TinyCMS: https://www.tinycms.eu/
schnelles CMS mit WYSIWYG, Plugins und Themes - moziloCMS: https://www.mozilo.de/
einfaches deutsches CMS mit CMS-Syntax-Editor, Plugins und Themes - Grav: https://getgrav.org/
CMS mit Markdown-Editor, Plugins und Themes - Bludit: https://www.bludit.com/
CMS mit Markdown-Editor, Plugins und Themes - HTMLy: https://www.htmly.com/
CMS mit Markdown-Editor und Themes
Übersicht allgemein
- OpenSourceCMS: https://www.opensourcecms.com/
Übersicht inkl. Demos zum Testen
Spezialisierte CMS
- phpBB: https://www.phpbb.de/
komfortables Forensystem - phpMyFAQ: https://www.phpmyfaq.de/
interaktives FAQ System - Piwigo: https://de.piwigo.org/
Fotogalerie - Coppermine: https://coppermine-gallery.net/
interaktive Fotogalerie - Lychee: https://lychee.electerious.com/
Fotogalerie - Zenphoto: https://www.zenphoto.org/
CMS mit Schwerpunkt auf Medienverwaltung (inkl. Fotos) - ScientificCMS: https://www.scientificcms.org/
Schwerpunkt wissenschaftliche Publikationen - Oxwall: https://www.oxwall.org/
Communitynetzwerke im Eigenbau - eXo CE: https://www.exoplatform.com/
umfassende Intranetplattform - Liferay CE: https://www.liferay.com/de/
Portalsystem
Wiki
- MediaWiki: https://www.mediawiki.org/wiki/MediaWiki
Wikipediabasis + WYSIWYG + Erweiterungen - TiddlyWiki: https://tiddlywiki.com/
1 HTML Datei + Plugins, ohne WYSIWYG: portabel - DokuWiki: https://www.dokuwiki.org/dokuwiki
einfaches Wiki, ohne Datenbank - MoinMoin: https://moinmo.in/
WYSIWYG Wiki ohne Datenbankbedarf - Tiki Wiki: https://tiki.org/
Wiki mit WYSIWYG, Foren, Bildergalerien, etc. - Foswiki: https://foswiki.org/
WYSIWYG + Erweiterungen: auch portabel – Abspaltung von TWiki - WikiMatrix: https://www.wikimatrix.org/
Verzeichnis für Wikis, Foren, Weblogs
Online CMS
… kein eigener Server oder Installation erforderlich
- Jimdo: https://de.jimdo.com/
Homepage: 500 MB + SSL + 2 GB Bandbreite + Jimdo Werbung + auf Jimdo.com Sub-Domain: DE
+ optional Webshop (kostenpflichtig) - Weebly: https://www.weebly.com/at
500 MB Speicher + SSL + Weebly Werbung auf Weebly.com Sub-Domain: USA - IM-Creator: https://www.imcreator.com/
50 MB Speicherplatz in imxprs.com/free/ Unterverzeichnis: USA - Yola: https://www.yola.com/de
Homepage (3 Seiten, 1 GB Speicher, 1 GB Bandbreite auf Yola-Domain: USA - Wix: https://de.wix.com/
Homepage: 500 MB Speicher, 500 MB Bandbreite auf Wix-Domain: Israel - Webnode: https://de.webnode.com/
Homepage: 10 MB Speicher, 1 GB Bandbreite auf Webnode-Domain: CH - Google Sites: http://sites.google.com/site/sites/
werbefreie Homepage: 100 MB/Site, 20 MB/Datei
Anleitungen: Google Hilfe, Steegle HowTo: Domain Weiterleitung, aufschalten + Suchindex - Blogger: https://www.blogger.com/about/
Google Blogging Plattform
Webshop
- PrestaShop: https://www.prestashop.com/de/
Selbstinstallation / Cloud: online + Erweiterungen - Zen-Cart: https://www.zen-cart-pro.at/
einfacher WebShop nach gesetzlichen Anforderungen - OXID eshop CE: https://www.oxid-esales.com/
hochperformanter WebShop nach DE Recht - modified: https://www.modified-shop.org/
deutscher WebShop nach gesetzlichen Anforderungen - xt:Commerce CE: https://www.xt-commerce.com/
grundlegender WebShop nach DE Recht - commerce:SEO CE: https://www.commerce-seo.de/
grundlegender WebShop nach DE Recht - Shopware CE: https://www.shopware.com/de/
komfortabler WebShop nach DE Recht - Bigware: https://bigware.de/
umfangreicher deutscher Webshop - osCommerce: https://www.oscommerce.de/
weit verbreiteter WebShop - OpenCart: https://www.opencart.com/
modular anpassbar und performant, inkl. DE Sprachpaket
Online Webshop
- Campula: https://www.kostenlos-onlineshop.de/
DE Shop: auch werbefrei und kostenpflichtig als Mietshop - freeshophoster: https://www.freeshophoster.de/
DE Shop: 5 GB, bis 50 Artikel kostenlos, werbefinanziert, SSL kostenpflichtig - Gambio: https://www.gambio.de/
DE Shop: kostenpflichtiger Onlineshop – alternativ auch für eigenes Hosting
Eigenprogrammierung
- PHP: https://www.php.net/ + https://windows.php.net/
DIE Standard-Skriptsprache für Webanwendungen wie WordPress & Co.: inkl. Windows-Version - Perl: https://www.perl.org/
Universelle Skriptsprache, insbesondere auch für Webanwendungen - Python: https://www.python.org/
Programmiersprache - Ruby: https://www.ruby-lang.org/de/
objektorientierte Programmiersprache - Ruby on Rails: https://rubyonrails.org/
in Ruby geschriebenes Webframework - Scala: https://www.scala-lang.org/
Programmiersprache mit Java Interoperabilität + Udemy Tutorial - Groovy: https://groovy-lang.org/
Programmiersprache mit Java Interoperabilität - SWI Prolog: https://www.swi-prolog.org/
Prolog Programmierumgebung: auch portabel - Mono: https://www.mono-project.com/
Open Source .NET Softwareplattform - Limbas: http://www.limbas.org/wiki/Hauptseite
PHP Datenbankframework für WEB-Applikationserstellung - Eclipse: https://www.eclipse.org/
Entwicklungsplattform mit Plugins: z.B. Vaadin oder Aptana Studio - WaveMaker: https://www.wavemaker.com/
WYSIWYG WEB-Applikationserstellung: auch für Eclipse - IntelliJ IDEA CE: https://www.jetbrains.com/idea/
Entwicklungsplattform für Java, Scala und Groovy - Visual Studio Community: https://visualstudio.microsoft.com/de/vs/community/
App Erstellung - App Inventor: https://appinventor.mit.edu/
Android Apps per drag-and-drop selbst zusammenbauen - Android Studio: https://developer.android.com/studio/
offizielle Android Entwicklungsumgebung von Google - ImHex: https://imhex.werwolv.net/
Hex Editor für Anzeige, Dekodierung, Analyse und Bearbeitung von Binär-Dateien
Datenbanken
- MySQL: https://www.mysql.com/de/ + https://dev.mysql.com/
Meistgenutzte SQL Datenbank: inkl. Windows-Version - MariaDB: https://mariadb.org/
MySQL kompatibel: inkl. Windows-Version - Percona: https://www.percona.com/software/mysql-database/percona-server
MySQL Ersatz (gleiche Versionsnummerierung) - PostgreSQL: https://www.postgresql.org/
SQL Datenbank + Oberfläche pgAdmin - Actian X (Ingres): https://www.actian.com/data-management/actian-x-hybrid-rdbms/SQL Datenbank für Unternehmensanwendungen
- Firebird: https://www.firebirdsql.org/
SQL Datenbank für alle Systemplattformen inkl. Windows - SQLite: https://www.sqlite.org/
serverfreie SQL Datenbank für alle Systemplattformen inkl. Windows - Derby: https://db.apache.org/derby/
SQL Datenbank für Java Anwendungen - CouchDB: https://couchdb.apache.org/
dokumentenorientierte Datenbank - MongoDB: https://www.mongodb.com/
NoSQL dokumentenorientierte Datenbank - Cassandra: https://cassandra.apache.org/
Skalierbare, hochverfügbare und hochperformante NoSQL Datenbank - Redis: https://redis.io/
In Memory Datenbank/Cache
Für Anzeige und Bearbeitung von Struktur und Inhalten siehe auch Datenbankzugriff
Weberweiterungen
- Cookie Consent: https://cookieconsent.insites.com/
JavaScript Generator für EU rechtskonforme Cookie Information und Zustimmungseinholung - PageSpeed Module: https://developers.google.com/speed/pagespeed/module/
Automatische Google PageSpeed Optimierung für Apache und Nginx Server - Roundcube: https://roundcube.net/
IMAP Webmail - JRank: https://www.jrank.org/
Suchfunktion für eigene Homepage: Websitewidget - Chatango: https://chatango.com/
Gruppenchat oder privater 1:1 Chat auf Webseite: Websitewidget - CKEditor: https://ckeditor.com/
WYSIWYG Editor zum Einbau in Webapplikation - TinyMCE: https://www.tiny.cloud/tinymce/
WYSIWYG Editor zum Einbau in Webapplikation - Trix: https://github.com/basecamp/trix
WYSIWYG Editor zum Einbau in Webapplikation - Xinha: https://trac.xinha.org/
WYSIWYG Editor zum Einbau in Webapplikation - Quill: https://quilljs.com/
WYSIWYG Editor zum Einbau in Webapplikation - Aloha Editor: https://www.alohaeditor.org/
WYSIWYG Editor zum Einbau in Webapplikation - Summernote: https://summernote.org/
WYSIWYG Editor zum Einbau in Webapplikation - ContentTools: https://getcontenttools.com/
Editor zum Einbau in Webapplikation - Ace: https://ace.c9.io/
JavaScript Texteditor zum Einbau in Webapplikation - CodeMirror: https://codemirror.net/
JavaScript Texteditor zum Einbau in Webapplikation - ImageMagick: https://www.imagemagick.org/
einbaubare Bildbearbeitung - GraphicsMagick: http://www.graphicsmagick.org/
Weiterentwicklung von ImageMagick - Graphviz: https://www.graphviz.org/
einbaubare Grafikerstellung - Video.js: https://videojs.com/
HTML5 Video Player - Barrierefreier Videoplayer: https://www.aktion-mensch.de/barrierefreier-videoplayer
Barrierefreie Videos mit wahlweiser Zuschaltung von Untertiteln, Audiobeschreibung, Gebärdensprache - Matomo (Piwik): https://matomo.org/
Zugriffsanalyse, Besucherstatistik: + Android – wie Google Analytics: + Android - W3Counter: https://www.w3counter.com/
Zugriffsstatistik: bis 5000 Besucher/Tag - Seo Panel: https://www.seopanel.in/
Suchmaschinenoptimierung - Email Link Encoder: http://www.alexnolan.net/software/email_link_encoder.htm
e-Mail Adresse als HTML/JavaScript/Bild gegen Spammissbrauch verschlüsseln: portabel - Mailman: https://www.gnu.org/software/mailman/
Mailinglisten: Forum + Newsletter
Ressourcen / Wissen
- European Alternatives: https://european-alternatives.eu/
Europäische Dienste als DSGVO freundliche Alternative zu USA/Google-Services - Can I use: https://caniuse.com/
Browser Support für Webtechnologien (CSS Funktionen, Bild-/Font-Formate, etc.) - regexe: http://www.regexe.de/
Reguläre Ausdrücke (Tutorial) testen + Kurzreferenz als [Hilfe] - SELFHTML: https://wiki.selfhtml.org/
Dokumentation zu HTML inkl. Zeichenreferenz, CSS und JavaScript - W3Schools: https://www.w3schools.com/
Dokumentation zu HTML inkl. URL Encoding, CSS, JavaScript, SQL, PHP, XML, etc. - MDN Web Docs: https://developer.mozilla.org/en-US/
Referenz & Anleitung zu HTML, CSS, JavaScript, HTTP, Web Technologie, Barrierefreiheit, etc. - JavaScript.com: https://www.javascript.com/
Unterlagen und Lehrmaterialien zu JavaScript - The Modern JavaScript Tutorial: https://javascript.info/
JavaScript lernen inkl. umfangreiche Code- und Anwendungsreferenz - React: https://reactjs.org/
JavaScript Bibliothek zur Erstellung von Benutzerschnittstellen (wie z.B. Gutenberg Editor in WordPress) - Computer-Masters: https://www.computer-masters.de/
Infos zu Hardware, Windows, Grafik, Websites, etc. - Webdesignerdepot: https://www.webdesignerdepot.com/
Blog mit Infos und Tools für Webdesigner - Meine erste Homepage: https://www.meine-erste-homepage.com/
Anleitungen, Zubehör: Cliparts, etc. - All-free-download: https://all-free-download.com/
freie Bilder, Grafiken, Websitetemplates, etc. - Templates Box: https://www.templatesbox.com/templates.htm
freie Templates für Webseiten, Logos, etc. - Quackit: https://www.quackit.com/
HTML (inkl. WYSIWYG Editor), CSS, Scripting, XML, Datenbank, Webhosting - HTML.am: https://www.html.am/
HTML Codes, Editor und Generatoren - Base64Convert: https://www.gunamoi.com.au/soft/base64convert/ … portabel
Konvertierung von Text oder Datei <=> Base64 / Base64URL
Für Farben siehe Bildbearbeitung => Farben-Management
Onlinegeneratoren / Konverter
- Blindtext: blindtextgenerator.de, getlorem.com, loremipsum.de, loremipsum.io, loripsum.net,
de.lorem-ipsum.info, www.loremipzum.com/de/textgenerator, randomtextgenerator.com, https://www.lipsum.com/, https://www.dummytextgenerator.com/, https://www.3d4x.ch/blindtext/, https://lazycode.io/dummy-text-generator/, https://tools.piex.at/blindtext-generator/,
https://app.dev-box.app/#/tools/lorem-ipsum;
Inhaltsbefüllung mit wählbarem Umfang - Report URI: https://report-uri.com/home/generate
Erstellung von Content-Security-Policy HTTP Header - Permissions Policy: https://www.permissionspolicy.com/
Erstellung von Permissions-Policy HTTP Header - FreeFormatter: https://www.freeformatter.com/
Formatierung, Validierung, En-/Dekodierung, Konverter, … - Dans Tools: https://www.danstools.com/
Formatierung, Validierung, En-/Dekodierung, Konverter, … - toolpage: https://de.toolpage.org/
Konverter, Generatoren, Übersetzer, Rechner, … - Coding.Tools: https://coding.tools/
Bildkompression, Formatierung, En-/Dekodierung, Konverter, … - Utilities Online: https://www.utilities-online.info/
En-/Dekodierung, Konverter, … - GC Tools: https://gc.de/gc/
En-/Dekodierung, Konverter, … - Base64: https://www.base64encode.org/
Konvertierung von Text oder Datei <=> Base64 / Base64URL - Text Fixer: https://www.textfixer.com/
Zahlreiche Text und HTML Konverter - CodVerter: https://codverter.com/src/index
Editor + Konverter - Online XML Tools: https://onlinexmltools.com/
XML Tools inkl. Konverter - Code Beautify: https://codebeautify.org/
Vielzahl an (WEB-) Tools - Bfotool: https://bfotool.com/
Vielzahl an (WEB-) Tools - Online-Toolz: https://www.online-toolz.com/
Vielzahl an (WEB-) Tools - CSS Portal: https://www.cssportal.com/
CSS Generatoren, Tools, Ressourcen - AngryTools: https://angrytools.com/
Generator für CSS (inkl. Animation) + Tools - Web Code Tools: https://webcode.tools/
Generatoren für HTML, CSS (inkl. Animation), … - HTML Code Generator: https://www.html-code-generator.com/
Generator für HTML, CSS (inkl. Animation), Google Fonts Einbindung, … - CSS Generator by Zinglecode: https://css-generator.netlify.app/
Generator für CSS: Flexbox, Grid, Background, Border, Transform, Filter, Text - Keyframes: https://keyframes.app/
Generator für CSS Animationen / Schatten - Animista: https://animista.net/
Generator für CSS Animationen - CSS Animations Generator: https://www.theappguruz.com/tag-tools/web/CSSAnimations/
Generator für CSS Animationen - WAIT! Animate: https://waitanimate.wstone.uk/
Generator für Pausen innerhalb von CSS Animation
Browsererweiterungen
- Flipsum Ipsum: Firefox, Chrome; LoremGen: Firefox, Chrome; Lipsum Generator: Chrome;
Yet Another Lorem Ipsum Generator: Chrome;
Simple Lorem Ipsum Generator: Chrome;
Blindtext-Generator für rasche Inhaltsbefüllung via Kopieren und Einfügen - Lorem: Firefox, Chrome; Loremizer: Firefox, Chrome; LoremIpsumReplacer: Chrome
Webseitentext mit Blindtext ersetzen – z.B. für Screenshot ohne vertrauliche Inhalte - Dummy Form Filler: Firefox, Simple Lorem Ipsum: Firefox
Yet Another Lorem Ipsum Generator: Chrome
Blindtext-Generator für rasche Inhaltsbefüllung von Formularen - Content Security Policy (CSP) Generator: Firefox, Chrome
Analyse bestehender Website + Erstellung von (möglichem) Content-Security-Policy HTTP Header - Laboratory: Firefox, Chrome
Analyse bestehender Website + Erstellung von (möglichem) Content-Security-Policy HTTP Header
Schriftarten / Fonts
… Installationsanleitung für Windows 10
- Google Fonts: https://fonts.google.com/
Download und freie Nutzung von TrueType (.ttf) Schriftarten + Material Symbols Icons (SVG/PNG) - Bunny Fonts: https://fonts.bunny.net/
Google Open Source Schriftarten für private und geschäftliche Nutzung zum Download
Datenschutzfreundlicher 1:1 Google Fonts Ersatz aus der EU - Ultimate Font: https://ultimatefont.com/
Freie Schriftarten für private und geschäftliche Nutzung zum Download - Font Squirrel: https://www.fontsquirrel.com/
Freie Schriftarten für private und geschäftliche Nutzung zum Download - TTFonts: https://ttfonts.net/de/
Download und freie Nutzung von TrueType (.ttf) Schriftarten - Fontsgeek: https://fontsgeek.com/
Download und freie Nutzung von TrueType (.ttf) und OpenType (.otf) Schriftarten - FontZone: https://fontzone.net/
Download und freie Nutzung (je nach Lizenz) von TrueType (.ttf) und OpenType (.otf) Schriftarten - DaFont: https://www.dafont.com/de/
Download und freie Nutzung (je nach Lizenz) von TrueType (.ttf) und OpenType (.otf) Schriftarten - Free fonts: https://all-free-download.com/font/
Download und freie Nutzung (je nach Lizenz) von TrueType (.ttf) Schriftarten - 1001 Free Fonts: https://www.1001freefonts.com/
Download und freie Nutzung (je nach Lizenz) von TrueType (.ttf) Schriftarten - MyFont: http://www.myfont.de/
Download und freie Nutzung (je nach Lizenz) von TrueType (.ttf) und OpenType (.otf) Schriftarten - Fonts101: http://www.fonts101.com/
Download und freie Nutzung (je nach Lizenz) von TrueType (.ttf) Schriftarten - Atkinson Hyperlegible Font: https://www.brailleinstitute.org/freefont
Frei verfügbare, auf Lesbarkeit bei Sehschwäche optimierte Spezialschriftart des Braille Instituts
Für lokale Schriftverwaltung siehe Bürotools => Font-Management
Online-Konverter
- Google Webfont Helper: https://gwfh.mranftl.com/fonts
Onlinekonverter für Google Fonts zu eot, ttf, svg, woff, woff2 + @font-face CSS (Anleitung) - transfonter: https://transfonter.org/
Onlinekonverter zu eot, svg, ttf, woff, woff2 + @font-face CSS inkl. font-display - Fontie: https://fontie.pixelsvsbytes.com/
Onlinekonverter zu eot, svg, ttf, woff, woff2 + @font-face CSS - Font Squirrel Webfont Generator: https://www.fontsquirrel.com/tools/webfont-generator
Onlinekonverter zu eot, svg, ttf, woff, woff2 + @font-face CSS - fontConverter: https://www.fontconverter.io/de
Onlinekonverter zu eot, otf, svg, ttf, woff, woff2 + @font-face CSS - fontconverter.org: https://www.fontconverter.org/
Onlinekonverter ttf, otf, pfb, dfont, otb, fon, fnt, svg, ttc, bdf, sfd, cff, pfa, ofm, acfm, amfm, cha, chr
Browsererweiterungen
- Google Fonts Checker: https://fontsplugin.com/google-fonts-checker/
Analyse von Website auf Quellen (Google oder eigener Server) verwendeter Google Fonts - Font Finder: Firefox, Chrome; Font Inspector: Firefox, Chrome; WhatFont: Firefox, Chrome;
Fonts Ninja: Firefox, Chrome; Fontanello: Firefox, Chrome;
Ermittlung Schrifteigenschaften (Schriftart, Farbe, Größe, …) per Mausklick
Unicode – Sonderzeichen & Emojis
- Unicode Zeichensatz: https://www.webmaster-seo.com/de/unicode/coding
Kategorisierte Zeichentabelle für Unicode / HTML-Code - HTML Sonderzeichen: https://www.vioma.de/de/wiki/tools/html-sonderzeichen/
Kategorisierte Zeichentabelle für Unicode / HTML-Code zum Kopieren und Einfügen - MadeInText: https://www.madeintext.com/
Alle Unicode Sonderzeichen zum Kopieren und Einfügen + zahlreiche Online Text-Tools - Unicode: https://www.compart.com/de/unicode/
Alle Unicode Zeichensätze mit umfassenden Informationen zu jedem Zeichen - UTF-8 Unicode Zeichentabelle: https://www.utf8-zeichentabelle.de/
Zeichentabelle mit Unicodeposition (U+….), Hex-Wert und Name - SYMBL: https://symbl.cc/de/
Unicode Symbole inkl. Emojis zum Kopieren und Einfügen - ZEICHEN.TV: https://www.zeichen.tv/
Sonderzeichen und Emojis zum Kopieren und Einfügen + zahlreiche Verweise zu Tools - Keyboard.cool: https://keyboard.cool/
Emojis und Sonderzeichen zum Kopieren und Einfügen - Emojikopieren.de: https://emojikopieren.de/
Emojis zum Kopieren und Einfügen - Emoji Bedeutung: https://www.emojimore.com/de/
Emojis mit jeweiliger Bedeutung + Emojis („Tastatur“) zum Kopieren und Einfügen - Unicode-Emoji: https://www.typografie.info/3/artikel.htm/wissen/unicode-emoji-deutsch
Liste aller Unicode Emojis mit Beschreibung je Emoji
Browsererweiterungen
- Special Characters: Firefox; Symbol Finder: Firefox, Chrome
Unicode-Sonderzeichen zum Kopieren und Einfügen - Special Characters: Chrome
Unicode-Sonderzeichen inkl. weltweite Sprachfamilien zum Kopieren und Einfügen - Keyboard.cool: Firefox, Chrome
Emojis und Unicode-Sonderzeichen zum Kopieren und Einfügen - Emoji: Firefox; EmoBoard: Chrome
Emojis zum Kopieren und Einfügen - Character Identifier: Firefox; Unicode Analyzer: Chrome
Kontextmenü für Unicode-Eigenschaften ausgewählter Zeichen
Bilder & Icons
- Pixabay: https://pixabay.com/
kostenfrei nutzbare Grafiken und Bilder - Unsplash: https://unsplash.com/
kostenfrei nutzbare Bilder - Pexels: https://www.pexels.com/
kostenfrei nutzbare Bilder - FreeImages: https://www.freeimages.com/de
kostenfrei nutzbare Bilder - Kaboompics: https://kaboompics.com/
kostenfrei nutzbare Bilder - picjumbo: https://picjumbo.com/
kostenfrei nutzbare Bilder - PikWizard: https://pikwizard.com/
kostenfrei nutzbare Bilder - Barnimages: https://barnimages.com/
kostenfrei nutzbare Bilder - Wikimedia Commons: https://commons.wikimedia.org/wiki/Hauptseite
Bilder unter kostenfreier Lizenz (Angabe konkreter Lizenz bei jedem Bild) - Flickr: https://www.flickr.com/
Durchsuchbares Portal mit Lizenz als Filterkriterium - Openverse: https://openverse.org/de
Bildersuche mit Creative Commons Lizenz als Filterkriterium - Artvee: https://artvee.com/
kostenfrei nutzbare Public Domain (Schutzfrist abgelaufen) Bilder von Malern - WPClipart: https://wpclipart.com/
kostenfrei nutzbare Public Domain Grafiken und Bilder - GIFGIFS: http://gifgifs.com/
kostenfrei nutzbare Public Domain animated GIFs - AnimatedImages: https://www.animatedimages.org/
kostenfrei nutzbare animated GIFs - Reshot: https://www.reshot.com/
kostenfrei nutzbare SVG Icons und Vektor Illustrationen (EPS/PNG) - Iamvector: https://iamvector.com/
kostenfrei nutzbare und online editierbare Icons (SVG/PNG/WEBP) - UXWing Icons: https://uxwing.com/
kostenfrei nutzbare Icons - IconStore: https://iconstore.co/
kostenfrei nutzbare Icons - Iconicons: https://ionic.io/ionicons
kostenfrei (MIT Lizenz) nutzbare SVG Icons => Download „Designer pack“ - Bootstrap Icons: https://icons.getbootstrap.com/ => https://github.com/twbs/icons
kostenfrei (MIT Lizenz) nutzbare SVG Icons - Radix: https://icons.radix-ui.com/
kostenfrei (MIT Lizenz) nutzbare SVG Icons - Remix Icons: https://remixicon.com/
kostenfrei nutzbare Icons (SVG/PNG) - IconPacks: https://www.iconpacks.net/
kostenfrei nutzbare Icons (SVG/PNG) - Lineicons Free: https://lineicons.com/
kostenfrei (CC BY-SA Lizenz) nutzbare SVG Icons - IconArchive: https://www.iconarchive.com/
Icon-Suchmaschine (ICO/PNG, SVG) mit jeweiligen Lizenzangaben (filterbar) - SVG Repo: https://www.svgrepo.com/
Icon-Suchmaschine - fffuel: https://fffuel.co/
kostenfrei nutzbarer SVG Generator + SVG zu PNG Konverter + Base64 Encoder
Bildagenturen (zahlungspflichtig)
Beispiele für Anbieter und Preise als Orientierungshilfe (ohne jede Gewähr)
- APA-PictureDesk: https://www.picturedesk.com/
Bildagentur der Austria Presse Agentur + Sonderservices wie Auftragsfotografie - AustrianImages: https://www.austrianimages.com/
Bildagentur für Österreich Stockfotos - Getty Images: https://www.gettyimages.at/
Bildagentur + Videos + Sonderservices wie Rechteklärung und Auftragsfotografie - iStock: https://www.istockphoto.com/de
Bildagentur + Videos + Musik - Shutterstock: https://www.shutterstock.com/de/
Bildagentur + Videos + Musik + Soundeffekte + Sonderservices wie KI_Bildgenerator - Alamy: https://www.alamy.de/
Bildagentur + Videos + Vektorgrafiken - Adobe Stock: https://stock.adobe.com/at/
Bildagentur + Videos + Audio - Depositphotos: https://de.depositphotos.com/
Bildagentur + Videos + Audio + Tools (Grafikdesigner, Logo-Maker, Hintergrund Radierer, Bild Upscaler) - ClipDealer: https://de.clipdealer.com/
Bildagentur + Videos + Audio + Vektorgrafiken - Dreamstime: https://de.dreamstime.com/
Bildagentur + Videos + Audio + Vektorgrafiken - PantherMedia: https://bildagentur.panthermedia.net/
Bildagentur + Videos + Vektorgrafiken - Photocase: https://www.photocase.de/
Bildagentur - Shotshop: https://www.shotshop.com/
Bildagentur - 123RF: https://de.123rf.com/
Bildagentur + Videos + Audio + Vektorgrafiken + Schriftarten - Envato Elements: https://elements.envato.com/de/
Bildagentur + Videos + Audio + Vektorgrafiken + Schriftarten - ArtBuyer: https://www.artbuyer.at/
Österreichische Bildvermittlungsagentur mit kostenloser Recherche
Websiteanalyse + SEO Tools
- LinkChecker: https://wummel.github.io/linkchecker/
Weblinks auf Funktion prüfen: auch portabel - Website-Watcher Free: https://www.aignes.com/wswfree.htm
Webseiten auf Änderungen prüfen/überwachen - SiteAnalyzer: https://site-analyzer.pro/de/
Webseiten auf SEO Einstellungen und Fehler prüfen
Für Umsetzung von Optimierungsmaßnahmen siehe auch WordPress
Browsererweiterungen
- Update Scanner: Firefox, Site Delta Watch / Highlight: Firefox / Firefox, Visualping: Chrome
Web pages scanner: Firefox, Check4Change: Firefox
Webseiten auf Änderung prüfen/überwachen - BuiltWith: Firefox, Chrome, Wappalyzer: Firefox, Chrome
verwendete Technik inkl. Webserver und CMS der angezeigten Webseite - Check WordPress Version: Firefox, WordPress Version: Chrome
WordPress Version (soweit ersichtlich) von WordPress Webseite anzeigen - WordPress Theme and Plugins Detector: Chrome
Erkennung von verwendetem Theme und Plugins auf WordPress Webseite - WPintel: Chrome
San auf Identifizierbarkeit von WordPress Version, Plugins, Themes, Benutzernamen, etc. - OpenLink Structured Data Sniffer: Firefox, Chrome
Analyse strukturierter Metadaten (POSH, JSON-LD, Microdata, RDF-Turtle, RDFa) zu aktivem Tab - Link Redirect Trace: Firefox, Chrome
Prüfung Link der aktuellen Webseite auf Eigenschaften, Funktion und Weiterleitungen - HTTPS Mixed Content Locator: Chrome
Unsichere Inhalte (Mixed Content) auf https Webseite identifizieren - Broken Resources Finder: Firefox
fehlende Ressourcen (Bilder, Styleshheets, etc.) auf aktueller Seite erkennen - Link Investigator: Firefox; Check My Links: Chrome; Broken Link Checker: Firefox, Chrome
Funktionsprüfung aller Hyperlinks einer Webseite - Link Gopher: Firefox, Show Links: Firefox, Link Grabber: Chrome
Links einer Webseite extrahieren und in einem neuen Tab gegliedert anzeigen - Link Properties Plus WE: Firefox
Anzeige Response Headers (inkl. Änderungsdatum etc.) für Webseite/Link/Bild/Datei - LastModifiedInfo: Firefox
Anzeige Änderungsdatum für Webseite - GTmetrix: Chrome, Page load time: Chrome
Webseitenladezeitanalyse - Resize Window & Viewport: Firefox, Window Resizer: Chrome
Bildschirmauflösungen testen – Responsive Webdesign (Firefox: [Strg] + [Shift] + [M]) - Measure-it: Firefox, Chrome; ruler: Firefox;
Pixelabmessungen auf Webseite - Measure Everything: Firefox, Chrome
Messung Abstände zwischen DOM Elementen - Protractor: Chrome
Winkelmessung - Ruler Measurement: Chrome; Grids & Rulers: Firefox, Guides: Chrome
Führungslinien zur Kontrolle korrekter Elementausrichtung - Web Developer: Firefox, Chrome
Fehler suchen, HTML/CSS validieren, Cookies, Infos, Abmessungen, Bildschirmauflösung, … - Server Status: Firefox
Server Standort, IP Adressen, HTTP Version, Ladezeit, Datenvolumen, zuletzt geändert, SSL/TLS - HTTP Header Spy: Firefox, Chrome; HTTP Headers: Chrome
HTTP Header der aktuell geladenen Webseite anzeigen - HTTP Headers: Chrome
HTTP Header der aktuell geladenen Webseite anzeigen + Live HTTP Protokoll gesamter Webverkehr - HTTP Header Live: Firefox
HTTP Header anzeigen + ändern + erneut senden - mHeaderControl: Firefox, Header Rewriter: Chrome
Request Headers manipulieren für Cookies, Referer, … - Caspr-Enforcer: Chrome; CSP Tester: Firefox, Chrome
Frei gestaltbare HTTP Content Security Header an Website ausprobieren (Anwendung oder Report-Only) - Disable Content-Security-Policy: Chrome
Zu Testzwecken (temporär) HTTP Content Security Header für Webseiten im aktuellen Tab deaktivieren - CORS Unblock: Firefox, Chrome
Zu Testzwecken (temporär) HTTP CORS Access Control Header der aufgerufenen Webseiten deaktivieren - SEO Inspector: Firefox, META SEO inspector: Chrome
Metadaten der aktuellen Website anzeigen - Web Developer Checklist: Firefox, Chrome
„Best Practices“ Website Kurzcheck gemäß http://webdevchecklist.com/ - SeoQuake: Firefox, Chrome, SEO & Website Analyse: Firefox
SEO Analyse
Für zahlreiche generelle Browsererweiterungen siehe auch Webbrowser => Handhabung-Erweiterungen
OnlinetoolS
- GTmetrix: https://gtmetrix.com/
Ladezeitenanalyse + Verbesserungstipps - Pingdom: https://tools.pingdom.com/
Ladezeitenanalyse - WebPagetest: https://www.webpagetest.org/
Umfassende Ladezeitenanalyse mit wählbarem Browser und Empfängerort - GiftOfSpeed: https://www.giftofspeed.com/
Umfassende Ladezeitenanalyse mit wählbarem Empfängerort
+ separate Test-Tools: CSS, JS, Gzip, Bildoptimierung, Cache, broken Links, HTTP Requests - PageSpeed Insights: https://developers.google.com/speed/pagespeed/insights/
Ladezeitenanalyse von Google - think with Google: https://testmysite.thinkwithgoogle.com/
Mobiltauglichkeit - Google Webmaster-Tools: https://www.google.com/webmasters/
Googletauglichkeit: Search Console, Lernen, Hilfestellung - Varvy SEO tool: https://varvy.com/
Googletauglichkeit: Googlebot, Mobil, SSL, Accessibility, Pagespeed, Robots.txt, … - SmallSEOTools: https://smallseotools.com/de/
Sehr umfangreiche Tool-Sammlung - PrePost SEO Online SEO Tools: https://www.prepostseo.com/
Weblinks prüfen, SEO Score, etc. - SiteAnalyzer SEO Tools: https://site-analyzer.pro/services-seo/
Tools + Konverter + WYSIWYG HTML Editor - Web Developer Checklist: https://webdevchecklist.com/
Infos und Prüftools zu „Best Practise“, Geschwindigkeit, SEO, Sicherheit, Usability, Accessibility, … - Toolsaday: https://toolsaday.com/
Tools + Konverter - DNS Propagation Checker: https://www.whatsmydns.net/
weltweite Verbreitung von DNS Einstellungen - URL Checker: https://www.void.be/urlcheck.html
Weblinks auf Funktion prüfen - Browsercheck: http://www.browsercheck.me/
Info: Betriebssystem, Browser, IP Adresse, Bildschirmauflösung, etc. - Automatic 301 Redirect Checker: https://www.serpworx.com/check-301-redirects/
Prüfung Weiterleitung aller URL Variationen einer Domain: http://, https://, http://www., https://www. - HTTP to HTTPS Redirect Checker: https://toolsaday.com/seo/https-redirect-checker
Prüfung auf automatische Weiterleitung von http zu https - HSTS Test: https://geekflare.com/tools/hsts-test
Prüfung auf korrekt gesetzten HSTS Header - SSL Server Test: https://www.ssllabs.com/ssltest/
Webservertest auf korrekte und optimale SSL Konfiguration - SSL Security Test: https://www.immuniweb.com/ssl/
Webservertest auf korrekte und optimale SSL Konfiguration - SSL Web Server Test: https://www.wormly.com/test_ssl
Webservertest auf korrekte SSL Konfiguration - SSL Check: https://www.jitbit.com/sslcheck/
Komplette https (SSL) Websites mit Crawler auf unsichere Inhalte (Mixed Content) prüfen - Why No Padlock?: https://www.whynopadlock.com/
Validierung SSL Zertifikat + Anzeige aller unsicheren Elemente (Mixed Content) auf einer Seite - HSTS Preload: https://hstspreload.org/
Prüfung von HSTS Preload Status/Eignung + An-/Abmeldung für globale HTTPS Browserlisten - Webbkoll: https://webbkoll.dataskydd.net/de/
Datenschutzrechtliche Überprüfung von Webseite: HTTPS, Cookies, externe Dienste, … - Security Headers: https://securityheaders.com/
Analyse von Webseite auf gesetzte/fehlende sicherheitsrelevante HTTP Header - Mozilla Observatory: https://observatory.mozilla.org/
Analyse von Webseite gesetzte/fehlende sicherheitsrelevante HTTP Header - CSP Evaluator: https://csp-evaluator.withgoogle.com/
Detailverifizierung von Webseite auf wirksame Content-Security-Policy HTTP Header - Policy Evaluator: https://csper.io/evaluator
Detailverifizierung von Webseite auf wirksame Content-Security-Policy HTTP Header - CookieMetrix: https://www.cookiemetrix.com/
Überprüfung auf Cookies vor Einwilligung - Cookiebot: https://www.cookiebot.com/de/
Datenschutzrechtliche Überprüfung von Webseite => Bericht per Mail - Sucuri SiteCheck: https://sitecheck.sucuri.net/
Prüfung auf Schadsofware, Viren, Blacklisting, Website-Fehler, veraltete Software, Schadcode - UpGuard: https://app.upguard.com/webscan
Schwachstellenscan für Server- und Mailkonfiguration - WPSEC: https://wpsec.com/
Prüfung auf bekannte Schwachstellen - Website Security Test: https://www.immuniweb.com/websec/
Webseiten auf Sicherheit (CMS, Server, Verbindung) inkl. DSGVO Erfordernisse prüfen - SPF: https://www.spf-record.de/
Prüfung von Domain-Mailserver auf SPF (Sender Policy Framework) Spamschutz + SPF Generator - HTT2.Pro: https://http2.pro/
Prüfung Server auf HTTP/2, ALPN, und Server-push Unterstützung - HTTP/2 Test: https://tools.keycdn.com/http2-test
Prüfung Server auf HTTP/2 Unterstützung
Barrierefreiheit (WCAG)
… Test von Einhaltung WCAG 2.0 Standards zur Barrierefreiheit (Accessibility) von Webseiten
- Colour Contrast Analyser: https://www.tpgi.com/color-contrast-checker/ + portabel + auch MacOS
Farbkontrast Vorder-/Hintergrund mit WCAG Einstufung - WAVE: https://wave.webaim.org/
Onlinetest (URL) Barrierefreiheit mit Markierung von aufgefallenen Kriterien direkt in Webseite - W3c Web Accessibility Evaluation Tools List: https://www.w3.org/WAI/ER/tools/
Filterbare Liste von Prüftools für Barrierefreiheit von Webseiten
Browsererweiterungen
- WAVE: Firefox, Chrome
Prüfung Struktur, Kontrast, Alt-Text, Technik - Siteimprove Accessibility Checker: Firefox, Chrome
Prüfung Struktur, Kontrast, Technik … auch ohne Anmeldung - axe – Web Accessibility Testing: Firefox, Chrome
Prüfung Struktur, Kontrast, Technik - Tota11y: Firefox
Prüfung Überschriftenstruktur, Kontrast, problematischen Linktext, etc. - Visual ARIA: Firefox, Chrome
Accessible Rich Internet Applications – Umsetzung Spezifikationen überprüfen - Accessibility Insights for Web: Chrome
Prüfung auf rund 50 Kriterien - ARC Toolkit: Firefox, Chrome
Zahlreiche WCAG Tests – integriert als Tab in Entwicklertools - ChromeLens: Chrome
Simulation Farbenblindheit, Test Barrierefreiheit, Anzeige Navigation mit TAB-Taste - WCAG Contrast Checker: Firefox, Chrome
Prüfung Farbkontrast für barrierefreien Zugang + Simulation Varianten von Farbenblindheit - Image ALT: Firefox, Chrome
Alt-Text zu jedem Bild anzeigen - Let’s get color blind: Firefox, Chrome; RGBlind: Firefox, Chrome
Simulation Ansicht Farbenblindheit - Web Disability Simulator: Chrome, Funkify: Chrome
Simulation Farbenblindheit und anderer Sehbeeinträchtigungen - dyslexia simulator: Chrome, Dyslexia Simulator: Chrome
Simulation von Dyslexie-Auswirkungen auf Lesbarkeit
Zuletzt geändert: