Ach so tolle Tools

JavaScript

• The all in one almost alphabetical guide to detecting everything
  • Javascript-Snippets, um herauszukennen, ob ein bestimmtes HTML5-Feature im Browser vorhanden ist
• What forces layout/reflow. The comprehensive list.
  • Liste mit JavaScript-Funktionsaufrufen, die den Browser veranlassen, einen kostspieligen reflow auszulösen

IDE

• Vim Kurzanleitung
  • Hilfe, um in VIM nicht gleich die Welt abzufackeln

CSS && HTML

• Complete Guide to Flexbox
  • Erklärungen, wie Flexbox funktioniert
• Almost Complete Guide to Flexbox without Flexbox
  • Alternativen für coole Flex Eigenschaften, wenn Flexbox mal nicht benutzt werden kann
• Native Formelements
  • This is what every HTML5 form element looks like on your current operating system and browser.
• Flexbugs
  • Community-curated list of flexbox issues and cross-browser workarounds

Programming

• Design Patterns for Humans
  • Design Patterns mit Codebeispielen einfach erklärt.
• Java 8: The good parts
  • Präsentation zu den wesentlichen Features von Java 8
• Oh Shit Git
  • Praktische Hilfen, wenn mal 'was mit Git nicht so funktioniert hat, wie man es eigentlich wollte...
• DevDocs
  • DevDocs? combines multiple API documentations in a fast, organized, and searchable interface.

Typo3

• 24 Fluid Tips
  • 24 Tips and Tricks for TYPO3? Fluid

Online Tools

• Rubular
  • RegEx?-Editor
• Kraken
  • Bild-Optimierer
  • [Lars] empfielt hier eher ImageMagick zu verwenden...
• color-hex
  • Farbwerte ermitteln (RGB, HSL, CMYK, Hex, ...)
• Can I use ... ?
  • Herausfinden, welche Browser das gesuchte Feature unterstützen
• Explain Shell
  • UNIX-Kommandozeilenaufrufe erklären lassen
• mydevice.io
  • Das Schweizer Taschenmesser für mobile Web-Entwicklung
• SDTT (Tester für Strukturierte Daten)
  • Structured-Data-Testing-Tool von Google zum Ansehen, Entwickeln und Testen von http://schema.org/strukturierten Daten auf Webseiten.
• vclFiddle
  • Das was jsFiddle für JavaScript ist, ist vclFiddle für den Varnish
• Fluid Converter
  • Konvertiert Fluid-Tags in Inline-Notation
• http://keycode.info/
  • Zeigt auf Tastendruck den zugehörigen JavaScript-Keycode an
• JavaScript Char Codes
  • Tabelle mit allen JavaScript-Keycodes + Eingabefeld zum Ausprobieren
• RealFaviconGenerator
  • Erstellt Favicons in allen Groessen, darunter eine ansehnliche .ico-Datei mit drei Abmessungen
• HTTP Status Codes
  • HTTP Status Codes Übersicht + Erläuterungen zum schnellen Nachschlagen
• Unicode Toys
  • ������� ����� ������������ ������������������
• Fiddler
  • Webrequest Debugging, kann auch HTTPS-Kommunikation entschlüsselt darstellen
• Stackblitz
  • Project-Scaffolding mit aktuellen Framework-Templates aus der JS Welt
• Codesandbox
  • Online IDE ähnlich Stackblitz, auch mit React-Templates. Verwendet Visual Studio Code im Browser