Dein Webbrowser blockiert JavaScript! Bitte aktiviere JavaScript, um sicher zu stellen, dass die Website richtig funktioniert!

Tools und Helferlein

Hier findest du eine Sammlung von Links zu Helferlein, Tools und anderes, was für die unterschiedlichsten Anwendungen und Projekte hilfreich sein kann. Viele verwende ich selbst und habe damit gute Erfahrungen gemacht. Alle Links führen auf externe Websites.

*Nicht alle Helferlein oder Tools sind kostenlos, aber die meisten Links führen zu kostenfreien Tools.

Allgemein

Adblock Plus - Hat mir seit mehr als 10 Jahren einen guten Dienst erwiesen und mich vor Überflutung durch Werbung bewahrt.

datenschutz-generator.de - Ein sehr umfangreicher Datenschutzgenerator.

opensource.guide/de/starting-a-project/

Büchersuche für Daten wie Seitenzahl, Wörteranzahl, … Kobo.com und arbookfind.com

Markdown Stuff

Tranform Tabellen zu Markdown

Transform HTML zu Markdown Convert HTML to Markdown

Markdown Table Generator

Farben & Farbpaletten

allbranded.de/Pantone-Farbhelfer - Eignet sich besonders gut, um zwischen Pantone, HEX, RGB und CMYK das entsprechende Äquivalent zu finden.

Adobe Color - Gute Farbgebungen und viele unterschiedliche Paletten. Ich finde oft gute Ideengebungen und kann das dann für meine Aufgaben adaptieren oder ich nutze das Tool, um komplett neue eigene Farbgebungen zusammenzustellen.

ColorDrop.io - Gibt eine große Auswahl an Squarespace-Templates wieder. Die vier Farben eines Quadrates harmonieren meist sehr gut miteinander und geben Ansätze für die Farbgebung.

Coolors.co - Erstellung von Farbpaletten für kreative Farbgebungen

materialpalette.com - Schnell mal grob zwei Farben des Material-Design-Styleguides zusammenwerfen.

Flowcharts, Grafiken, UML und Prozesse

diagrams.net - Früher auch einfach nur als draw.io bekannt. Bietet unglaublich viele Möglichkeiten zur Darstellung von Prozessen, Ideen, UML, … als Diagramm. Es gibt ein nicht offizielles Plugin für Visual Studio Code. Dies bringt die Anwendung vom Webbrowser direkt auf den PC.

Hardware

ifixit.com - IFixIt.com bietet eine Vielzahl an Anleitungen, um die eigene Hardware zu reparieren. Die Anleitungen werden von Usern für User geschrieben.

OpenHardwareMonitor.org - ist eine Open-Source-Software, um Temperatursensoren, Lüftergeschwindigkeiten, Spannung, load und clock Geschwindigkeiten des PCs zu Monitoren und verfügt über einen Plot, sowie eine Exportfunktion für Reports.

Image, Picture and Stock Photo Websites

Die folgenden Seiten beinhalten Fotos und Grafiken für die “freie” Verwendung. Es ist wichtig, die Lizenzbestimmungen der jeweiligen Seite zu kennen! Damit keine Abmahnung ins Haus flattert.

onebigphoto.com - Diese Seite ist ein Katalog, um gute Bilder für ein Projekt zu finden. Vorsicht mit der Lizenz auf der jeweiligen verlinkten Webseite durch onebigphoto.com!

Es ist schwierig, flexible Jobs zu finden. Viele Unternehmen in Deutschland wollen die Mitarbeiter*innen dauerhaft im Büro haben. Das ist nicht unbedingt förderlich. Es gibt Websites, die gezielte Jobangebote ausschreiben, welche Remote von überall durchgeführt werden können.

Lizenzauswahl für Softwareprojekte

opensource.org/licenses - Liste einiger der bekanntesten Open Source Lizenzen.

choosealicense - Auflistung einiger Standardlizenzen

Open Source Compliance Advisor - Hilft bei der Auswahl einer Lizenz nach bestimmten Kriterien.

Open Font License- Eine Lizenz, die speziell für Fonts entwickelt und genutzt wird.

Programmierung und Dev-Tools

awesome list - Lists of awesome stuff. However it is just awesome with a manifesto!

Cheat.sh - ermöglicht den Zugriff auf die besten von der Community betriebenen Cheat-Sheet-Repositoriys und dazu gibt das auch auf GitHub. (z.B. 7z, apt, arduino, apache, …)

Gulp (Automatisierung Webentwicklungsprozess) - Gulp ist ein Task-Runner, um unter anderem SASS zu CSS zu übersetzen. Meine Gulp-Skripte sind unter einer MIT-Lizenz auf GitHub öffentlich verfügbar. Neben Gulp gibt es auch noch Grunt als Alternative. Hier ein kurzer Vergleich der beiden von IONOS.

