Wo wir sind ist vorne.

By Moritz Glantz und Sarah Groß

Latenight-Frontend-Talkshow rund um Webdesign und Entwicklung. Es reden sich um ＜HEAD＞ und Kragen: HTML-Fundamentalist Moritz Glantz und JavaScript-Jongleurin Sarah Groß.... more

· Technology

Download on the App Store

Download on the App Store

Get it on Google Play

FAQs about Wo wir sind ist vorne.:

How many episodes does Wo wir sind ist vorne. have?

The podcast currently has 79 episodes available.

Wo wir sind ist vorne. episodes:

June 12, 2023VAR WARS: A New Scope
Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥
Feedback? Kommentar oder Mastodon.
Für unseren ersten LIVE-Podcast vor echtem Publikum, haben wir die schönsten Merkwürdigkeiten und Frontend-Demos ausgegraben, die wir bislang so hier hatten. OL-Edgecases, schlimm animierte Scrollbalken, Selectmenu, Regenbogen-Cursor und was sonst nebst obligatorischem Gelaber in die knappe Stunde passte, die wir zur Verfügung hatten. Wers visueller mag, kann sich den Video-Mitschnitt ansehen (Shownotes).
Eine Sendung für den/die Kenner*in.
Begrüßung – [00:00:55]
Live-Aufzeichnung auf der GPN21 in der Mediathek ansehen
Retro – [00:07:36]
Property der Woche – [00:12:47]
Entscheide Dich! Moritz vs. Constantin – [00:13:15]
Tagesthema: CSS Overkill – [00:16:38]
OL Demos mit Attributen und Edgecases: Moritz + Constantin – [00:17:48]
Scrollbalken to the max + background: inherit + SVG Animation – [00:26:45]
selectmenu madness – [00:31:51]
rainbow caret cursor – [00:45:34]
::file-selector-button – [00:48:58]
GeilTeil – [00:51:01]
HTMHell
DasEnde – [00:54:09]
...more
56min
May 21, 2023Lebenszeichen
Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥
Feedback? Kommentar oder Mastodon.
Da sinnwa wieder! Eine kleine, aber feine Folge zum wieder rein kommen. Wir besprechen die CSS-Popover API, die WebAIM Million Accessibility-Auswertung und kündigen zukünftige Live-Auftritte an, z.b. eine Live-Podcast-Aufnahme bei der GPN21. Aber täuscht euch nicht, wir haben noch Großes vor!
Begrüßung – [00:00:54]
Retro
Hörer*innen aus verschiedenen Ländern – [00:03:54]
Hörer*innen-Treffen in Karlsruhe – [00:08:23]
Anmeldung & Infos: https://zumpad.zum.de/p/ODm0hNho_nsREhg_mvOB
WWSIV goes GPN – [00:11:01]
Schedule: https://cfp.gulas.ch/gpn21/schedule/
Live-DJ-Set – [00:15:19]
Constantin: Dropbox/GDrive OAuth, API-Dschungel – [00:18:13]
Property der Woche: Popover API – [00:27:08]
Chrome Developers: What’s new in CSS and UI: I/O 2023 Edition
Popover API: MDN / caniuse
Constantins CodePen-Demo
Demo zu @position-fallback / @try / anchor()
GeilTeil
AI Stimm-Synthese – [00:41:55]
WebAIM Million – [00:44:03]
Das Ende – [00:52:02]
...more
54min
April 23, 2023Beyond. #btconf
Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥
Feedback? Kommentar oder Mastodon.
Wir waren in Düsseldorf auf der Beyond Tellerrand Konferenz und berichten von Talks und Treffen und Essen und Menschen. Beim Hörer*innentreffen trafen wir zum ersten Mal im Real Life auf euch, die beste Community der Welt, aber auch Gäste dieses Podcasts. Dazu gab es nicht zuletzt eine Menge toller Vorträge bei der bestenWebKonferenzWoGibt™️ #klassenfahrt. Hach war das schön ❤️
Begrüßung – [00:00:51]
Retro
Moritz: Kamera-Arm – [00:02:38]
Equipment
Moritz: Neuer Merch-Shop – [00:06:15]
Constantin: domProxy – [00:09:47]
Moritz: Monatlich unterstützen – [00:15:02]
Property der Woche: CSS Subgrid ab Chromium 114 – [00:17:26]
Chromium Issue
Subgrid Demo 1 / Demo 2
Chrome Platform Status
Tagesthema: #btconf Düsseldorf 2023 – [00:23:41]
Beyond Tellerrand
Über die Talks – [00:25:05]
@btconf YouTube-Kanal
Sophie Koonin – This Website Is under Construction, a Love Letter to the Personal Website
Scott Kellum – Mapping Typography
Slides
utopia.fyi
text-wrap: balance
MDN: Container query length units
Aoi Yamaguchi – 瞑想と書：Meditation with Calligraphy
Making a Mark
ONI: Thunder God’s Tale (Oni: Die Geschichte der Donnergöttin) auf Netflix
Gemma O’Brien – How to be an Ultra Artist
Emily Anhalt – The 7 Traits of an Emotionally Fit Leader
Über das „Drumherum“ – [01:04:36]
Folge 33: Web Performance mit Christian „Schepp“ Schaefer
Folge 53: Accessibility, Frontend und der ganze Rest mit Manuel Matuzović
Folge 34: UX-Engineering & Barrierefreiheit mit Dirk Ginader
Folge 27: VSCode & Edge Dev Tools mit Chris Heilmann
Eric Holscher: The Pac-Man Rule at Conferences
Sonja Weckenmann: ARIA-Live-Regionen
Das Ende – [01:23:17]
...more
1h 28min
April 01, 2023HTML von a bis z-z III: Text Content
Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥
Feedback? Kommentar oder Mastodon.
HTML, HTML, immer nur HTML! In unserer beliebten Reihe besprechen wir heute alles was mit HTML-Listen zu tun hat (menu, ol, ul, dl etc.) inklusive einiger Tricks die ol auf Lager hat. Dazu kommen die Klassiker p und div (is not a button) und erklären, warum letzteres nur verwendet werden soll, wenn einem gar nichts anderes einfällt. Dazu servieren wir den Termin für unser Hörer*innentreffen, versuchen iFrames ohne Reload zu verschieben und lernen mit welchem Tool man Bilder neu ausleuchten kann.
Tsching·de·ras·sa·bum! 🥁
Begrüßung – [00:00:54]
Retro
Moritz: Hörer*innen-Treffen – [00:04:22]
Anmeldung zum btconf Warmup
Constantin: iframe-Reload beim Verschieben im DOM – [00:07:32]
Bug-Tickets: Mozilla / Webkit / WHATWG
Moritz: DJ-Namen Abstimmung – [00:16:08]
Tagesthema – [00:20:23]
,
, und
– [00:22:32]
Folge 9: Großer Konzern vs. Kleine Klitsche
Moritz’ Demo / Constantins Fork mit noch mehr Edge Cases
– [00:39:11]
, und – [00:41:41]
– [00:51:01]
WHATWG Standard
How I approach HTML Divitis
How (Not) to Build a Button
GeilTeil: Relight von clipdrop – [01:04:09]
Das Ende – [01:10:40]
...more
1h 15min
March 19, 2023Accessibility, Frontend und der ganze Rest mit Manuel Matuzović
Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥
Feedback? Kommentar oder Mastodon.
Lobsteriooo, Lobsteriaaaaa! Mit Manuel Matuzović sprechen wir über seine Computergeschichte, Accessibility, HTMLHell, 100DaysOfCss, Motivation und wie man es schafft viele Dinge auf einmal zu machen. Dazu gibt’s eine CSS-Property die es schon lange gibt, aber uns dreien lange unbekannt war und das ganze Accessibility Toolset von Manuel. Achja. Fast vergessen: 🦞🦞🦞
Begrüßung – [00:00:54]
Retro
Moritz: auf Twitter geblockt: A dramatic turn of events. Twice. – [00:06:16]
Constantin: User-Agent reduction in Chrome – [00:13:27]
Chrome Developers: Prepare for Chrome’s user‑agent reduction
Chromium Project updates: User-Agent Reduction
Manuel: Outing als Lobster-Hasser – [00:17:46]
Moritz: KA-Feedback App Feedback Feedback – [00:18:21]
Property der Woche: ::file-selector-button – [00:22:55]
Manuels Blog-Beitrag: You can style the file selector button of file upload elements.
Manuels CodePen-Demo: Styling the file selector
caniuse ::file-selector-button / ::-webkit-file-upload-button / ::-ms-browse
Entscheide Dich! – [00:27:39]
Thema-Vorgeplänkel: Winamp, Typescript und schlechtes Markup – [00:34:03]
Tagesthema
Was hast du gegen Lobster? – [00:41:22]
Similar Fonts and Free Alternatives to Lobster
Wie kamst du zum Computer? – [00:47:10]
Und wie zur Accessibility? – [00:49:14]
Woher nimmst du all die Zeit und Motivation? – [00:55:27]
Wie kam die Idee zu HTMLHell zustande? – [01:00:40]
Folge: 15 Semantic HTMHELL
HTMhell.dev
100 Days Of More Or Less Modern CSS – [01:03:50]
Day 82: value processing
Was vermisst du noch an CSS? – [01:11:32]
My CSS wish list
Treffen wir uns auf der btconf? – [01:15:49]
Wie sieht für dich ein typischer Accessibility Test aus? – [01:17:42]
Wie stellst du sicher, dass du nichts vergisst? – [01:21:27]
W3C Markup Validation Service
Axe Dev Tools
WCAG-EM-Report-Tool
Accessibility bei Miro
HTML first – [01:40:17]
Eleventy
Enhance
Astro
Alpine.js
petite-vue
htmx
Craft CMS
Wo unterrichtest du? / Kann man dich für Vorträge/Fortbildungen buchen? – [01:52:21]
matuzo.at
LeanDUS
GeilTeil
Moritz: Randoma11y – [01:55:31]
Manuel: Musikempfehlungen – [01:59:24]
El Michels Affair – Shimmy Shimmy Ya
Team Scheisse – ERFURT
Team Scheisse – KARSTADTDETEKTIV
Christopher Lauer auf Twitter zu Karstadt
Kurt Razelli
Rapper lesen Rapper: YouTube / Wikipedia
Dexter liest: „Bodak Yellow“
Das Ende – [02:06:37]
...more
2h 9min
February 26, 20234 eher unbekannte Properties
Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥
Feedback? Kommentar oder Mastodon.
Als kurze Verschnaufpause zwischen dem Trommelfeuer der HTML-Elemente präsentieren wir euch 4 eher unbekannte Properties. Darunter CSS margin-trim, leading-trim (+ text-edge), die JavaScript Local Fonts API und JavaScript Intl.Segmenter(). Dazu gibt es unter anderem unsere Faxnummer und das Geilteil ist diese Mal etwas zum Rumspielen. Flutschi plutschi bäng bäng!
Begrüßung – [00:00:56]
Retro
Moritz: Faxnummer – 0721 47046487 – [00:04:28]
Constantin: Husky – [00:07:01]
Folge 25: Oh Git oh Gott! mit Michael van Engelshoven
Moritz: Bewertungen, Apple Podcasts Banner per Metatag – [00:08:45]
Constantin: Yoda Conditions – [00:12:15]
Moritz: Solarstrom – [00:15:36]
Constantin: caniuse jetzt mit Hinweis zu IE11 – [00:18:44]
Moritz: Danke für Spenden – [00:21:00]
Tagesthema – [00:21:46]
Local Fonts API – [00:23:19]
MDN / caniuse / Chrome Developers
Boxy SVG Editor
Tracking Prevention in WebKit
Constantins Local Fonts API Demo
Folge 48: Policy, htaccess & HTTP – XSS, CSP, Olé Olé
Folge 14: Webtypografie mit Gerrit van Aaken
CSS margin-trim – [00:39:52]
caniuse
Moritz’ Demo
Einschub: esbuild & Dart Sass – [00:50:27]
esbuild
Dart Sass
elk-zone Mastodon Client
Intl.Segmenter() – [00:58:18]
Folge 4: A11Y I18N FTW! WTF?
Folge 19: Rückblick, Ausblick, nitpick
MDN / caniuse
Constantins Demo
CSS leading-trim und text-edge – [01:09:21]
Leading-Trim: The Future of Digital Typesetting
W3C Spec CSS Inline Layout Module Level 3: leading-trim / text-edge
GeilTeil: Particle Love – [01:22:19]
Das Ende – [01:28:14]
...more
1h 31min
February 12, 2023HTML von a bis z-z II: Inhaltszerstückelung
Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥
Feedback? Kommentar oder Mastodon.
Entwickler*innen, Entwickler*innen, Entwickler*innen! Semantische Inhaltssektionierungselemente sind das Thema. Weil so keiner bei Google findet: wir sprechen über die HTML-Elemente die den Inhalt grob strukturieren, wie header, footer, main, section, article etc. Dabei geht’s auch mal in die eine oder andere Untiefen der impliziten roles. Dazu servieren YouTube CSS-Tutorials und zeigen was man mit der Shape-Detection API so anstellen kann. Wer in der HTMHölle lebt, wird diese Sendung lieben!
Begrüßung – [00:00:54]
Retro
Retro Constantin: Custom-Input-A11Y-Rabbit-Hole & CSS-Wünsche – [00:07:11]
CSSWG: Do we need :focus-visible-within?
caniuse: :focus-within / :focus-visible
Moritz: Kommentare zur letzten Folge – [00:26:50]
Property der Woche: Shape Detection API – [00:33:22]
Shape Detection API bei Chrome Developers
Shy Blob Face Detection CodePen („Experimental Web Platform Features“-Flag in Chrome!)
Tagesthema: Content Sectioning
Warum überhaupt Content Sectioning? – [00:37:44]
– [00:44:47]
– [00:48:36]
– [00:54:40]
– [00:58:39]
– [01:01:58]
- – [01:08:31]
– [01:17:26]
Einwurf WWSIF Shorts und AI – [01:25:17]
– [01:31:05]
– [01:36:46]
Accessibility und aria-label – [01:40:52]
GeilTeil
Constantin: CSS-Tutorials von KevinPowell – [01:45:01]
Can I create Netflix’s video carousel with CSS only?
How To Write Semantic CSS
Moritz: IE11 ab 14. Februar nicht mehr verfügbar – [01:49:01]
Das Ende – [01:51:11]
...more
1h 55min
January 29, 2023HTML von a bis z-z I: Back to the root
Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥
Feedback? Kommentar oder Mastodon.
Jetzt ist es wieder mal soweit es war auch allerhöchste Zeit, sprechen über HTML, tut uns furchtbar leid! Wie immer länger als der Rest, also bitte keinen Neid, halt der lab’rigste Podcast, bei aller Bescheidenheit! Haben wir euch gefehlt? Habt ihr uns vermisst? Ist euch jetzt klar, dass mit Frontend die Welt schöner ist? Seid ihr wieder froh? Na, was für ein Glück, Wir sagen hallo welt!, denn wir sind zurück!
Wir lungern in Social-Media rum, HTML von a-z, wir fangen an mit title, base, html und link und head! Die neue Serie hat zum Ziel, HTML und davon viel, und einmal komplett durch die Spec, von head bis track! Habt ihr uns vermisst? Haben wir euch gefailt? Habt ihr heimlich geweint und die Tage gezählt? Ja, wir sind zurück – es riecht nach CPU, Wo wir sind ist vorne, aus Kallsruuuh!
Wie ein Merge-Konflikt in einem Git-Repository, Wie ein plötzlicher Error in der schönsten CSP, Die einen finden’s Schei�e, die ander’n finden’s stark Genau wie jedes Jahr:
Wir sind wieder da!
Begrüßung – [00:00:54]
Retro
Retro Moritz: Pocket Casts jetzt Open Source – [00:04:59]
iOS app repository
Android app repository
Constantin: Spielereien beim Büro-Umbau – [00:10:40]
On Air USB-Licht (Affiliate–Link!)
Shelly Plug S (Affiliate–Link!)
Yeelight LED Strip (Affiliate–Link!)
Tesa Powerstrip Cable Clips (Affiliate–Link!)
Moritz: Elk.zone Entwicklung mit StackBlitz – [00:17:30]
Repository
Constantin: :read-write Visualisierung – [00:24:23]
Folge 48 Policy, htaccess & HTTP – XSS, CSP, Olé Olé
Folge 49: W-AI-hnachtsrückblick
Moritz: Jumpsuit/Onesie (Affiliate-Link!) – [00:28:03]
Neues Merch-Motiv – [00:30:07]
Property der Woche: History.scrollRestauration – [00:32:23]
MDN
Demo
Tagesthema – [00:37:10]
Einleitung zu HTML allgemein – [00:41:59]
HTML elements reference
HTML5 Element Flow Chart
Main Root: – [00:44:11]
Document Metadata: – [00:49:23]
Order Demo
Anchor Links Demo
– [00:58:05]
– [01:01:01]
Demo
– [01:18:45]
MDN: Void element
SELFHTML zu
...more
2h 2min
December 18, 2022W-AI-hnachtsrückblick
Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥
Feedback? Kommentar oder Mastodon.
Wir sprechen über die aktuelle AI-Landschaft in Form von AI-Bildgeneratoren wie Midjourney, Dall-e und Stable Diffusion, aber auch Text-AI wie ChatGPT und zeigen, dass AI sogar mittlerweile Musik machen kann. Außerdem: Welche Web-Technologien sind neu am Horizont und was kam nicht so richtig in die Pötte. Dazu resümieren wir über den feuerspeienden Scheiße-Twi(s)tter und geben Empfehlungen, wie man es im Homeoffice schön kuschlig hat.
Die Zukunft ist Pink! 💖
Begrüßung – [00:00:52]
Retro
Constantin: :read-write im Einsatz – [00:05:21]
Moritz: Codeanalyse mit Sonarqube – [00:07:54]
Folge 37: Rage macht die Nase frei
Constantin: git-installer – WordPress Plugin um Themes bei Github zu hosten und von dort aus zu synchronisieren – [00:15:09]
GitHub Action: HTTP Request Action
Moritz: Apple Watch App-Entwicklung – [00:18:54]
Constantin: mal wieder Hardware-Sonderfall – [00:27:08]
Constantin: twitter sperrt unliebsame Journalisten – [00:31:13]
@[email protected]
Property der Woche: HTTP Header „Clear-Site-Data“ – [00:40:58]
MDN / caniuse
Tagesthema
AI und kein Ende – [00:49:07]
Alles gesagt?: Richard Socher, was denken Maschinen?
Proteste gegen AI-Kunst
Der Tonfilm – Eine Gefahr für den Musikerberuf und für die Musikkultur
Rettet unsere Künstler! Tonfilm ist Mord!
riffusion.com
Rückblick – [01:26:13]
Folge 42: Macht’s gut, und danke für die Kommentare!
Folge 10: Jäger der verlorenen CSS-Features – Kapitel I
Folge 11: Jäger der verlorenen CSS-Features – Kapitel II
Folge 41: I can :has(parent selector)?
selectmenu
Folge 39: SELECT * FROM MENU
caniuse issue zu selectmenu
subgrid tickets: Chromium / Safari #1 / Safari #2
caniuse subgrid
Folge 40: Frontend & Feldfrüchte mit Anselm Hannemann
Bingenheimer Saatgut – Winter Postelein (Amazon Referral-Link)
Das GeilTeil: Wärmflaschen und Onesies – [01:43:51]
Das Ende: DANKE! – [01:51:12]
...more
1h 57min
December 04, 2022Policy, htaccess & HTTP – XSS, CSP, Olé Olé
Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥
Feedback? Kommentar oder Mastodon.
In dieser Folge tauchen die Moderatoren Moritz und Constantin in die spannende Welt der Sicherheits-Header und CSPs ein. Sie diskutieren die Bedeutung des Content-Security-Policy-Headers zum Schutz Ihrer Website vor XSS-Angriffen und die Nützlichkeit der Pseudoklasse :read-write. Aber gerade wenn Sie denken, Sie hätten alles gehört, kommt das Duo mit einer überraschenden Wendung: Es stellt sich heraus, dass ihr ganzes technisches Fachwissen nur ein cleverer Trick war, um von der Tatsache abzulenken, dass sie vergessen haben, ihre eigene Website zu sichern! Ups.
– Geschrieben von chatGPT, übersetzt mit Deepl. Verrückte Zeiten.
Begrüßung – [00:00:56]
Folge 24: Editor, IDE und CMD, UFO, SVG, ohjemine
Retro
Moritz: Wer macht hat Macht – [00:07:46]
Mastodon-Toot
Constantin: Positive Support-Erfahrungen – [00:10:26]
Moritz: „This year in review“ madness – [00:13:51]
Apple Music Replay
Constantin: StreetView Comeback in Deutschland? – [00:26:36]
Property der Woche: CSS :read-write – [00:29:24]
MDN :read-write
Das Working Draft Webtechnologie Glücksrad
:read-write & :read-only pseudo class demo
Tagesthema: HTTP Security – [00:39:10]
X-XSS-Protection & X-Frame-Options – [00:41:34]
MDN: X-XSS-Protection / X-Frame-Options
Content Security Policy (CSP) – [00:45:38]
MDN: Content-Security-Policy / Content-Security-Policy-Report-Only
CSP Header Generator
CSP Analyser
CSP Reporting mit report-to oder report-uri – [01:01:39]
Chromium-Bugticket zur Reporting API
Feature-Policy / Permissions-Policy – [01:13:21]
MDN: Feature-Policy
ReportingObserver, featurePolicy/permissionsPolicy – [01:19:45]
MDN: ReportingObserver / document.featurePolicy
Permissions Policy Spec: Working Draft / Editor’s Draft
GeilTeil: „Alles gesagt“ mit Marina Weisband – [01:35:09]
Podcastfolge
behindertenfreundlich = menschenfreundlich
Verantwortungsdiffusion
Das Ende – [01:43:07]
...more
1h 47min

FAQs about Wo wir sind ist vorne.:

How many episodes does Wo wir sind ist vorne. have?

The podcast currently has 79 episodes available.

More shows like Wo wir sind ist vorne.

Working Draft by Vanessa Otto, Peter Kröner, Hans Christian Reinl, Stefan Baumgartner, Christian »Schepp« Schaefer

Working Draft

0 Listeners