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:

November 29, 202048 Dinge, die du (nie) über Selbständigkeit wissen wolltest
Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥
Feedback? Kommentar oder Mastodon.
Selbständigkeits-Spezial! Mit unserem Gast Fabian Groß besprechen wir was man als Anfänger über Selbständigkeit wissen sollte: Rechtsformen, was in eine ordentliche Rechnung gehört, Steuern, Stundensätze, Akquise, IHK, Künstersozialkasse und wer am Ende alles noch die Hand aufhält und Geld von einem will. Die Häppchen schmieren sich schließlich nicht von alleine!
Begrüßung: Hörer:innenfeedback – [00:00:53]
Retro
Fabian: Internetstörung Vodafone – [00:04:25]
Moritz: AV-Receiver (again), Moritz im t3n-Magazin – [00:07:18]
t3n-Tweet
Constantin: Play Music Zwangsumstellungsfail zu YouTube Music – [00:09:31]
Google Cemetary
Moritz: Unity-Engine – [00:16:54]
Unity-Engine
Godot-Engine
Constantin: iOS Kiosk-Modus / Guided Access – [00:22:36]
Moritz: HTML Sanitizer API / das Web neu erfinden – [00:28:09]
Draft
„Working Draft“-Folge
Tweet von @brucel auf Twitter
Property der Woche: animation-delay mit Negativwert – [00:31:22]
MDN: Animation Property / animation-delay
Codepen Playing Animation Demo
Spam-Spot: Kratzermörder – [00:36:53]
Tagesthema: Selbstständigkeit und Freelancertum – [00:39:39]
Disclaimer: Wir dürfen und können keine Rechts- oder Steuerberatung leisten, es handelt sich hier ausschließlich um Erfahrungswerte!
Künstlersozialkasse – [00:40:58]
Rechnungsstellung und Buchhaltungstools – [00:52:52]
WISO Mein Büro
papierkram.de
lexoffice.de
Mehrwertsteuer, Umsatzsteuer, Freibeträge und Rücklagen – [01:09:02]
Steuerberater – [01:15:55]
Gesellschaftsformen, Gründungsprozess – [01:24:50]
IHK-Pflichtmitgliedschaft – [01:30:10]
Wer will sonst noch Geld? / Registereinträge / Betrügerei – [01:34:53]
Stundensatz, Verwaltungsaufwand, Produktivanteil, Zeittracking – [01:40:13]
Zeittracking-Würfel auf Kickstarter
Preisverhandlungen, Kundengespräche, Akquise – [01:59:23]
Freelancing vs Selbstständigkeit, Scheinselbständigkeitsfalle – [02:13:30]
Nebenkosten, Auflagen, Haftung – [02:20:21]
GeilTeil: The Futur – [02:26:26]
The Futur auf YouTube
The Futur Academy
weitere Kanäle
Verabschiedung: Bewerten, spenden und weiterempfehlen – [02:29:10]
...more
2h 32min
November 15, 2020TIL: TTL (Tagged Template Literals)
Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥
Feedback? Kommentar oder Mastodon.
Befeuert von leckerem HörerInnenbier tauchen wir ein in die Untiefen der (Tagged) Template Literals und erklären, warum sie der derzeit coolste Weg sind, in JavaScript Strings und Variablen miteinander zu verheiraten. Dabei sprechen wir auch über die XSS-Sicherheit von JS-Strings im Allgemeinen. Nebenher lernt ihr, wie man PC-Shortcuts auf dem Mac verwenden kann und mit welchen Hacker-Tools ihr vor euren FreundInnen angeben könnt. Eine runde Sache. So wie Käse.
Begrüßung: Bier-Spende – [00:00:53]
Biere vom Rüsselsheimer Brauhaus, gespendet von @carlosreithofer
Retro
Moritz: – [00:04:58]
Karabiner Elements: MacOS Keyboard Customizer
Karabiner Konfigurationen
Constantin: Opentype.js contextual substitution gemerged – [00:12:04]
Moritz: Container Queries in Chromium – [00:14:08]
Ticket
Property der Woche: navigator.sendBeacon() – [00:17:32]
MDN: sendBeacon / unload Event / visibilitychange Event
caniuse: sendBeacon / visibilitychange
Webkit-Bug
Spontan-Live-Spam-Spot: Hartes B(r)ett – [00:25:33]
Tagesthema: (Tagged) Template Literals – [00:27:23]
Template Literals a.k.a. Template Strings: MDN / caniuse
hurz()
CodePen-Demo zu Tag-Argumenten
Anwendungsbeispiele (umfangreiche Sammlung)
styled-components
graphql-tag
lit-date
common-tags
MDN: Spread Operator (…)
VS Code Syntax Highlighting in Template Literals
es6-string-html
es6-string-css
es6-string-javascript
Sicherheit
safely inserting external content into a page
DOMPurify
GeilTeil: eDEX-UI – [01:03:36]
eDEX-UI
Hackertyper
Verabschiedung: [Lack gesoffen], Spenden, Weiterempfehlen – [01:14:01]
...more
1h 19min
November 01, 2020The Holy State of CSS
Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥
Feedback? Kommentar oder Mastodon.
Willkommen zum offiziellen #WWSIV-Audiokommentar von "The State of CSS"! Hier bleibt keine Wissenslücke verborgen und kein Feature unangetastet. Wir füllen gemeinsam die Umfrage aus, kommentieren, bewerten und entdecken die eine oder andere Perle.
Neben einem frisch dampfenden Spamspot erläutern wir noch die Tücken von :focus-visible und lassen uns in die WASM-Welt der singenden Münder entführen (aus der es kein Zurück gibt). Ein Heidenspaß für die ganze Familie (ab 18)!
Begrüßung: Dank für die Spenden, Geburtstagsständchen – [00:00:52]
Retro
Moritz: Twitter-Glocke drücken, OSC-Protokoll – [00:08:40]
Open Sound Control
Constantin: Opentype.js / OpenType-Spezifikation / (Unit-)Tests – [00:13:26]
opentype.js auf GitHub
OpenType-Spezifikation
Moritz: AV-Receiver-Odyssee – [00:18:27]
Constantin: Kundenprojekt CoVID-19 Online-Testergebnisabfrage – [00:22:03]
Property der Woche: :focus-visible – [00:26:00]
MDN: :-moz-focusring / :focus-visible
CSS-tricks
Chromium Blog: Giving users and developers more control over focus
caniuse
Spam-Spot: Datierung – [00:41:37]
Hintergrundmusik: „Take Me Now!“ von Nick Chapman
aus dem Album „Wakka Chikka Wakka Chikka: Porn Music for the Masses, Volume 1“
Lizenz: CC BY-NC 2.0
Netlabels Collection des Internet Archive
Tagesthema: State of CSS 2020 – [00:45:04]
stateofcss.com
stateofjs.com
Moritz’ Epileptomat
CodePen Try to print this
Codrops
GeilTeil Constantin: Choir auf [adult swim] – [02:04:56]
Choir Tech-Demo/-Spielerei auf adultswim
Korrektur: Cartoon Network, nicht Comedy Central
Verabschiedung: – [02:10:01]
...more
2h 14min
October 18, 2020Semantic HTMHELL
Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥
Feedback? Kommentar oder Mastodon.
TAGS TAGS TAGS! Moritz hat sich an Spaghetticode verschluctk. Ein Anlass mit euch über semantisches HTML zu reden, frei nach dem Motto: 🎶 Wieso? Weshalb? Warum? Wer nicht fragt bleibt unedukiert. 🎵
Bonusmaterial: Die 5 hinreißendsten Text-Dekorationen von Constantin (🔥🔥🔥), die erotischsten HTML-Tags (vielleicht gelogen) und ein überaus maßvoller Spam-Spot.
Begrüßung – [00:00:53]
Retro
Constantin: Follow-up Color Fonts – [00:04:42]
LiebeHeide
Fontself
Moritz: Firefox vs Chrome – [00:09:15]
Constantin: Vue 3.0, InDesign Bug seit 2009 – [00:12:36]
Artikel auf t3n.de
Artikel auf vuejs.de
Artikel auf madewithvuejs.com
Tweet an Adobe-Support
Issue in Adobe Support Community (2009)
Uservoice Issue #1
Uservoice Issue #2
Moritz: -Aktion (Podcast-exklusiv) – [00:18:39]
Constantin: wp-shortcode-tree, OpenSource, Hacktoberfest – [00:22:09]
wp-shortcode-tree GitHub repository
Hacktoberfest
Property der Woche: Font-Spezial Teil II – [00:28:23]
CodePen-Demo
text-decoration-style: wavy – caniuse
text-decoration-color: – caniuse
text-decoration-thickness: – caniuse (aktuell nur Firefox und Safari!)
text-decoration-skip-ink: – caniuse
text-underline-offset: – caniuse (aktuell nur Firefox und Safari!)
Tweet von Julia Evans: Cheatsheet zu CSS-Einheiten
ch-Unit: caniuse
Schreibmaschinen-Effekt mit ch und steps():
CodePen-Demo
Artikel von Lea Verou
Artikel zu steps()
steps()-Demos
Spam-Spot: LED-Maßband – [00:47:45]
Spontan-GeilTeil: cameo.com – [00:49:24]
Tagesthema: Semantisches HTML – [00:53:21]
Wiktionary: „divitis“
Duden-Definition „Semantik“
Moritz’ Twitter-Thread
Alle HTML-Elemente
CodePen: semantische Kommentare / Sectioning Beispiel
Microformats
Microdata / Google Testtool für strukturierte Daten
Schema.org
Semantic Quiz: #1 / #2 / #3
Semantic HTML CodePen Collection
Moritz’ Accessibility Cheatsheet
Artikel zu
auf MDN
GeilTeil Constantin: Scammer-Abwehr mit Jim Browning – [01:46:45]
„Showing a scammer his REAL details“
GeilTeil Moritz: htmhell.dev – [01:57:27]
Verabschiedung: Feedback!!!!11einself – [02:01:56]
...more
2h 7min
September 27, 2020Webtypografie mit Gerrit van Aaken
Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥
Feedback? Kommentar oder Mastodon.
Bäm! Zurück aus der Sommerpause begrüßen wir mit Gerrit van Aaken unseren ersten echten #WWSIV-Gast! Begebt euch mit uns auf eine Achterbahnfahrt durch die Typografie im Web, von PHP-Image-Replacement über sIFR und cufón bis hin zu @font-face und variablen Fonts. Nebenher sprechen wir über unicode-range, diverse Font-Features, Mate, Fahrräder und ihr werdet Zeuge unserer ersten Live-Podcast-Spende. Wie immer getreu unserem Motto: alles neu macht der September!
Begrüßung – [00:00:53]
https://praegnanz.de/
https://webtypobuch.de/
https://frontendhappyhour.com/
Retro Gerrit: BEM (block element modifier) – [00:12:48]
Retro Moritz: Spenden, SpamSpot-Spende-Twitter-Block, Sticker – [00:15:59]
Spendier ein Bier!
Nachtrag Gerrit: Club Mate Post, dev-Domain – [00:19:08]
Gerrits Club Mate Post
https://whitespace.gmbh
https://nicht.live
Retro Constantin: TV legt Internet lahm, pdfparser PHP library – [00:20:25]
„Alter Fernseher stört ADSL für ein ganzes Dorf“
PDF-Spezifikation: 1.4 / 1.7
smalot/pdfparser / https://www.pdfparser.org
Property der Woche: Font-Spezial – [00:25:22]
unicode-range: MDN / caniuse
https://jrgraphix.net/research/unicode_blocks.php
Progressive Font Enrichment: Google-Demo / Artikel auf rwt.io
Beispiel – Icon in input gelöst mit unicode-range: https://carsharing-deutschland.de
font-feature-settings: MDN / caniuse / css-tricks
font-variant: caniuse
font-variation-settings: MDN / caniuse
object-fit: MDN / caniuse
Tagesthema: Webtypografie
Geschichte der Webtypografie – [00:41:35]
https://www.fontsquirrel.com/
Herausforderungen der Webtypografie heute – [00:56:29]
Variable fonts – [01:00:24]
MDN / caniuse
https://underware.nl
Inter variable font Demos: https://rsms.me/inter/
Jello-Demo von Mandy Michael
Lizenzierungsmodelle – [01:12:56]
Twitter-Konversation mit Gerrit
https://fontspring.com
https://typekit.com
Fragen an Gerrit: Lieblingsschrift? Häufige Fehler? – [01:22:23]
GeilTeil
Gerrit: vanMoof E-Bike – [01:33:08]
Moritz: Color Font LiebeHeide – [01:41:17]
Constantin: Fontself Plugin für Illustrator – [01:44:46]
Verabschiedung – [01:46:43]
...more
1h 50min
September 15, 2020Special: Gekommen um zu bleiben!
Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥
Feedback? Kommentar oder Mastodon.
Aus dem Versuch, ein kurzes Lebenszeichen aus der Sommerpause abzusetzen, wurde in gewohnter WWSIV-Manier mal eben eine halbe Stunde. Vollgestopft mit (exklusiven!!11) Tech-News, Blödeleien und eigens kreiertem Biermischgetränk verraten wir euch außerdem, auf was ihr euch in der ersten Folge von Staffel 2 freuen könnt. DISCLAIMER: Dies ist keine richtige Folge! Zwinker-Smiley.
Begrüßung – [00:00:14]
BiMa & GLUMP – [00:01:08]
http://www.alkoholcola.de/
Ein Arm namens Howard – [00:03:11]
K&M 23860 BK Tisch-Mikrofonarm
Entlasswelle bei Mozilla, Zukunft von MDN? – [00:04:29]
Chromium issue status updates zu :is() und :where() – [00:10:07]
issue zu :where()
issue zu :is()
Fortsetzung Web-Technik-Docs: WebPlatform – [00:11:04]
https://webplatform.github.io/
Korrektur: Shadow Of The Tomb Raider – [00:13:05]
Accessibility Cheatsheet auf Norwegisch – [00:15:05]
Das Original auf Englisch
https://uu.difi.no/
WWSIV Mystery: Moritz ist etwas großem auf der Spur (evtl.) – [00:17:13]
Ausblick auf die zweite Staffel – [00:17:13]
Knoff-Hoff mit Moritz: Remote-Autogramm-Stift – [00:24:19]
Verspäteter Disclaimer: Dies ist keine richtige Folge! – [00:25:49]
...more
28min
August 02, 2020#season1::after{content: "Die 12 Reiter der Webokalypse"}
Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥
Feedback? Kommentar oder Mastodon.
Alles hat ein Ende nur #WWSIV hat viele! Im Finale der ersten Staffel schauen wir zurück auf ein halbes Jahr Podcast, zu welchen der Themen es neue Entwicklungen gibt und was sich seit Folge 0 verändert hat. Daneben berichtet Constantin von seinen ersten Erfahrungen mit Rust und wir schauen in die Browser-Feature-Glaskugel für die kommenden Releases. Ende September kommen wir zurück mit Staffel 2, Freudentränen und Lachsalven. Bis dahin schickt ihr uns eure Lieblingsbiere, bleibt uns gewogen und empfehlt uns weiter! Auf bald!
Begrüßung – [00:00:56]
Review zum Möbelhaus-Bier auf treverer.com
Retro Constantin – [00:09:57]
The Rust Programming Language
pdfreader: npm / github
Lexoffice Public API
Retro Moritz – [00:25:37]
stylelint: npm / github
terser: npm / github
Binary literals
Die Property der Woche – [00:32:08]
„gap“ Properties für flexbox: caniuse / Gist mit Workaround
MDN: revert / unset / initial / all:
Spam-Spot: Schwitzhitze – [00:57:40]
Tagesthema – [00:59:28]
Implementation tickets
loading=”lazy” für iframes: Firefox / Safari
LCH-Farben in CSS: Chromium / Firefox / Safari
@media ( color-gamut: … ) auf MDN
„HTML Includes That Work Today“
https://ishoudinireadyyet.com/
https://laragon.org/
GeilTeil – [01:54:23]
https://audiomass.co/
Verabschiedung – [01:58:43]
...more
2h 8min
July 19, 2020Jäger der verlorenen CSS-Features – Kapitel II
Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥
Feedback? Kommentar oder Mastodon.
Container Queries, Background-Opacity, Multiple Pseudo Elements, der Wahnsinn nimmt kein Ende! Wir werfen sechs weitere CSS-Schnipsel in den Wunschbrunnen, ranten über ISPs, spielen mit mask-image und lassen euch an den Merkwürdigkeiten von Ebay-Kleinanzeigen-Dialogen teilhaben. Das erste Sequel das besser ist als das Original. Versprochen.
Begrüßung – [00:00:54]
Retro gemeinsam – [00:08:52]
Tweet zur Sendungsverschiebung
Retro Moritz – [00:24:50]
Technikwürze Podcast / Ankündigungs-Tweet
GitHub Archive Program
Retro Constantin – [00:32:05]
48design/phmiley: Packagist / GitHub
Gist mit Liste von SaaS-Anbietern für Continuous Integration / GitHub Actions
FontForge (auf GitHub)
Matthew Skala: „The Terrible Secret of OpenType Glyph Substitution“
Die Property der Woche – [00:47:20]
mask-image: Demo / caniuse / Spec / Beispiele
Sp@m-M@il für dich (live): Kleinanzeigen – [00:53:11]
Tagesthema – [00:59:02]
1. Container Queries – [00:59:44]
2. background-opacity – [01:06:39]
caniuse object-fit/object-position
object-fit: css-tricks / MDN
object-position: MDN
3. Multiple pseudo elements – [01:10:36]
4. Previous sibling selector – [01:13:04]
caniuse :has()
Microsoft Edge Platform Status
5. text-size: fit-box – [01:19:50]
css-tricks: „Fitting Text to a Container“
6. viewport hooks / scroll hooks – [01:22:54]
GeilTeil Moritz – [01:32:32]
Kary Perry – Never Really Over auf YouTube
Zedd
GeilTeil Constantin – [01:32:32]
css-art.com
Lynn Fisher: A Single Div
Pure CSS Baby Yoda CodePen
Rock Paper Scissors Lizard Spock CodePen
Verabschiedung – [01:46:24]
...more
1h 53min
June 28, 2020Jäger der verlorenen CSS-Features – Kapitel I
Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥
Feedback? Kommentar oder Mastodon.
Schon mal die am höchsten gewertete Antwort zu einer Frage auf Stack Overflow gelesen und gedacht: geht das nicht in GEIL? Vielleicht mit CSS ohne JS-Polyfill? Wieso hat das noch keiner standardisiert? Wir spielen „CSS-Wünsch-dir-was“ und starten eine Liste der Most-Wanted-CSS-Features 2020 (Bindestriche-für-alle!-!) Passend dazu stellt Constantin die noch dampfend frischen :is()- und :where()-Pseudoklassen vor und Moritz enthüllt seine heimliche Liebe zu Klett-Kabelbinder. Eine Serie die fortgesetzt werden wird. Und Futur II ohne Reue.
Begrüßung – [00:00:52]
Retro Constantin – [00:03:31]
48design/phmiley
Retro Moritz – [00:08:37]
Römische Zahlschrift (Wikipedia)
-Element Specs
140bytes Archiv
Bootstrap v5
Die Property der Woche – [00:14:35]
MDN :is() / MDN :where()
„CSS :is() and :where() are coming to browsers“
Safari Tech Preview 106 Release Notes
Chrome Bug-Tickets: #568705 / #808904
Video zur Spezifizität von Stefan Judis auf Twitter
Neue RegEx-Engine in Spidermonkey
Firefox 78 Release Notes
Spam-Spot: Info-Piraten – [00:24:12]
Tagesthema – [00:28:38]
1. Parent-Selektor, parentsUntil(), :has() – [00:31:22]
MDN :has() / caniuse :has()
jQuerys parentsUntil()
2. ::nth-letter() / ::nth-word() / ::nth-line() – [00:39:26]
„An nth-letter selector in CSS“ auf adactio
„A Call for ::nth-everything“ auf css-tricks
nthEverything mit JS
3. Fully styleable form elements – [00:46:14]
„HTML isn’t done! (Chrome Dev Summit 2019)“ von Greg Whitworth, Nicole Sullivan (OOCSS)
„Styling a Select Like It’s 2019“
4. animation/transition zu Wert „auto“ – [00:56:40]
5. shape-inside – [01:02:14]
Fake shape-inside mittels DIV-Suppe
Fake mittels shape-outside und SVG
6. Styleable scrollbars – [01:08:55]
caniuse CSS scrollbar styling
Das GeilTeil – [01:23:28]
Klett-Kabelbinder (Affiliate-Link)
browserdefaultstyles.com
Verabschiedung – [01:28:24]
...more
1h 32min
June 14, 2020Großer Konzern vs. Kleine Klitsche
Diese Sendung soll nie aufhören? Unterstütze uns mit einer Spende ♥
Feedback? Kommentar oder Mastodon.
Politik vs. Smoothies trinken, Prozess vs. Zuruf. Constantin und Moritz vergleichen ihre alltäglichen Abläufe und vereinen dabei Welten, deren Aufeinandertreffen so manchem den Schweiß auf die Stirne treibt. Eine Folge voller vereinender Gegensätze und gegensätzlicher Vereinigungen. Nur eins scheint sicher: der Nerd-Witz steckt in Erklärungsnot. (Automatisch generierte Beschreibung, auch ohne Unterschrift gültig)
Begrüßung – [00:00:53]
Retro Moritz – [00:03:44]
Retro Constantin – [00:10:52]
zwischendrin.com
berichtsheft-kostenlos.de
„Zusammenhänge schaffen ‒ SELFHTML wird 25“
Die Property der Woche – [00:33:26]
Demo: https://codepen.io/MoritzGiessmann/pen/KKVzgod
MDN: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ol
Spec: https://html.spec.whatwg.org/multipage/grouping-content.html#the-ol-element
Nerd-Witz: Recruiter-Bar – [00:44:26]
via @iamdevloper auf Twitter
Tagesthema – [00:51:21]
Tools – [00:55:57]
Organisation – [01:05:23]
Conway’s Law
Hierarchie – [01:16:14]
https://augenhoehe-film.de/
Kultur, Meetings – [01:24:51]
Firmenpolitik – [01:32:00]
Rollen: HR, Architekten, QA – [01:38:37]
Teamgrößen – [01:45:33]
Das GeilTeil – [01:55:30]
Laragon.org
WampServer: https://www.wampserver.com/en/
XAMPP: https://www.apachefriends.org/de/index.html
Verabschiedung – [02:18:34]
...more
2h 23min

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