Language Codes - Eine Übersicht aller Standard Language Codes.

Laragon - Viele kennen oft XAMPP bereits. Für mich ist Laragon, jedoch wesentlich handlicher. Deswegen benutze ich es gerne, um eine lokale Entwicklungsumgebung auf Win10 zu haben.

MathJax - LaTeX für mathematische Formeln und Gleichungen nutzen zu können ist praktisch, aber noch praktischer auf der eigenen Website.

PageSpeed Insights - Ein Google Service, der einen guten Überblick über die Seitengeschwindigkeit der eigenen Website gibt. Es lohnt sich, die eigene Seite in der Performance zu optimieren.

Public APIs - ist eine Liste freier APIs für die Nutzung in Software und im Web Development.

PuTTY - ist ein Terminalemulator für Verbindungsherstellung (z.B. SSH, Telnet, Remote login). Es gibt noch einen ganzen Haufen an Alternativen, zum Finden die Wunschsuchmaschine benutzen. Alternativ gibt es auch TeraTerm, dass etwas schlanker ist.

Sitemaps.org - Gibt einen simplen Standard für Sitemaps vor, welcher von z.B. Google, Yahoo! und Microsoft akzeptiert und gefördert wird.

TheAlgorithms - Open Source Bibliothek auf GitHub für Datenstrukturen (data structures) und Algorithmen mit ihrer Implementierung in der jeweiligen Programmiersprache. (z.B. Python, Go, C, C++, Java, Rust, …).

VirusTotal.com - Ein online Viren- und Malwarescanner, um Schadsoftware in Code zu finden bevor diese auf dem eigenen Computer installiert wird. Ist auf jedenfall eine gute Absicherung, einfach um zusätzlich eine Prüfung zu haben.

Visual Studio Community - Einer der Standard IDEs unter Windows. Es gibt auch noch Alternativen wie IntelliJ IDEA.

Visual Studio Code - Mittlerweile mein Standard Editor zum Lesen von Quellcode oder zum schnellen Bearbeiten von verschiedenen Dateien. Die Pluginerweiterungen helfen mir für verschiedene Sachen enorm.

Visual Studio Code Great Icons - Diese Erweiterung tauscht die Standard-Icons im Dateiexplorer gegen richtig gut lesbare und saubere Icons aus. Auf GitHub kann mitgewirkt werden.

Visual Studio Code Shortcuts - So gut wie alle Shortcuts für Visual Studio Code. Alle anderen können in den Einstellungen nachgeschaut oder vergeben und aktiviert werden.

Visual Studio Code Snippets - eigene Snippets zu Visual Studio Code hinzufügen.

zealdocs.org - Offline Dokumentations-Browser für Entwickler*innen aller gängigen IT-Anwendungen und Programmiersprachen.

HTML, CSS und JS

CodePen.io - Diese Seite ist ein Sammelsurium für Code-Snippits. Am besten CodePen erzählt selbst, was CodePen ist.

CSS font-face - Überblick und Guide wie @font-face in CSS genutzt werden kann.

CSS Grid Guide - Kompletter Guide zu CSS Grid mit Beispielbilder und Beispielcode.

CSS Grid Guide Examples - Viele Beispiele und dazu der CSS-Code.

CSS Grid Centering Methods - Gute Erläuterung auf Stack-Overflow, um Elemente in einem Grid zu zentrieren.

CSS Material Box-Shadows - Code Snippits für Box-Shadow in Einklang mit dem Material Design von Google.

CSS Material Design Components - Code Snippits auf GitHub im Einklang mit Material Design. Es gibt sogar einen CodePen.

CSS Media Queries - Kompletter Guide zu den CSS Media Queries mit Codebeispielen und Besonderheiten

CSS z-index Visualisation - Diese Seite erklärt anschaulich wie der z-Index mit CSS funktioniert.

HTML5 Spoiler - HTML5 bietet mit dem details element eine einfache Möglichkeit einen Spoiler zu erstellen.

MDN Web Docs - Komplette Guides, Informationen und Ressourcen für die Webentwicklung. Teilweise auch sehr ausführlich auf Deutsch.

Normalize.css - Diese CSS Datei bringt die meisten Browser auf ein sehr ähnliches Level, wie diese Styles darstellen. Dieser File hilft besonders, um gezielter designen zu können, ohne dabei zu sehr über die unterschiedlichen Browser-Eigenschaften nachdenken zu müssen.

