Editor, IDE und CMD, UFO, SVG, ohjemine

Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥

Feedback? Kommentar oder Mastodon.

VSCode, SublimeText und IntelliJ, MS Frontpage, Dreamweaver und SVG... Schluss jetzt mit schlechten Anspielungen auf Songs der späten 90er! Wir besprechen, welche Editoren und IDEs wir im Einsatz haben und zeigen unsere besten (VSCode) Plugins. Dazu reichen wir die schwarze Magie hinter SVG und entführen euch in virtuelle Welten.
(Folgenbeschreibungen liest niemand bis zum Ende, oder? )

Begrüßung – [00:00:55]

Retro

• Stream-Problem, Analyse und Lösung – [00:04:30]
  • Wo wir sind ist vorne auf Twitch #WWSIVTV
  • WWSIV auf YouTube
• Constantin: Rant der Woche: Android System WebView Update – [00:13:48]
  • Golem-Artikel
  • Heise-Artikel
• Moritz hat jetzt ein MacBook Air – [00:18:57]
• Constantin: single element progress loader, aria-live – [00:23:16]
  • single element circle progress loader auf CodePen
  • single element circle progress loader auf dev.to
  • MDN: SVG stroke-dasharray / „Using the progressbar role“ / ARIA Live Regions (aria-live)

Property der Woche: SVG Element <foreignObject> – [00:43:30]

• Animierte SVG-Headergrafik aus dem Repository pmndrs/valtio
• Artikel auf CSS-Tricks
• caniuse: <foreignObject> / <style> in SVG
• <foreignObject> auf selfhtml
• Inline-SVG mit <canvas> und SVG-Filter (CodePen)

Tagesthema: Editoren, IDEs und deren Extensions – [00:54:33]

1. Editoren-Werdegang – [00:57:19]
   • Moritz’ Tweet zur Editor-History
   • Coding-Font Fira Code
   • Moritz’ Tweet zur Editor-View
2. Extensions – [01:12:26]
   • Auto Close Tag
   • Auto Complete Tag
   • Auto Rename Tag
   • beautify css/sass/scss/less
   • Better Comments
   • Bracket Pair Colorizer 2
   • EditorConfig for VS Code
   • GitLens
   • Highlight Matching Tag
   • indent-rainbow
3. Einschub: Spaces vs. Tabs und Accessibility-Aspekt – [01:24:00]
   • „Nobody talks about the real reason to use Tabs over Spaces“ auf Reddit
4. Fortsetzung Extensions – [01:25:37]
   • Live Share
   • ngrok
   • Remote Development
   • stylelint
   • Svg Preview
   • Todo Highlight
   • Todo Tree
   • Apache Conf
   • Duplicate Selection
   • Easy LESS
   • es6-string-html (Folge 17)
   • File Utils
   • Markdown Preview Github Stying
   • npm / npm Intellisense
   • Path Intellisense
   • PHP Debug
   • PHP DocBlocker
   • PHP Intelephense
   • PHP Namespace Resolver
   • phpfmt – PHP Formatter
   • TabNine (GeilTeil Folge 6)
   • Vue: Vetur / Vue Snippets
   • WordPress Snippets

1. SettingsSync – [01:41:13]
2. VSCodium vs. Microsoft-Binaries – [01:43:26]
3. .editorconfig – [01:47:14]
4. Theme, Terminal und Coding Fonts – [01:52:21]
5. Honorable mentions: Brackets, Atom, vim, JetBrains… – [01:57:18]

GeilTeil: gather.town – [02:04:21]

Verabschiedung – [02:10:12]