• 27.03.2024 - 12:40 - Quelle: Working Draft

    Erneut haben wir uns Alexander Lichter (LinkedIn / Mastodon / Twitter) in die Sendung eingeladen, der sich als Web-Engineering-Consultant, Trainer und VideoStreamer nicht nur mit Vue.js, Nuxt oder UnJS auskennt, sondern auch in den hohen Künsten der Suchmaschinenoptimierung, kurz SEO.



    [00:02:30] SEO
    Alex eröffnet unsere Sendung mit der Feststellung, dass nur ein geringer Prozentsatz aller Webseiten überhaupt organischen Suchverkehr von Google erhält, weil sie zu weit hinten in den Suchergebnissen auftauchen. Umso wichtiger ist es demnach, seine Seite für Suchmaschinen zu optimieren. Es gibt verschiedene Aspekte der Suchmaschinenoptimierung, darunter das technische SEO, sowie On-Page- und Off-Page-Optimierungen. Auf den vorderen Plätzen stehen qualitativer Inhalt, gute User Experience und technische Aspekte wie Ladezeiten und Sicherheit (in erster Linie HTTPS). Gutes SEO hat vor allem die Nutzer und ihre Zufriedenheit im Sinn.

    Neben hochwertigen Inhalten kann auch eine Keyword-Recherche nicht schaden, um eine langfristige erfolgreiche Webseite zu gewährleisten. Zudem erörtern wir Tools (Google Ads Keyword Planner, keywordtool.io, Ahrefs, Semrush oder Moz) und Strategien zur effektiven Keyword-Recherche und Leistungsverbesserung von Webseiten, insbesondere im Hinblick auf die Core Web Vitals zur Steigerung der Benutzererfahrung. Wir gehen auch kurz auf verschiedene Core Web Vitals ein, wie den Cumulative Layout Shift (CLS) und Largest Contentful Paint (LCP), und wie man diese mit Tools wie Lighthouse messen kann. Auch die mobile User Experience und Accessibility spielen eine Rolle.

    Dann folgen Ratschlägen zur Verbesserung der Seitenstruktur und Verlinkung. Wir sprechen über semantisches Markup, hierarchische Strukturen und deren Bedeutung für Suchmaschinen. Wir diskutieren die Verwendung von Schema.org in JSON-LD-Ausprägung zur Inhaltskennzeichnung für die Unterstützung von Google bei der Interpretation und Darstellung auf den Ergebnisseiten. Weitere Themen sind die effektive Nutzung von Sitemaps zur Unterstüzung der Indexierung von Seiten durch Google, die Vermeidung von Duplikaten und die korrekte Verwendung von Canonical-Tags. Abschließend thematisieren wir den Indexierungsprozess bei Google bei Single-Page-Anwendungen (SPAs). Alex betont die Relevanz von Server-Side-Rendering (SSR) für den Webseiten-Traffic anhand eines Beispiels von Joel Hooks, Mitbegründer von Egghead.

    Zum Schluß widmen wir uns noch den (potentiellen) Herausforderungen im Zusammenhang mit AI-generierten Inhalten. Alex sieht Google in Zukunft ein stärkeres Gewicht auf Vertrauenswürdigkeit und Autorität legen. Hier sind Konsistenz und Qualität des Contents zentral.

  • 27.03.2024 - 20:15 - Quelle: Stay Forever
    Freiheit im All

    Chris Roberts war in den 90ern ein Superstar der Games-Szene - die treibende kreative Kraft hinter Spielen wie Wing Commander, Strike Commander und Privateer. Kein Wunder also, dass die Welt aufhorchte, als er 1999 ein besonderes Weltraumspiel ankündigte: Freelancer sollte in Sachen Umfang und spielerischer Freiheit alles bisher dagewesene übertreffen.

    Chris und Gunnar analysieren in gewohnter Manier das ambitionierte Weltraumspiel und leiten Stärken und Schwächen des Titels aus seiner wechselhaften Entstehungsgeschichte ab.


    Infos zum Spiel:

    Thema: Freelancer, 4.3.2003
    Plattform:
    Windows
    Entwickler:
    Digital Anvil
    Publisher:
    Microsoft
    Genre: Weltraumspiel
    Designer:
    Chris Roberts, Jörg Neumann, Bruce Lemons, Phil Wattenbarger
    Musik: James Hannigan, Andrew G. Sega


    Podcast-Credits:

    Sprecher: Christian Schmidt, Gunnar Lott + Einspieler von Heinrich Lenhardt
    Audioproduktion:Christian Schmidt
    Titelgrafik: Paul Schmidt
    Intro, Outro: Nino Kerl (Ansage); Chris Hülsbeck (Musik)


    Links zur Folge:

    Das ursprüngliche Intro von Freelancer: https://youtu.be/5yDHuHqnMuQ?si=H0fR-T36FcglZa_7

    Vielen Dank an Heinrich Lenhardt für dessen Einspieler! Besucht Heinrichs Podcasts:

    Spieleveteranen-Podcast: https://www.spieleveteranen.de
    Pixelkino-Podcast: https://pixelkino-podcast.com


    Unterstützen: Die Entstehung dieser Folge wurde finanziert durch die Unterstützung unser Hörer auf den Plattformen Steady oder Patreon. Wer uns ebenfalls unterstützen möchte, kann das am Besten durch ein Abo auf einer der Plattformen tun – da gibt es auch massig sensationellen Extra-Content. Mehr von uns: Diese Podcast-Folge gibt es auch auf Youtube, Spotify, als Audio-Datei im Feed und natürlich auf iTunes. Wir freuen uns über Reaktionen und Empfehlungen auf Twitfacegramcord oder wie das heißt. Wir haben auch einen schönen Merch-Shop namens Retro Shirty. Charity: SF ist Fördermitglied im Retrogames e.V. und bei der Hamburger Tafel e.V.


     

  • 30.03.2024 - 21:06 - Quelle: Bits und so

    News

    Picks

    Pre-/Postshow

    • Diese Woche 50 Minuten Bonus-Content mit Bits und so Plus
    • Alkoholfreies Augustiner, Giesinger
    • Dacia Jogger
    • Renault E-Tech
    • Hyundai-Pakete
    • Poor Things Aspect Ratio
    • NordVPN
      • VPN mit vielen fortgeschrittenen Funktionen
      • Risikofrei mit 30 Tagen Geld-zurück-Garantie
      • Rabatt + 4 Gratismonate: nordvpn.com/bitsundso, Code bitsundso
  • 03.04.2024 - 09:58 - Quelle: Working Draft

    Schepp, Vanessa und Peter nehmen ein neues Safari-Release zum Anlass, ausschließlich über neue Web-APIs zu philosophieren. Kontroverse Themen wie der Digital Markets Act oder Peters randständige Feature-Wünsche spielen keine Rolle, wir blicken stattdessen positiv in die Zukunft!

    Schaunotizen

    [00:04:05] <input type="checkbox" switch>
    Ein neues Input-Element? Das eigentlich nur eine Checkbox ist? Und bloß etwas anders aussieht? Und per HTML statt per appearance in die Welt gesetzt wird? Wir sind leicht überfordert und bemühen Vergleiche zum mit <details> gebauten Accordion und dem Close-Watcher-Proposal. Auch der Indeterminate-State von Checkboxen findet Erwähnung
    [00:28:33] <hr> in <select>
    Ähnlich wie bei <input type="checkbox" switch> sind wir uns nicht ganz über die Notwendigkeit dieses HTML-Features im klaren und probieren Alternativen mit <optgroup> zu formulieren.
    [00:40:10] align-content in Block- und Table-Layouts
    Exotisch, aber nicht unwillkommen.
    [00:43:10] CSS Scoping
    Peter bekommt den Unterschied zwischen @scope und :scope nochmal neu erklärt und moniert dann, dass weder das eine noch das andere seine absurden Anforderungen zu 111% bedient.
  • 03.04.2024 - 20:57 - Quelle: Chaosradio
    CR289: Banale Technik oder zynisches Repressionsinstrument?

    Seit Monaten treibt die Politik ein Vorhaben voran, das der breiten Öffentlichkeit nur als „Bezahlkarte“ bekannt ist. Sie soll als Bargeld-Ersatz an Geflüchtete ausgegeben werden, um… ja warum eigentlich?

    Warum Politiker*innen von dieser Idee so begeistert sind und was sich eigentlich genau hinter der Bezahlkarte für Geflüchtete verbirgt, bespricht Marcus Richter mit Anna Biselli von Netzpolitik.org, Andrea Kothen von PRO ASYL und Flüpke vom Chaos Computer Club.

    Referenzen

  • 07.04.2024 - 17:30 - Quelle: Stay Forever
    Die Geschichte der DDR-Heimcomputer

    Was passierte eigentlich hinter dem "Eisernen Vorhang", während im Westen die Computerrevolution auf Touren kam? Was benutzten die Jugendlichen in Erfurt oder Rostock, während in den Jugendzimmern in Fürth und Schenefeld die Commodore-Heimcomputer eine ganze Generation zum Spielen brachten?

    Christian und Henner nehmen sich im Gespräch der Historie der Computertechnik in der DDR an, leiten den historischen Kontext her und klären auch die Frage, was eigentlich die besten Spiele waren, die die DDR hervorgebracht hat.


    Podcast-Credits:

    Sprecher/Redaktion: Henner Thomsen, Christian Schmidt
    Audioproduktion: Sascha Blach-Butte, Christian Schmidt
    Titelgrafik: Paul Schmidt

    Wir danken Dr. Werner Domschke, André Weißflog, René Meyer, Paul Kautz und Thomas Langhanki, die uns bei der Recherche unterstützt haben.


    Hinweis:

    Unterstützen: Die Produktion dieser Folge wurde finanziert durch die Unterstützung unser Hörer auf den Plattformen Steady oder Patreon. Wer uns ebenfalls unterstützen möchte, kann das am Besten durch ein Abo auf einer der Plattformen tun – da gibt es auch massig sensationellen Extra-Content.

    Mehr von uns: Diese Podcast-Folge gibt es auch auf Youtube, Spotify, als Audio-Datei im Feed und natürlich auf iTunes. Wir freuen uns über Reaktionen und Empfehlungen auf Twitfacegramcord oder wie das heißt. Wir haben auch einen schönen Merch-Shop namens Retro Shirty.

  • 09.04.2024 - 06:03 - Quelle: Bits und so

    News

    Picks

    Pre-/Postshow

    • QuikFlow
      • App für Mindmaps und Flowcharts
      • Diagramme ordnen sich automagisch selbst an
      • Keine Wolke, Mac und Windows-Version gratis nutzbar oder Pro klicken
  • 09.04.2024 - 08:59 - Quelle: Working Draft

    Schepp, Vanessa und Peter setzen ihre Reise durch die Webtech-Features im neuesten Safari-Release fort.

    Schaunotizen

    [00:01:07] Re-Match Switch vs. Checkbox
    Nach einer Woche des Mental-Marinierens haben wir neue Gedanken zu <input type="checkbox" switch> ausgebrütet. Zusammenfassend lässt sich festhalten, dass Entwickler:innen (unter anderem) auch die Komplexität von Checkboxes, Selects und Formularen allgemein unterschätzen. Auch die WHATWG ist mit dem Switch-Thema noch nicht am Ende!
    [00:10:20] Alternativtext für generated content
    Der CSS-Property content kann ein Alternativtext mitgegeben werden. Wir denken auf Screenreader-Kompatibilität herum und überlegen wie :lang() bei der Internationalisierung und @supports bei der Implementierung helfen könnte.
    [00:17:55] Discrete Transitions
    Mit transition-behavior können wir festlegen, wie sich zu Transitions nicht kompatible CSS-Properties verhalten sollen. View Transitions haben damit nur am äußersten Rande zu tun, kommen aber natürlich trotzdem auch zur Sprache.
    [00:30:23] Custom Properties für ::backdrop
    Ging bisher nicht, weil Top Layer, geht jetzt aber schon!
    [00:36:18] checkVisibility()
    Nomen est Omen, aber die Use Cases für u.A. Web Components und ggf. in Kombination mit dem Intersection Observer bedürfen genaueren Durchkauens. Peter überlegt, ob er nach seiner großen Mutation-Observer-Profiling-Kampagne nun auch 100.000 Intersection Observer testen muss.
    [00:48:37] Custom State Set
    Kurzes Referat über CustomStateSet und warum es nützlich ist.
    [00:53:24] Promise.withResolvers()
    Wir besprechen, ob das neue Promise.withResolvers() oder das weniger neue new Promise() besser als Wrapping-Mechanismus für den gänzlich antiken FileReader taugt. Nebenher stellt sich raus, dass CSS einen infinity-Wert kennt!
    [01:12:30] Object.groupBy() und Map.groupBy()
    Peter erklärt schnell die Unterschiede zwischen den beiden neuen Gruppierungs-Features (Spoiler: eins macht Objekte, eins macht Maps) und was die beiden mit den neuen Iterator Helpers zu tun haben (Spoiler: nichts).
    [01:15:58] Neuer Mechanismus für die Source-Auswahl bei Media-Elementen
    Wer soll entscheiden, welche Quelldatei mit welchem Codec geladen werden soll, Entwickler:in oder Browser? Schepp argumentatiert recht überzeugend für letzteres.
  • 15.04.2024 - 02:21 - Quelle: Bits und so

    News

    Picks

    Pre-/Postshow

    • Perfect Skill
      • Video-Workshop zu Projektmanagement 2.0
      • Fokus auf Softskills und Kommunikation
      • 30% sparen mit Code “bits”
  • 16.04.2024 - 08:59 - Quelle: Working Draft

    Schepp tritt in dieser Revision als Gast auf und lässt Vanessa und Peter an seinen gesammelten Fun Facts rund um Internationalisierung und Lokalisierung teilhaben.



    Schaunotizen

    [00:01:58] Fun Facts zu Internationalisierung und Lokalisierung
    Wir starten mit den zahllosen Herausforderungen schon bei der einfachen Übersetzung von Texten, wie z.B. der Sortierung von Sprachen in einem Sprach-Auswahl-UI (für das man natürlich keinesfalls Landesflaggen verwenden sollte). In mäandernder Form sprechen wir unter anderem über kulturell suboptimale Typografie, welche Sprache die längsten Wörter hat, die extrem relevanten Unterschiede zwischen ISO 639 (Sprachcodes) und ISO 3166-1 (Ländercodes) und die unterschiedliche alphabetische Sortierung in verschiedenen Sprachen (kein Problem mit Intl.Collator). Nebenher kommen auch text-overflow, <marquee>, die für Übersetzungen möglicherweise sehr relevante CSS-Funktion attr(), automatische Übersetzungen, LINGsCARS und erste Fragen zu Webdesign zur Sprache. Nach einem unerklärlichen Exkurs zu Macbook-Tastaturlayouts stellen wir fest, dass Namen beliebige Strings sein müssen, Adressen ebenso (u.A. dank Besonderheiten in Japan, Costa Rica und Mannheim) und dass diese Revision ein Mehrteiler wird werden müssen.