Respecting Font Size Preferences: Rems and 62.5% Base Font Size - Guter Artikel für CSS font-size Einheit rem und wie diese in die Website implementiert werden muss, damit auch die Root-Schriftgröße angepasst wird.

SVG Farbe ändern ohne JS - Auf Stack-Overflow gibt es dazu mehrere Ansätze. Ganz praktisch ist auch dieser Konverter auf CodePen.

SEO (Search Engine Optimization)

indexnow.org - gibt die Möglichkeit, Suchmaschinen sofort über Änderungen oder neue Inhalte einer Website zu informieren. Dafür wird eine HTTP-Request genutzt.

keywordseverywhere.com - stellt eine Analyse von Keywords auf Websites, Suchmaschinen, … zur Verfügung. Es gibt eine Extension für Chrome und Firefox

namechk.com/namechk-plugin-search-results - Hilft einen Namen für ein Projekt auf nicht vergeben zu prüfen. (z.B. Domains und Social-Media-Plattformen)

Search Console Bing - zeigt eine Übersicht der indexierten Seiten der eigenen Website und gibt Möglichkeiten, das Crawling des Bing-Bots zu beeinflussen und zu optimieren. Bing bezeichnet diese Anwendung auch als Webmaster Tool.

Search Console Google - zeigt eine Übersicht der indexierten Seiten der eigenen Website und gibt Möglichkeiten, das Crawling der Google-Bots zu beeinflussen und zu optimieren.

Streaming

StreamFX for OBS - Plugin für eine massive Erweiterung des eigentlichen Funktionsumfangs von OBS. Bezieht sich auf Effekte, Filter, Quellen, … Der Quellcode ist via GitHub einsehbar und dort ist auch das Wiki.

Webdesign

Acceptable Ads (Committee) - Werbung gehört seit langem zum Internet und auf Websites werden Banner, Einblendungen, … platziert. Das Committee beschäftigt sich vereinfacht gesagt damit, wie akzeptable Werbung aussehen sollte.

Awwards.com - Ist eine große Zusammenfassung vieler unterschiedlicher Webdesigns, Fonts, Inspirationen, … Die Seite liefert viele gute Referenzen für Beispiele guter Webdesigns.

Favicon Generator - Ein kostenloser Generator für die Erstellung aller benötigter Favicon-Varianten für Geräte und Webbrowser.

Font Sammlung für Designer - Zusammenstellung kreativer Fonts bzw. Fonts, die sich für unterschiedliche Projekte gut eignen.

Font Sammlung DaFont.com - Gut, um Fonts zu finden und diese eigenen sich teilweise auch für den kommerziellen Gebrauch. Lizenz prüfen!

Font Size Guidelines - Eine kurze Zusammenfassung für den Einsatz unterschiedlicher Schriftgrößen im Webdesign.

GlyphSearch.com - ist ein Suchtool, um Font Awesome, Foundation, Glyphicons, IcoMoon, Ionicons, Material Design and Octicons zu durchsuchen. Es ist also ein Icon-Searcher.

LoremIpsum (Textgenerator) - Ein kostenloser Online Textgenerator, um Texte für Layouts und Design zu erstellen, welche helfen sollen den Fokus auf Design und nicht auf dem Inhalt zu legen.

Material Design 2 - Google Material Design Guide Version 2

Material Design 3 - Google Material Design Guide Version 3

Simpleicons.org - Diese Seite stellt über 2000 Icons bekannter Brands/ Marken zur Verfügung und läuft unter einer CC0 Lizenz. Die Brands unterliegen aber Bedingungen, die bei dem jeweiligen Brand-Inhaber nachgelesen werden können.

Typetester (Online) - Comparing Online Tool for Fonts.

UI-Kits AdobeXD - Kostenlose UI-Kits für AdobeXD.

Wissensdatenbanken (Öffentlich)

Design Large-Scale Systems with System Design Primer - Ein umfassender und sehr ausführlicher Guide, um zu erlernen Systeme skalierbar aufzubauen.

Papers We Love - ist eine riesige Sammlung von Dokumenten des Themenbereiches der akademischen Informatik. Ist ein großes Forum mit vielen Entwicklungen. Es ist besonders gut, um für ein Thema in der Informatik etwas handfesten zu finden. GitHub gibt es auch.

OSS - ist eine Liste für gute Open Source Projekte, um für unterschiedlichste Anwendungsbereiche eine Softwarelösung zu finden.

Pro Git (Book) - Ein Buch nur über die Versionsmanagement-Software Git.

the-eye.eu - Das Auge (the eye) ist eine Website, um öffentlich zugängliche Daten (Dokumente, …) zu speichern, archivieren und der Öffentlichkeit zur Verfügung zu stellen.