Wo wir sind, ist vorne, Folge 35. Heute packen wir aus.
Herzlich willkommen bei Wo wir sind, ist vorne.
Frontend Fakten Frotzelein.
Der Late Night Frontend Talkshow rund um Webdesign und Entwicklung.
Es reden sich um Head und Kragen, HTML-Fundamentalist Moritz Gießmann und JavaScript-Jongleur Konstantin Groß.
Hey, oder ho, ho, ho.
Oh mein Gott.
Ja, unser Weihnachtsintro mal wieder ausgepackt.
So schade, dass es nur einmal im Jahr kommt.
Hatten wir das?
Ich hatte mir letztes Jahr schon mal, ja.
Hatten wir schon mal, ja.
Mensch, das war ja, also Konstantin überrascht mich immer mit sowas, muss ich dazu sagen.
Da habe ich mir aber diesmal keine Mühe gegeben, das war das von letztem Jahr.
Was?
Nein, nein, also auf jeden Fall die letzte Weihnachtsfolge nochmal nachhören,
falls ihr das nochmal hören wollt.
Oder natürlich das Intro einfach in Dauerschleife laufen lassen.
Fantastisch.
Ach, wie schön.
Vielleicht hat er ja auch schon ein bisschen Weihnachtsstimmung.
Wenn die Folge rauskommt, dann ist es nicht mehr lang, dann ist es noch unter einer Woche bis Weihnachten ist.
Genau, also ich bin jetzt schon total weihnachtlich drauf.
Also, wie man sehen kann, ich habe mir schon den Bart wachsen lassen.
Ja, auch weiß gefärbt.
Weiß gefärbt.
Ja, also ich habe mir die Haut weiß gefärbt, der Bart ist auch gewachsen.
Und ja, Mensch, so.
Ach, wie schön.
Mensch, endlich wieder podcasten.
Endlich, ja, endlich wieder podcasten.
Ja, lange Pause jetzt irgendwie dazwischen gewesen, wieder zwischen den Folgen, aber wir sind wieder da.
Nee, gar nicht, gar nicht.
Nee, nee, wir sind eigentlich, glaube ich, im Tonus mit dem Podcast.
Wir sind mit dem Stream so ein bisschen.
Ja, der Stream hat wieder ein bisschen gelebt, das stimmt.
Ah, Twitch leidet so und das Schlimme ist ja, da sind die Leute, die uns das regelmäßig geben und da machen wir nichts.
Das tut mir auch echt leid, aber es war echt viel los die letzten zwei Wochen.
Bis diese Folge rauskommt, werden wir nochmal gestreamt haben.
Richtig, ja.
Glaube ich, also ich glaube, so kann man das sagen.
Wir werden gestreamt haben, Futur 2.
Ja, genau, ja, natürlich, ich meine, Futur, ein Futur 3 braucht man irgendwie für den Berliner Flughafen, irgendwie so war das.
Ja, genau.
Aber der ist ja mittlerweile tatsächlich eröffnet.
Naja, so jetzt wisst ihr auch, in was für einer Zeit wir uns in etwa befinden, falls ihr in tausend Jahren diese Folge hört oder ein automatischer Algorithmus quasi digital Ausgrabungen macht und das automatisch anhört, dann kann er jetzt vielleicht einordnen, zu welchem Zeitpunkt das hier entstanden ist.
Ja, aber vielleicht ist der ja kaputt gegangen oder nicht mehr lesen, aber man weiß es ja, stell dir mal vor, in tausend Jahren weiß man vielleicht nicht mehr genau, wie die Zeitstempel vor tausend Jahren funktioniert haben.
Vielleicht ist da ja schon längst die 27.
Alien-Invasion rum und das sind ganz viele, ich meine in tausend Jahren, da passiert so viel.
Ja, also ob man da das Internet überhaupt noch lesen kann.
Also CDs und so kannst du wahrscheinlich.
Egal, egal, komm, lass uns zum Bier kommen.
Steht im Internet, Quelle Internet.
Ja, Quelle YouTube, Quelle Facebook.
Quelle Twitter habe ich vor kurzem mal wieder gesehen.
Ja, ist auch schön.
Und dann aber den Namen, also auch den Usernamen nicht mal irgendwo dazuschreiben oder so, einfach nur Quelle Twitter.
Genau.
Ja, ja, richtig, genau.
Man könnte ja den Link zum Tweet mit reinpacken oder so, nein, aber man sagt Quelle Twitter, das ist doch ...
So, Quelle WWSIV, Quelle Bierflasche.
Bierquelle.
Was sagst du denn heute?
Ich habe heute wieder ein, ich glaube, das ist dann das letzte aus Brügge, Brugse, Zott.
Und zwar einen, da gibt es verschiedene, jetzt steht da jetzt aber sonst gar nichts mehr drauf.
Unterschiede die Seiten davon, egal.
0,33, 6 Prozent, das ist nicht so viel.
Oh, das war schon.
Aber es hat 5,2, ja gut, das ist auch nicht so.
Du hast aber auch eine größere Flasche, oder?
Nee, das ist eine ganz normale 0,33er.
Ah.
Das ist die letzte aus dieser Brauerei Klüvers Serie, die ich da mitgebracht habe aus Schleswig-Holstein.
Und danach fange ich mit dem belgischen Bier an von dir.
Genau, also im nächsten Jahr dann.
Ach so viel.
Also das ist jetzt ein Lager.
Müllig, muss ich mir da jetzt eins aufheben, dass wir gemeinsam eins ...
Ist auch egal.
Nee, egal, wir trinken einfach mal.
Also los geht's.
ASMR Start.
Ah, das war okay.
Ich habe jetzt endlich wieder den anderen Öffner, weil der Edge-Flaschenöffner ja wieder erwarten,
nein, nicht wieder erwarten, erwartungsgemäß enttäuscht er.
Aber der andere ist ein bisschen besser.
Ah, das war gut, ja?
Das war gut.
Ja, mit dem anderen Öffner wäre das nicht besser.
Ja dann, sowohl.
Ah, stimmt, ich habe ...
So, zack, und los geht's.
Dann starten wir doch mal direkt, oder?
Ach so, ja, los geht's.
BBS iV präsentiert die Retrospektive.
Die Retrospektive.
Und ich darf anfangen, ne?
Ja.
Ich streame wieder von meinem PC.
Du streamst nicht, du nimmst auf, aber du streamst da echt bald wieder.
Ich streame zu dir und du streamst zu mir.
Aber ich nehme die Folge gerade wieder an meinem ...
Oh Gott.
Ja, aber die Probleme hören leider nicht auf.
Ich habe mir vorhin schon überlegt, ob ich dir so einen Get-a-Mech-Link schicken soll.
Ja, ich habe schon gewusst, wenn ich sage, hier immer noch Probleme, was dann auf mich zukommt.
Ich habe schon überlegt, ob ich es tarnen soll mit so einem Tiny-URL oder so.
Ein Link, der aussieht, als wäre es zu einem Rick-Roll-Video.
Aber eigentlich ist es in den Apple-Shop.
Aber egal.
Ja, erzähl.
Also es wäre ja nicht ich, wenn jetzt einfach alles funktionieren würde.
Es hat jetzt auch noch ewig gedauert, weil ich habe dann gleich den ...
Ich habe gedacht, wenn ich jetzt schon mal hier alles neu umstelle und so, dann mache ich hier auch gleich so einen Monitorarm an das eine Display und so.
Ein bisschen den Tower woanders hingestellt, damit ich nicht ständig mit dem Fuß dran komme und so.
Und dann habe ich dann festgestellt, okay, an der Stelle habe ich keine Steckdose, also brauche ich noch eine Verlängerungsdose.
Und die USB-Kabel zur Maus und zur Tastatur waren dann aber zu kurz, muss ich verlängern.
Jedenfalls seit heute ...
USB-Kabel zur Maus und Tastatur?
Ja.
In welchem Jahrhundert lebst du denn?
Ich hasse Funk, Maus und Tastatur.
Weil das ist noch so ein Trauma von vor 15 Jahren oder so, wo das absolut unzuverlässig war und immer gehakt hat.
Das Problem, das ist wirklich gelöst.
Das Problem ist gelöst.
Glaube ich nicht.
Ich will Kabel.
Ich will beim Internet Kabel, ich will beim Maus und Tastatur Kabel.
Und du musst dafür nicht mal Bluetooth nehmen, diesen komischen, unzuverlässigen Standard,
sondern da gibt es, also Logitech zum Beispiel hat da so eigene Schnupsis, die du da also so USB-Dongels.
Das funktioniert sehr gut, sehr zuverlässig.
Wirklich, ja, ja, bleib du, leg du weiter in 1995, ist schon okay.
Mittlerweile funktioniert das.
Ich mache das jetzt schon seit einer ganzen Weile.
Das ist also, bis auf, dass ich mir immer Kohle über die Tastatur schütte, dafür kann das,
kann das kabellose nix.
Ich bin nicht am Kabel hängen geblieben.
Also kann ich auf jeden Fall, es ist angerichtet, kann man jetzt machen, darf man, es ist freigegeben.
Mal gucken, in zehn Jahren vielleicht.
Aber ganz kurz so zum Thema, wo du eigentlich stehst, ich bin mir jetzt gerade gar nicht sicher,
inwiefern die Podcast-HörerInnen wissen, was der aktuelle Stand ist.
Weil haben wir, ich bin jetzt ein bisschen kalendermäßig aus dem Trip geraten,
muss da vielleicht gerade nochmal reinschauen.
Also im letzten Stream haben wir, da habe ich versucht, ihn zu reparieren.
Hatten wir danach nochmal einen Podcast?
Nee, oder?
Warte mal.
Ich bin mir jetzt auch nicht mehr hundertprozentig sicher.
Warte mal, wann ist denn der Stream, Stream?
Ah, nee, nee, nee, nee, nee, hatten wir nicht.
Also wir haben es gar nicht aufgelöst, okay.
Nee, hatten wir nicht.
Das heißt, wir müssen, glaube ich, nochmal ein bisschen bei A und IFA anfangen.
Also ich war in diesem Stream kläglich gescheitert und habe alles zusammengebaut und so
und auf geheißtes Chats auch nicht vorher ausprobiert, ob es vielleicht alles tut oder nicht,
sondern alles rein in den Tower.
Und dann, Ende des Streams lief der Rechner immer noch nicht.
Und tatsächlich hat es dann geholfen, einfach nochmal CMOS-Reset zu machen.
Und dann kam ich zumindest mal rein in Windows.
Und dann gab es da noch diverse Problemchen mit dem Spiegeln auf die neue SSD und so,
die ich ja auch gleich in dem Zug dann mir beschafft habe.
Und irgendwann lief es dann aber so alles halbwegs.
Und dann war aber arbeitstechnisch die Hölle los bei uns.
und ich habe jetzt einfach die letzten zwei Wochen dann auch nicht den Kopf gehabt,
das hier alles hochzuschleppen und so und einfach die Zeit noch nicht gehabt.
Und dann habe ich jetzt heute, nachdem jetzt alle Kabel auch da waren und so,
habe ich gesagt, so jetzt stelle ich die Kiste hin und schließe alles an.
Ach, heute erst?
Ja, ja, heute erst.
Ach du liebe Zeit, das war jetzt wirklich auf des Messers Schneider,
ob das jetzt hier klappt oder nicht.
Genau, genau.
Und dann habe ich vorhin festgestellt, ja, ich habe aber,
der Laptop läuft hier im Hintergrund, also zur Not hätte ich den doch nochmal benutzt.
Ja, jetzt habe ich heute das alles hier hochgefahren und so Updates und sowas hatte ich halt
nebenher schon alles installiert, als der noch im Keller da unten rum stand.
Und da habe ich irgendwie gedacht, irgendwie ist das so lahm alles, das gibt es doch gar nicht.
Ist der Raum vergessen?
Nee, ja, vergessen, das würde einiges erklären, aber die RAM-Regel sind drin.
Aber ich habe dann so geguckt, so im Taskmanager, RAM-Auslastung irgendwie 75 Prozent, 80 Prozent, 90 Prozent.
Da dachte ich so, das kann ja nicht sein, was frisst denn da?
Da war halt irgendwie ein Prozess, der irgendwie Gigabyte gefressen hat.
Da dachte ich, das kann doch nicht, also ist ja nichts in Gigabyte.
Und dann habe ich erst festgestellt, ah, okay, aber es werden ja auch nur 8 Gigabyte erkannt.
Und eigentlich müssten das halt 32 sein.
Also das sind 4, 8er-Regel und davon wird nur eine erkannt.
Wow.
Ja, das heißt, ich muss die Kiste jetzt nochmal aufmachen, nicht mehr heute und nochmal gucken, was das ist.
Und komischerweise, also CPU-Z, falls ihr das kennt, so ein Tool, mit dem man so Hardware-Informationen auslesen kann, der erkennt 16 Gigabyte, aber Windows nur 8.
Und das BIOS, je nachdem, an welche Stelle man guckt, an der einen Stelle stehen auch nur 8 Gigabyte und an der anderen Stelle, wo man wirklich so für jeden Slot, jeden DIM-Slot abfragen kann, wird der eine Regel richtig erkannt und der andere, da wird die Seriennummer und so erkannt, aber nicht der Herstellername zum Beispiel.
Und die anderen beiden Slots sind komplett leer.
Also irgendwas stimmt da nicht, irgendwas ist da im Argen.
Ich würde einfach mal Windows neu installieren, also erstens macht das einen Riesen-Spaß.
Aber wenn BIOS das schon nicht erkennt, wenn BIOS schon den RAM nicht erkennt, dann liegt es daran und nicht an Windows.
Hm, das ist vielleicht doch bei den Versuchen was fratze gegangen.
Vielleicht ist irgendwas, ja.
Also man muss dazu sagen, ich habe ja dem Konstantin zuschauen dürfen im Stream, wie er den Rechner zusammengeschraubt hat und mehrfach gezweifelt ist.
Nein, nein, das muss jetzt mal raus.
Und es hat sehr, sehr, sehr lange gedauert und sehr viel Überzeugungsarbeit, sowohl von meiner Seite als auch vom Chat, dass er überhaupt mal da irgend so einen Knopf drückt, wo er nicht genau weiß, was dann passiert.
Da gab es so einen Knopf auf dem Mainboard, wo man es direkt starten konnte, da hat er ganz große Angst gehabt, davor da einmal draufzudrücken.
Aber am Ende hat es auch nichts gebracht.
Ja, auf den Startknopf habe ich schon gedrückt.
Das war noch irgendwas, irgendwas anderes war es doch, wo ich…
Nee, ich meinte den Startknopf am Mainboard, aber da gab es doch einen.
Achso, ja, aber weil der Startknopf nicht funktioniert hatte, deswegen habe ich gedacht, starte ich mal lieber nicht das Mainboard direkt, weil es wird schon seinen Grund haben, wenn alles richtig verkabelt ist, warum der nicht startet.
Also ich meine, so ein RAM-Riegel sieht ja, die Schnittstelle von so einem RAM-Riegel sieht ja so ähnlich aus wie die Schnittstelle von so einem Gameboy-Spiel.
Ich würde einfach mal rausnehmen, reinpusten und wieder reinstecken.
Ja, darauf wird es hinauslaufen.
Das Ding ist halt nur, dass das alles so eng ist da drin, weil ja dieser riesen Kühl-Tower da drauf ist, dass ich da sowieso schon nicht richtig hinkam und jetzt im Gehäuse drin wird es nochmal schwieriger.
Also mal gucken, bei Tageslicht werde ich den mal nochmal alles entkabeln und irgendwo flach hinlegen und dann versuche ich mal mein Glück.
Ja, mal flach legen und dann…
Und vielleicht war das dann die letzte Retro zum Thema Konstantins PC ist kaputt.
Nee, natürlich werde ich dir jedes Mal, wenn du irgendein Problem hast, aufs Brot schmieren, egal.
Ich wäre ja gerne ein Apple-Reseller, weil dann würde ich dafür wenigstens was kriegen, dass ich jetzt diese Religion anhänge.
Ich nenne das ja jetzt selbst so, also ihr könnt mich damit auch nicht irgendwie blöd anmachen, wenn ihr sagt, der Moritz, der ist ja voll zum Jünger.
Nee, es ist viel schlimmer, ich bin Fundamentalist, das wisst ihr ja schon.
Ja, weil ihr macht das sogar ohne was davon zu haben, ne?
Ja, das ist dann schon wirklich Leidenschaft, da wird es dann schon kritisch, da wird es dann schon kritisch.
Aber schön, dass du das noch erkennst.
Ja, ja, natürlich. Ich weiß auch, dass ich eine 180-Grad-Wendung gemacht habe, ich war einmal absolut dagegen und jetzt bin ich dafür.
Ich bin dafür, dass ich dagegen bin.
Das nehme ich mir einfach raus, ich bin alt genug, das jetzt einfach machen zu dürfen, einfach von heute auf morgen meine Meinung ändern zu können.
Ja.
Okay, PC fertig oder?
Ja, bitteschön.
Okay, hast du, hakst du ab im Trello?
Ach so, ja kann ich.
Nein, nein, ich kann, ich wollte nur sicherstellen, ich wollte nur sicherstellen, wir haken uns manchmal, wir machen es gleichzeitig und dann ist es wieder unabgehakt.
Genau, ich habe gerade schon gesehen, wir haben ein ähnliches Thema oder der zweite Retro-Punkt, den haben wir glaube ich gemeinsam.
Und zwar hat sich gesetzlich was geändert an, wenn ich langsames Internet habe, was ich tun kann und wieso ich das jetzt hier im Podcast auch nochmal anspreche ist, wir hatten ja schon einige Folgen drüber, wo ich Probleme hatte mit meinem Provider, namentlich Vodafone mit dem Kabel-Internet.
Das nicht im Ansatz das geleistet hat, was es sollte oder was im Vertrag steht und ich habe da auch schon viel mit denen rumgestritten und das habe ich ja auch öfter mal erzählt, da gibt es auch noch so ein schönes Bild von mir, Speed-Tests machen unglücklich.
Ich habe natürlich heute Morgen meinen Speed-Test gemacht.
Und bist du glücklich oder?
Also ich bin nicht so unglücklich wie auf dem Bild, interessanterweise, also genau, nee, aber ich bin schon wieder zwei Schritte zu weit.
Also es gibt jetzt ein neues Gesetz, das seit ab Dezember, ich glaube ab 1.12. sagt, dass die Internetanbieter auch das bringen müssen, was sie sagen, was sie in ihrem Vertrag schreiben.
Sonst hat man das Recht, den Preis zu mindern.
Ich weiß nicht genau, ob genau festgelegt ist, wie viel dann gemindert werden darf.
Ah doch, ich lese gerade, also wenn man jetzt nur halb so schnell bekommt, dann darf man den Preis um die Hälfte mindern.
Also das ist ja schon irgendwie, das ist schon eine deutliche Ansage.
Das heißt, wenn ich jetzt irgendwie ein Gigabit bekommen sollte und bekomme nur 500 Mbit, dann zahle ich nur die Hälfte.
Wobei ich jetzt nicht weiß genau, wie das dann auch noch mit reinspielt mit Upload, weil es geht ja nicht nur um den Download.
Das habe ich nämlich auch gefragt, ja.
Irgendwie mitberechnen und wie man das dann miteinander verdöngelt, keine Ahnung.
Gibt es bestimmt genaue Dokumente dazu.
Ich glaube da an unseren Start, dass er das ziemlich genau ausformuliert hat.
Und dazu kommt, dass wer die App noch nicht kannte, der lernt sie jetzt kennen.
Es gibt von der Bundesnetzagentur die Breitbandmessungs-App.
Gibt es, glaube ich, für alle möglichen Plattformen.
Gibt es für Mac, gibt es für Windows.
Ich weiß nicht, ob für Linux auch.
Ich glaube aber schon.
Und das ist quasi so eine geeichte, zertifizierte Internetgeschwindigkeitsmessungs-App.
So ein Speedtest.
Die müssen die Browser auch anerkennen.
Die Browser, die Provider, meine ich.
Die Provider, genau, genau.
Und ich habe das damals schon gemacht.
Die gibt es schon länger.
Die hat jetzt eine neue Version gekriegt.
Das ist jetzt quasi so rechtsverbindlich.
Da muss man so und so viele Tests machen innerhalb Zeitraum X.
Und wenn da dann was Schlechtes rauskommt,
dann kann man das quasi als Grundlage zur Preisminderung nehmen.
So etwas Ähnliches gab es in der alten Version der App auch schon.
Da war das nun nicht rechtsverbindlich.
Da haben sie auch gesagt, so möchtest du jetzt einen Test machen,
der wirklich eine Rechtsgrundlage quasi oder sowas Ähnliches ist.
Und dann hast du am Ende auch so einen Report gekriegt,
den du dann deinem Provider schicken konntest.
Also damals hatte ich das mal getestet.
Da macht man dann, ich weiß gar nicht wie viel,
15 oder 20 Tests im Zeitraum von zwei Tagen oder so.
Und möglichst verteilt über den Tag.
Und dann fragen die nochmal ab, hey, bist du auch nicht im WLAN?
Und wie ist denn deine Postleitzahl?
Und was war es noch?
Und ist deine Netzwerkkarte überhaupt schnell genug?
Und so weiter.
Also so, dass man sicher geht,
dass die richtige Internetverbindung verwendet wird.
Und dass auch die Geschwindigkeit,
die maximale Geschwindigkeit, die beim Router ankommt,
auch in dem Test ankommt.
Und ich habe jetzt die neue Version von der App auch installiert
und die versucht auch so bestimmte Sachen schon zu testen.
Sowas wie, also wirklich, also auf Systemebene.
Sowas wie, bist du denn mit dem WLAN verbunden oder so?
Und dann sagt sie, naja, du bist gerade mit dem WLAN verbunden,
schalt es doch mal aus, sonst kann ich mir nicht sicher sein,
dass der Test irgendwie richtig ist und so weiter.
Also versucht einem da so Hilfestellung zu geben,
dass man auf dem System den Zustand herstellt,
der gebraucht wird für den zuverlässigen Test.
Und dann macht man da eine gewisse Anzahl Tests
und kriegt dann am Ende was raus.
Und dann wahrscheinlich,
das habe ich jetzt mit der neuen App auch noch nicht getestet,
wieder so ein Dokument, wo dann drin steht,
hey Provider, du solltest das liefern,
du hast das nicht geliefert,
hier sind die Tests und die Ergebnisse, eine Tabelle drin.
Mach gut, mach heile und bis dahin kann ich so und so viel.
Ich weiß jetzt nicht genau, ob das dir dann direkt sagt,
wie viel du mindern kannst,
aber das werde ich auf jeden Fall noch ausprobieren.
Meine ersten Tests,
aber man kann auch Einzeltests machen,
und man muss nicht gleich diese ganze Myriade an Tests machen.
Der erste war fürchterlich schlecht
und dann habe ich direkt danach nochmal einen gemacht,
weil wir wissen ja,
manchmal spinnt auch was mal ganz kurz
und der war dann in Ordnung.
Da waren tatsächlich die Zahlen,
naja, ich habe nicht 100 Prozent von dem gekriegt,
was in meinem Vertrag steht,
aber dann gibt es da auch so Auslegungssache.
also bei mir, bei meinem Gigabit ist es so,
die sagen, Gigabit ist Max,
in der Regel sind es 800 und mindestens sind es 600 Mbit.
Und da gilt dann der Mindestwert.
Das heißt im Prinzip, wenn sie 600 erreichen,
ist es dann wahrscheinlich okay,
was fast nur die Hälfte ist,
von dem, womit eigentlich der Vertrag beworben wird,
was ich schon ein bisschen schräg finde.
Ja, ich werde jetzt demnächst auch nochmal ein paar Tests machen
und dann nochmal gucken,
aber bisher war das ganz okay
und ich finde die App auch nett und gut gemacht, tatsächlich.
Also tatsächlich mal ein,
zumindest soweit ich es bis jetzt getestet habe,
eine gute Digitalisierungs,
wie soll ich sagen,
ein gutes Digitalisierungsbeispiel unserer regierenden Organe.
Da gibt es nicht so viele davon.
Das muss man aber mal hervorheben,
weil oft wird da ganz viel Geld ins Nichts geworfen
und dann kommt nur Scheiße bei raus.
Ich habe dann konkretes Beispiel,
aber das nenne ich aus gewissen Gründen jetzt nicht.
Ich glaube, du weißt, was ich meine.
Ich weiß es.
Ach so, ja.
Wollten wir da mal eine Folge zu machen?
Echt?
Ja, weiß ich nicht.
Ich weiß es nicht.
Dann weiß ich vielleicht nicht, was du meinst, aber...
Wir gucken mal.
Wir reden da mal im Stillen drüber.
Ja, genau, genau.
Ah, das, ja, genau, stimmt.
Okay, ja, gut.
Also ich bin damit fertig, wenn du noch was ergänzen möchtest.
Nee, also zu dem jetzt konkret nicht.
Aber ich hatte festgestellt, als ich meine Retro draufsetzen wollte,
habe ich schon bei dir gelesen, oh, Verbraucherschutz.
Und dachte, ah, haben wir jetzt das Gleiche.
Habe aber dann gesehen, ah, nee, es geht um was anderes, aber es geht auch um Verbraucherschutz.
Also wir bleiben bei dem Thema.
Und zwar war das nicht die einzige Novelle, die es da gab, sondern es gab auch bei den Kündigungsfristen jetzt eine Neuerung, die sehr zugunsten der Verbraucher geht.
Und zwar muss ein Anbieter jetzt, vorher war das ja immer so, ne, Zwei-Jahres-Vertrag und dann habe ich verpasst, den zu kündigen.
Zack, wieder zwei Jahre an der Backe.
Und zwei Jahre sind halt nur mal eine lange Zeit, da passiert auch viel technisch.
Und da gibt es in der Zeit wahrscheinlich bessere Angebote und ich hänge dann in dem Vertrag drin.
Und jetzt ist es so, nach diesem initialen Vertragsding, also es darf schon in Zukunft auch noch Verträge geben, die irgendwie zwei Jahre laufen,
aber nach diesem Ding muss mir der Anbieter eine monatliche Kündigung gewähren.
Und das gilt auch für Altverträge.
Also nicht jetzt nur, wenn ich jetzt was Neues abschließe, sondern auch bei meinen bestehenden Handyverträgen, Mobilfunk, Internet, was weiß ich,
muss das ab sofort so sein, dass ich monatlich kündigen darf.
Und das finde ich echt super.
Also ich habe bei meinem letzten Handyvertrag, den ich abgeschlossen habe, extra, ich zahle fünf Euro im Monat mehr,
das werde ich jetzt natürlich auch umstellen, um eine monatliche Kündigungsfrist zu haben.
Also da hat man früher extra dafür gezahlt und jetzt darf man das auch so.
Und was auch noch neu ist, der Provider muss mich einmal im Jahr darauf hinweisen,
wenn es meine aktuellen Konditionen, die ich gebucht habe, zu einem günstigeren Preis gibt inzwischen.
Oha, da bin ich ja mal gespannt.
Ja, ich auch. Gehört habe ich bisher noch nichts.
Also die nutzen jetzt seit dem 1.12. das Jahr wahrscheinlich bis nächstes Jahr um die Zeit, bis sie das das erste Mal machen.
Inwiefern das gemacht wird, das finde ich ja, die müssen mir sagen, also das ist ja, hey, du kannst das jetzt, nee, ich sag dir, was passieren wird, ich sag dir, was passieren wird.
Die werden sich da raus, die werden sich da raus, die werden dann einen Vertrag machen, der aus irgendeinem Detail heraus nicht vergleichbar ist mit dem davor und sagen, nee, nee, das ist ja, aber das ist nicht dasselbe.
Hier kriegst du, da ist zwei SMS mehr in dem Vertrag, nee, so wird es laufen. Jetzt bringe ich die bösen Anbieter auf irgendwelche Ideen.
Ach, die kommen schon alleine auf solche Ideen.
Ich glaube auch, also das, das, das werden, die werden, die werden, die werden wahrscheinlich dann eine Million verschiedene Verträge anbieten, die alle sich ein bisschen unterscheiden, sodass man sagt, nee, nee, das ist nicht der gleiche.
Das sind nicht die gleiche Konditionen.
Nein, nein, du hast hier, hier hast du eine Beschränkung der Mailbox auf 30 Sekunden und da sind es 32. Oder so, irgendwie sogar ganz absurdes Zeug wird da dann wahrscheinlich drinstehen.
Ja, wobei einrechtlich ist das ja dann schon das andere, ist ja sogar eine bessere Kondition. Ja, egal. Also die werden, werden mit Sicherheit das einfach so hinnehmen, die werden schon tricksen.
Nee, nee, die werden dann eine Sache schlechter machen in dem neuen Vertrag, damit, damit es nicht, damit er nicht bessere Konditionen hat.
Ja, du hast absolut recht, das wird so laufen, ja.
Ich kenne Leute, die kommen auf Ideen und Rechtsabteilungen sind da auch ganz groß drin, glaube ich, so Lücken zu finden.
Vielleicht sollte ich da anfangen, weil ich komme auch auf so Ideen. Da wird man bestimmt gut bezahlt, wenn man in der Rechtsverdrehungs-Ideenszene ist.
Rechtsverdreher, ja.
Aber das stimmt, das war jetzt dann tatsächlich ein ganz anderes Thema. Ich habe witzigerweise genau dasselbe gedacht, dass wir das Gleiche haben und dann ist jetzt tatsächlich was ganz anderes. Aber das freut mich auch sehr. Beides, finde ich, sind sehr gute Entwicklungen.
Auf jeden Fall, auf jeden Fall.
Gut.
Okay. Ja, ich habe jetzt für die Retro noch einen Punkt, eigentlich nur als Erinnerung, für das ihr bis zum Ende hört. Und zwar am Ende, am Ende dieser Folge gibt es noch Geschenke. Am Ende wird noch erzählt, wie ihr Geschenke kriegen könnt von uns. Aber da kommen wir halt am Schluss drauf.
Genau, also Teaser bis zum Ende.
Genau, also bis nach unserem Thema oder Geilteil oder vielleicht beides.
Ja, da war nämlich jetzt für mich noch die Frage, was machen wir denn? Spielen wir jetzt den Themen, das Themen-Intro oder das Geilteil-Intro? Oder spielen wir einfach beide hintereinander?
Oder wir spielen einfach mehrere, mehrfach nach jedem der folgenden Punkte einfach nochmal das Jingle. Nein, ich glaube, das können wir euch nicht antun.
Nee, wir spielen beide hintereinander, oder?
Können wir sie übereinander legen?
Ich kann sie auch so parallel ablaufen lassen, aber ich glaube, das ist nicht lustig.
Doch, ich finde es ziemlich lustig.
Oder welches startest du? Dann starte ich das andere.
Ich starte, oh Gott, dann mache ich das Tagesthema und du das Geilteil.
Okay.
Drei, zwei, eins.
Hier ist WWSIV mit dem Tagesthema.
War gar nicht so schlimm, wie ich es angenommen hätte.
Ihr habt es, nee, war aber schon irgendwie auch nicht gut, ne?
Ihr habt es vielleicht erraten, wir haben auch schon so ein bisschen angeteasert auf Twitter, das ist eine Geilteil-Folge heute.
Und zwar, wir haben jetzt auch keine Property und auch kein Thema außer Geilteile.
Wie kam es dazu?
Es kam dazu, weil ich ins Trello geschaut habe, bei uns, in unsere Liste mit den Geilteilen und gesehen habe, oh Gott, wir haben eine endlose Liste an Geilteilen.
Das schaffen wir niemals aufzuholen.
Wir werden immer mehr Geilteile haben, als wir Folgen machen können.
Und dann da war die Idee geboren, wir könnten ja mal eine Folge voller Geilteile machen, wo wir einfach nur die ganzen Geilteile durchgehen.
Beziehungsweise, es sind so viele, dass wir sie wahrscheinlich jetzt nicht heute alle besprechen können, sondern vielleicht auch nochmal in einem Stream, der bis diese Folge erscheint, schon gewesen sein wird, besprechen werden.
Aber heute so die besten, und ich weiß gar nicht, wie viele es sind, so ein paar, 15 oder so.
Gucken wir mal, vielleicht, falls wir schnell durchkommen, hängen wir vielleicht noch ein paar hinten dran.
Es ist halt so, ich bin so eine Datenkrake, die auch nachdem sie was aufgeschrieben hat, auch wieder vergisst.
Das heißt, also es ist wirklich bei mir so, irgendwas fliegt auf Twitter oder sonst irgendwo im Internet an mir vorbei und ich denke so, oh, das ist ja cool.
Und dann schreibe ich das auf unsere Geilteile-Liste und das passiert halt relativ oft.
Dementsprechend voll war die jetzt mittlerweile auch.
Ja, das war wirklich, also wie gesagt, es sind jetzt, glaube ich, immer noch 15 oder 20 auf der Liste.
Ja, also, ich habe jetzt quasi von hinten weggearbeitet. Die Ältesten kommen jetzt quasi zuerst.
Okay. Ja, bei mir sind auch schon, glaube ich, ein paar angestaubt, so ein bisschen. Nicht mehr so aktuell vielleicht, aber wir gucken mal, weil es ist bestimmt trotzdem noch interessant.
Genau, sie sind so alt, dass teilweise sogar schon HTTPS-Zertifikate abgelaufen sind.
Das habe ich auch festgestellt, ja.
Ja, genau. Und ich glaube, das erste Geilteil, ich fange ja, glaube ich, an. Das erste Geilteil, mit dem wir jetzt anfangen, das ist, das habe ich, glaube ich, schon auf die Liste geschrieben, bevor wir die erste Folge aufgenommen haben.
Wow, okay.
Ich glaube, das ist schon sehr, sehr, sehr lange da drauf. Zeitlich würde es hinhauen, das ist nämlich, der Tweet dazu ist vom 17. Juni 2019, aber ich finde es nach wie vor ziemlich geil.
Und zwar kennt bestimmt jeder, der im Internet unterwegs ist, hat bestimmt schon mal diesen Witz, dieses Witzbild gesehen über CSS ist awesome und der Text awesome läuft über so eine Box raus, in dem er drin steht.
Also du hast so ein Rechteck oder ein Quadrat, da steht Text drin, CSS ist awesome und der Text läuft einfach über den Rahmen der Box hinaus.
So, also das ist aber jetzt noch nicht das Geilteil, sondern der Tweet ist von PPK, Peter Paul Koch, den wir zusammen auch schon in Amsterdam mal gesehen haben, auf der CSS-Conf hat er einen Vortrag gemacht.
Der geht ganz gern sehr, sehr, sehr tief in so CSS und JavaScript-Themen rein und macht da regelrechte Forschung.
Also das ist nicht nur, der ist eigentlich kein Developer, das ist eigentlich ein Webforscher, würde ich ihn nennen.
Und der hat damals auf Twitter die Frage gestellt, CSS ist awesome, jeder kennt dieses Bild, aber wie sollte denn eigentlich das richtige Rendering sein?
Also, und er hat dann verschiedene Möglichkeiten angeboten, also das erste ist das, wie man es kennt, du hast ein Rechteck, da steht es drin und das awesome, das Wort ist so lange, dass es eben über den Rahmen hinausläuft.
Die Variante B ist CSS ist all ... also mit Ellipsis abgekürzt, sobald es ein Overflow gibt.
Die Variante C ist CSS ist also und dann wird es abgeschnitten, der Text also mit Overflow hin.
Ja, und dann die Variante D und ich weiß nicht, ob uns noch mehr Varianten einfallen würden, mir jetzt erst mal nicht.
Und das ist eine gute Antwort noch. Und zwar CSS ist all ...
Warte, warte, warte, warte. Lass mich erst Variante D machen, dann ...
Genau, also, muss ich es noch kurz beschreiben, ähm, da ist der Text dann halt, das Wort awesome im Text umgebrochen, also es ist dann wahrscheinlich, wie war das nochmal, äh, Text ...
Breakword, oder?
Breakword, genau.
Ähm, genau, also, und die Frage ist tatsächlich, was wäre korrekt? Und du sagst, unten ist, äh, unten ist noch ein gutes Beispiel, das kannst du dann kurz sagen.
Tobi Langel hat da drauf geantwortet, CSS is all, Bindestrich, sum. Also, quasi, äh, hyphen, wie heißt das, hyphens, ne?
Ja.
Oder hyphenate, hyphenate.
Genau, das haben wir, das haben wir tatsächlich, äh, bei uns auf dem Blog, äh, Blog sag ich, auf unserer Podcast-Seite auch relativ, ähm, aggressiv eingesetzt, ähm, und das ist echt ...
Hyphens heißt das Property, genau.
Hyphens, das ist echt eine richtig coole Sache. Ja, tatsächlich eine gute Idee, eine sehr gute Idee.
Zumal ich jetzt nicht weiß, ob es wirklich sinnvoll ist, Boxen zu haben, in die, wenn ich jetzt mal so hochrechne, maximal fünf Buchstaben nebeneinander reinpassen, ähm, die sind dann ...
Dann sollte man sich, glaube ich, überlegen, ob das Ding nicht ein bisschen zu eng ist. Aber, äh, es geht ja auch nur darum, äh, um ein Beispiel, um, um, um, ja, um zu zeigen, was das, was das Problem ist an der Stelle, weil, äh, natürlich mit breiteren Boxen kriegt man das Problem auch.
Aber da ist dann mit, mit Bindestrich tatsächlich ein bisschen besser, ein bisschen besser zu arbeiten, also mit Hyphenation. Weil das kann ich nur empfehlen, das ist auch was, was man im Web viel zu selten sieht, ist, dass diese Browser Hyphenation, äh, verwendet wird.
Ich weiß allerdings nicht, ob das für alle Sprachen überall geht. Ähm, ich glaube, dafür braucht der Browser ein Wörterbuch.
Ja, aber die gängigsten ...
Ich wüsste nicht, wie es sonst gehen sollte.
Wobei, das würde mich mal, falls du ...
Also, es gibt, es gibt ja Regeln auch, ne, nach denen getrennt wird und dann gibt's natürlich noch Ausnahmen, die macht man dann über ein Wörterbuch, aber ich glaub, du musst nicht die komplette Sprache als Wörterbuch abdecken, sondern du kannst das schon über, über so Regeln machen und dann halt, wenn's, wenn die Regel halt mal nicht greift, dann gibt's dann Ausnahmen.
Vielleicht sollten wir mal in den Code von Firefox gucken, wie das implementiert ist. Das würde mich nämlich tatsächlich mal interessieren, wie das gemacht ist. Ja, aber Hyphenation stimmt, das ist noch eine wirklich gute Idee an der Stelle.
Haben jetzt schon wieder viel geredet um so ein kleines Ding, aber das, das, das, das, ich find das sehr interessantes Beispiel, interessantes Gedankenexperiment, was ist denn eigentlich die richtige Variante und ich glaub, es kommt drauf an, wie immer, ne.
Aber ja, genau.
Das ist nämlich ein anderes Meme, das ich grad erst letztens wieder gelesen hab, irgendwie, ähm, say it, say the magic words, see your death.
Das hast du bei mir gesehen.
Das hast du bei mir gesehen, glaub ich, ja, ja, es war, warte einen Moment, der Konstantin spiegelt an auf, äh, genau, das ist ein Bild von den, mit den Simpsons, ne, say the line, see your death.
Und Bart guckt ganz traurig, it depends, kommt drauf an.
Hast du das auch noch, komm nach Hause noch in die, in die Shownotes rein?
Äh, ja.
Das können wir noch, das können wir noch mit reinhauen.
Das packe ich dann jetzt quasi einfach hier nochmal unten drunter.
So, okay, gut.
Okay, gut, kommen wir zum nächsten.
Sollen wir jetzt nochmal, nochmal das Jingle?
Nein.
Vielleicht nochmal, vielleicht nochmal ohne Tagesthema.
Ne, machen wir jetzt nicht.
Das wird, wird zu lang.
Ja, mein nächstes Geil-Teil ist eigentlich fast schon nochmal ein Retro-Punkt, weil ich das jetzt gerade erst diese Woche, ähm, ausprobiert hab.
Und zwar geht's um Browser-Stack.
Sagt dir das was?
Kennst du das?
Ich muss grad nochmal, ich glaube, ich kenne das, ja.
Ich muss jetzt grad nochmal gucken, ob es das ist, was ich in Erinnerung hatte.
Also ich meine, es ist sogar von den Leuten von Browser-Shots, dass die das gemacht haben.
Browser-Shots, oh Gott, das ist das wirklich ganz, wow.
Browser-Shots war das, wo man Screenshots anfertigen lassen konnte in verschiedensten Browsern und Betriebssystemen.
Das ist lange her, dass ich das zuletzt benutzt hab.
Gibt's das noch Browser-Shots?
Ich weiß es gar nicht.
Kannst du ja mal parallel gucken.
Ich guck mal, ja.
Also Browser-Stack, das ist auch keine Werbung, auch wenn das natürlich ein kommerzielles Produkt ist.
Aber ich hab das jetzt einfach mal getestet.
Also das ist tatsächlich ein frisches Geil-Teil.
Und zwar war ich in der Situation, dass jemand gemeint hat, ja, das und das funktioniert im Safari nicht.
Und, äh, tja, ich hab halt blöderweise kein Safari zum Testen.
Aber beim Safari-Kannst?
Ja, hättest du einen Mac, hättest du einen Safari, ja?
Nein, nein, nein, nein, nein, nein, nein, wollte ich gar nicht, wollte ich gar nicht.
Ich wollte sagen, äh, wenn du das nochmal, nochmal hast, dann frag einfach mich.
Ja, das, da hab ich auch echt kurz überlegt, so, schreib jetzt einfach den Moritz, kannst du bitte mal da draufgehen und mir sagen, ähm, was da in der Konsole steht.
Und das war am Ende auch nur irgendwie, da Safari hat irgendwas nicht, nicht richtig unterstützt, ähm, weil wenn man, äh, wenn man ein New Date macht, äh, dann hat er das in einem bestimmten Format erwartet und alle anderen Browser können das auch, äh, mit einem anderen Format.
Aber egal, ähm, jedenfalls, ähm, jedenfalls, äh, ich dachte, ja gut, nehm ich halt einfach, wir haben ja ein Apple-Gerät tatsächlich hier im Haus, äh, durch meine Frau, äh, nehm ich einfach das, aber, ähm, da hab ich ja keine Konsole, ne?
Dazu müsste ich's dann wieder an den PC anschließen können, beziehungsweise an den, an den, äh, Mac, äh, um das dann irgendwie zu koppeln über die Dev-Tools, aber das fällt also auch raus.
Und dann hab ich gedacht, da gibt's doch, äh, so Services, mit denen man so Geräte testen kann.
Und dann hab ich, äh, kurz Google angeschmissen und Browser-Stack kam als erstes raus und dann hab ich das ausprobiert, da kann man irgendwie nur eine Stunde oder eine halbe Stunde kann man, kann man kostenlos, ähm, testen.
Und du testest da wirklich auf Hardware-Endgeräten.
Also es ist keine, keine virtuelle Maschine, sondern da liegt wirklich irgendwo ein Gerät, das angeschlossen ist und, ähm, du, du bist da direkt drauf unterwegs.
Und das war, ja.
Also ich wollte nur sagen, ich erinnere mich noch an so eine Phase, wann wird das so gewesen sein, 2011 oder sowas rum, als, äh, so in, in der Zeit, als irgendwie Leute mobile Geräte plötzlich hatten, ähm, da kam, da kam so dieser Trend auf, ein Open-Device-Lab, äh, zu eröffnen.
Also Leute haben irgendwie Handys und, und Smartphones eingesammelt und irgendwie mit Kabeln alle auf so einen Tisch gelegt und verbunden und dann gab's so verrückte Konstruktionen, dass man die dann irgendwie alle gleichzeitig sehen konnte und, und, und, und steuern konnte.
Und es war dann so das Ding, dass es, äh, keine Ahnung, in jeder größeren Stadt gab's dann irgendwie so ein Ding, wo du hingehen konntest und sagen konntest, hey, lass mich mal jetzt das auf dem Blackberry angucken oder sowas.
Ja, und das ist das quasi in der Cloud sozusagen.
Genau, genau, oder auch QA-Abteilungen, die ja wirklich dann schränkevoll Geräten hatten oder auch immer wieder, ne, das Cluster erweitern mussten und so, ähm, und, und Browser-Stack, ähm, ja, macht das Ganze obsolet.
Es ist nicht, ich muss sagen, es ist nicht das Gleiche, ja, also ob du wirklich ein Gerät vor dir hast, ja, also wenn du scrollst und so, es ist nicht komplett flüssig, war's zumindest bei mir jetzt bei den Tests nicht, vielleicht ist das, wenn man, wenn man die Bezahlvariante hat, nochmal besser, aber, ähm, es kommt schon sehr nah ran.
Und vor allem halt einfach dieses technische Debuggen, die Flüssigkeit und sowas, also du wirst trotzdem in jeder QA-Abteilung wahrscheinlich von den, von den, äh, das neueste iPhone und das neueste Samsung oder so, wirst du wahrscheinlich trotzdem noch rumliegen haben, einfach um das wirklich am Gerät testen zu können.
Aber so für, für, äh, Dev-Konsole gucken, warum schmeißt der jetzt einen Fehler und der andere nicht, ähm, da war das schon ziemlich genial und, ähm, ja, hat einen guten Eindruck gemacht und werde ich wahrscheinlich demnächst auch tatsächlich mal, ähm, abschließen, man kann das monatlich oder, oder jährlich, äh, äh, buchen, wird natürlich billiger, wenn man's jährlich macht, aber werde ich tatsächlich mal machen, weil es lohnt sich halt auch, ähm, gerade so als, als, als, als, als kleine, äh, Schmiede, äh, um jetzt nicht in den riesen Gerätefuhrpark auffahren zu müssen, finde ich das echt eine coole Sache.
Was koscht?
Äh, hab ich jetzt, weiß das gar nicht auswendig, ähm, können wir auch gleich mal gucken. Es gibt tatsächlich die Möglichkeit für Open-Source-Projekte, das komplett kostenlos zu nutzen, äh, musste ich dann aber quasi, wenn ich das richtig gesehen hab, bewerben dafür, also dann hinschicken, deine Repo und, äh, und so, und dann sagen die, aha, okay, und dann wird das wahrscheinlich limitiert auch nur auf, auf, auf, auf die, auf das Projekt halt, was du machen kannst, ähm, und dann gibt's noch eine Freelancer-Option, die's nochmal günstiger macht,
und, äh, wo steht das denn jetzt hier, Get Started Free, ist schön und gut, äh, äh, Pricing, ist ja irgendwo stehen.
Habe ich hier irgendwas gesehen mit 29 Dollar pro Monat?
Also genau, es kommt drauf an, was du halt haben willst, ne, also als großes Unternehmen mit, mit einem ganzen Team und so, äh, da kann dich das auch mal irgendwie 125 Dollar pro Monat kosten, aber für ein großes Unternehmen ist das ja auch wieder nix, ähm, wenn du nur Desktop und Mobile Tests machen, äh, willst, ähm, also es gibt nämlich auch noch die Möglichkeit, so, so, so automatisierte Tests und sowas zu machen, Integration mit, mit, mit Jira und Stack und so weiter, ähm.
Ähm, ähm, aber deshalb Mobile Testing hier, 39 Dollar, äh, pro Monat, wenn man das, äh, jährlich macht.
Das ist dann manuell testen, automatisiert?
Genau, einfach, dass du die Geräte auswählen kannst, du kannst dann sagen hier, ähm, ich will ein Apple-Gerät und zwar das iPhone, äh, X, das iPhone Pro, das iPhone 6, das iPhone, schlag mich tot, ähm.
Und kannst dann, soweit ich weiß, Webseiten und aber auch, äh, mal kurz gucken, äh, Apps, naja, Apps weiß ich jetzt gar nicht, äh, gar nicht auswendig, also man kann irgendwie auch Apps testen, aber ich glaub, das ist dann schon wieder ein anderer Plan, aber für uns ist ja hauptsächlich das Web-Testen auch interessant und, äh, ja, 39 Dollar im Monat.
Ein bisschen teurer halt, wenn man, wenn man dann, äh, den monatlichen, den monatlichen Plan nimmt.
Ja, aber ich mein, wenn dir das erspart, dass du deinen eigenen Testschrank aufbaust mit, mit verschiedenen Geräten, ist das, ist das auf jeden Fall wert.
Und selbst wenn du, wenn du es monatlich machst und das sind dann irgendwie 49 Dollar oder selbst wenn es 59 sind, aber wenn ich weiß, okay, ich hab jetzt, äh, ein paar Seiten, die muss ich testen, ähm, oder irgendeine, ja, irgendeine Web-App, ähm, und das mach ich in den nächsten Wochen, dann buch ich das halt für den Monat und danach hab ich's nicht mehr an der Bank.
Genau, also, äh, ja, das ist immer gut.
Ich find, das lohnt sich auf jeden Fall.
Also, ich hab nachgeschaut, ähm, Browsershots, die Seite, browsershots.org gibt es immer noch, ähm, allerdings, ich wollte gerade unsere Podcast-Seite damit testen.
Mhm.
Allerdings, ähm, gibt es leider keine sogenannten Screenshot-Factories mehr. Ähm, das heißt, man kann keine Screenshots mehr angucken.
Hä? Okay.
Also, ich kann mir keine mehr generieren lassen. Früher war das mal so, dass, wenn man auf die Seite ging, dass da eine riesige Liste an verschiedenen, ähm, Gerätekombinationen war.
Sowas wie Firefox 23 auf Ubuntu, Firefox 24 auf Ubuntu, Firefox 25 auf Windows, äh, keine Ahnung, bla, bla, bla.
Alle möglichen Browser-Versionen auf allen möglichen Systemen. Es war eine riesige, riesige, riesige Liste. Sogar BSD wird hier als Betriebssystem mitgelistet.
Das heißt, du konntest auch irgendwie sagen, im IE4 oder so waren so ganz exotische Sachen dabei, die keiner mehr benutzt hat zu dem Zeitpunkt. Leider geht es offenbar nicht mehr. Es ist weg, kann man nicht mehr generieren lassen.
Das lief ja auch über Freiwillige. Also, du konntest deine eigene Screenshot-Factory quasi da anbieten.
Das heißt, wir müssen einfach eine anbieten, dann ist das, dann ist das Ding wieder im Game drin.
Yes! Ja, man braucht es halt wirklich nicht mehr jetzt, wo es halt die Möglichkeit gibt, das wirklich live zu testen, ne?
Das ist halt ...
Genau, ich fand das damals extrem hilfreich, ich habe das auch oft benutzt, gerade so für ältere Browser, äh, oder so, gerade, gerade dieses, dieses Szenario, was du hast, hattest du mit deinem Safari, den du vielleicht nicht auf deinem, auf deinem System haben kannst, überhaupt gar nicht, äh, ist das, um so einen groben Eindruck zu kriegen, ist da irgendwie alles, äh, in Ordnung oder verschoben, ähm, ist, ist schon ganz gut.
Allerdings ersetzt es natürlich nicht den echten Test, wo ich dann auch mal gucken kann, wie ist denn die Scroll-Performance, wenn ich da drauf drücke, geht das Menü auch auf oder sowas, das ging mit Browsershots natürlich nicht, das war wirklich ein reiner Screenshot von der Seite.
Und wenn du Pech hattest, ähm, und die Verbindung irgendwie langsam war, dann war die Seite erst halb geladen oder du hast irgendwie so ein Loading-Screen-Screenshot bekommen, das gab es damals da früher auch.
Ähm, woran ich auch noch denken musste dabei, weil wir dürfen ja ausschweifen, ne, ähm, ist Ghostlab.
Das war nämlich mal so ein Tool, ähm, habe ich gerade rausgefunden, war, ähm, so ein Tool, äh, mit dem man das, das Device-Lab quasi zu sich nach Hause holen konnte.
Ähm, mit Ghostlab hat quasi so ein, so eine Art eigenen Server angeboten, wo du dann Localhost, blablabla, äh, Localhost-Port, was weiß ich, was du willst, 5000, ähm,
angeben konntest und dann hat das von einem, äh, von einem, von irgendeiner speziellen, äh, ja, Location von deiner, von deinem Rechner die Seite dahin, äh, gebracht.
Und wenn du, wenn du dann mit allen Geräten oder mit mehreren Geräten gleichzeitig, ähm, diese, äh, diese Localhost-Adresse aufgerufen hast,
dann wurde nicht nur überall logischerweise die Seite angezeigt, sondern auch die Interaktion synchronisiert.
Das heißt, ich habe auf einem Gerät gescrollt, scrollt auf allen.
Ich habe auf einem Gerät eine Checkbox ausgewählt, sie ist auf allen Geräten ausgewählt.
Ähm, das war ziemlich nett, ziemlich gut.
Ähm, wir haben das auch damals mal gekauft, äh, für die Firma und ich meine, ich habe da auch noch eine Lizenz davon.
Habe jetzt rausgefunden, äh, Ghostlab ist, die sind, äh, die machen das jetzt nicht mehr.
Es ist auf vanemco.com.
Ähm, vielleicht funktioniert die Version aber noch.
Ähm, ich packe es auch, äh, in die Shownotes.
Ähm, sie haben jetzt auf jeden Fall noch eine Version, ähm, die sie, die sie kostenlos anbieten.
Damals hat es was gekostet, äh, die jetzt, die haben ja gesagt, ja, wir stellen es jetzt ein,
aber wir schenken euch irgendwie den letzten Stand der Software.
Bitte, bitte danke, hier, könnt ihr, könnt ihr verwenden.
Und ich muss mal ausprobieren, ob das noch geht.
Allerdings, äh, bringt das nur was, wenn man tatsächlich Geräte hat.
Dafür braucht man die Geräte.
Dann kann man das synchronisiert machen, ähm, lohnt sich eigentlich nicht,
wenn man jetzt hier irgendwie zwei Handys liegen hat, äh, und ein iPad.
Ähm, wir haben damals halt, äh, wirklich auf vielen Geräten gleichzeitig getestet,
so sechs, sieben, zehn und hatten da tatsächlich auch so ein, ähm, wie so eine Art, äh, ja,
so ein, ja, so eine Art Koffer oder so ein Teil, wo man aufklappen konnte,
wo die Einzelnen drin schon montiert waren am Strom und so.
Ähm, das war dann echt nett.
Da hast du einfach das Teil dir geholt, hast aufgeklappt und dann konntest du loslegen mit Testen.
Ähm, sowas hat man jetzt natürlich als Developer nicht einfach so zu Hause rumliegen.
Von daher ist dann Browsershots vielleicht schon, ähm, das Mittel der Wahl, wenn man sowas machen möchte.
Browserstack meinst du, oder?
Äh, Browserstack meine ich genau, nicht Browsershots, Browsershots, leider nicht mehr.
Aber das Design ist immer noch genau so.
Ja, ja.
Es hat sich nicht verändert.
Äh, man sieht's auch daran, ähm, da sind, ähm, oben im Logo sind mehrere Browser-Logos drin.
Ähm, und das ist auf jeden Fall noch das alte Safari-Logo und das Internet-Explorer-Logo.
Und es gibt noch keinen Edge da.
Äh, ja, und Opera ist noch relativ.
Aber wenn du über das Logo fährst, also Menschen mit der Kamera, dann gibt es Blitz und alle wackeln.
Ja, das macht Blitz und alle wackeln, das ist hervorragend.
Das sind die kleinen Details einfach, die sehr gut sind.
Aber ich mag das ja auch manchmal, wenn Seiten in so einem Design einfach bleiben, wie sie schon immer waren.
Und da steht Browsershots.org, Copyright 2005 bis 2015.
Dann kann man sich so irgendwie überlegen, wann die im Dienst waren.
Und das war tatsächlich, äh, kostenlos.
Und dann musste man immer so ein bisschen warten.
Aber man konnte, glaube ich, die Queue überspringen, wenn man irgendwie was, oder?
Genau, wenn man irgendwo Geld eingebauten hat, dann wurde man priorisiert.
Aber man konnte das auch kostenlos benutzen.
Und es war dann auch interessant, seine Seite mal im Internet Explorer 3.5 zu sehen oder sowas.
Okay, meine Güte, ey, wir labern hier über diese kleinen Sachen.
Deswegen dachte ich schon auch mutig, dass du da irgendwie noch zehn Punkte hinzugefügt hast.
Ich weiß ja, wie das läuft hier.
Wir haben ja nichts angekündigt, wie viele wir machen.
Doch, wir haben es angekündigt, aber egal, wir müssen uns ja nicht dran halten.
Okay, gut.
Browser Stack hätten wir dann auch abgeschlossen, oder?
Ja.
Gut, dann sind wir, mit dem nächsten sind wir ganz schnell durch.
Und das ist wirklich, und das ist wirklich, nein, da bin ich mir sehr sicher.
Und das ist wirklich, ähm, das ist ein Tool.
Es gibt mittlerweile, es gibt, glaube ich, coolere Tools für Flexbox.
Aber das ist sowas, das fand ich irgendwie nett,
weil das so ein ganz schneller, einfacher Helfer ist.
Und zwar ist das auf flexbox.melwin.co.
Das, ich weiß gar nicht, ob das sonst irgendwie noch einen Namen hat.
Das sind so Flexbox-Helper, nenne ich das mal.
Ähm, und zwar, äh, da hast du für, für alle möglichen Flexbox, äh, Attribute, die es so gibt, oder, oder Eigenschaften, die es so gibt in CSS.
Ähm, hast du eine kleine, iconhaftige, visuelle Darstellung nebendran, sodass du siehst, haja, Flex-Direction-Column und dann sieht man, dass die untereinander angeordnet sind, die Items.
Ähm, ähm, oder zum Beispiel Line-Content-Flex-Start, dann werden sie irgendwie nebeneinander und brechen um und so weiter.
Und, äh, das sind eigentlich, glaube ich, alle Flexbox-Eigenschaften, die es gibt.
Ähm, und wenn man draufdrückt, dann wird das sofort ins Clipboard, äh, also in die Zwischenablage kopiert, der entsprechende Code dafür.
Ähm, das ist, glaube ich, so, wenn man irgendwie Flexbox-Layouts baut, kann das nützlich sein, wenn man, wenn man dann einfach auch nochmal visuell sieht, was tut denn das?
Wenn man es nicht weiß, gerade so zum Lernen ist es gut, wenn man das irgendwann drauf hat, ähm, braucht man das mit Sicherheit nicht mehr.
Aber so zum Lernen, um, um, äh, ja, wie gesagt, eine visuelle Repräsentation von, äh, von den einzelnen Eigenschaften zu haben, ist es eigentlich ganz cool.
Ja, das war es eigentlich schon, tatsächlich. Äh, ich hab's mal visuelle Hilfen für Flexbox genannt, ähm, und es ist unter, ihr seht's in den Shownotes, der Link ist in den Shownotes.
Zack, bam, fertig.
Zack, raggi, zackgi.
Ja, dann komme ich schon zum nächsten, polyfill.io, äh, hab ich auch noch nicht selber ausprobiert, aber fand den Ansatz irgendwie ganz interessant.
Also es ist, ähm, ein Service, der angeboten wird von der, äh, Financial Times, äh, die das, ich vermute mal, für sich zuerst gebastelt haben und sich gedacht haben, warum nicht einfach als, als Service zur Verfügung stellen.
Und zwar ist das, ähm, ein Webservice, da kannst du dir, wie der Name schon vermuten lässt, polyfills zusammenstellen lassen.
Das heißt, du hast am Ende eine URL, die du als, als Script Tag, äh, als Script Source einbindest und der erkennt dann anhand vom, äh, vom User Agent String, welcher Browser das ist, der das anfordert und liefert dir dann nur die polyfills zurück, die du auch tatsächlich benötigst in dem Browser.
Ähm, also normalerweise hat man ja heute eine Build Chain, wo man das so einbaut, ähm, die werden aber wahrscheinlich, denke ich mal, schon ihren Grund gehabt haben, warum sie das eben nicht in der Build Chain machen, ähm, beziehungsweise, ja gut, der Grund ist eigentlich eindeutig, weil in der Build Chain haust du polyfills draus rein für den, für den, äh, schwächsten Browser, den du benötigst, ne, den du unterstützen willst.
Und, ähm, mit diesem, äh, polyfill.io als, als API quasi, da hast du halt, du bindest die URL einmal rein und sagst, die und die Sachen möchte ich polyfillen, wenn's sein muss, ähm, und er liefert eben halt den Browsern nur das aus, was er benötigt.
Und das heißt, dass du, ähm, in, in aktuellen Browsern halt quasi ein leeres, äh, ein leeres File zurückgeliefert bekommst, ähm, und in sowas wie dem Internet Explorer ist das natürlich relativ viel, was da gepolyfillt werden muss.
Und, äh, das ist halt einfach der Unterschied, äh, klar, man kann das auch machen, ne, du hast so, so für die Evergreen Browser, hast du ein Package und dann bindest du irgendwie für, für die Legacy Browser, die zum Beispiel keine Modules unterstützen, kannst du ja dann, äh, noch zusätzliche Scripts laden, damit nur die dann die polyfills bekommen.
Aber auch da hast du halt nicht unbedingt die Abstufung, ähm, was benötigt der denn wirklich und dann gibt's halt immer noch den Fall, dass jemand was zurückgeliefert bekommt, was er eigentlich gar nicht braucht.
Und gerade im Fall zum Beispiel von der Internationalization API, die wir hier auch schon besprochen haben, da ist es halt schon so, dass da auch mal 400 Kilobyte, äh, jetzt vor, äh, Gzip, ähm, zustande kommen, weil du natürlich, das ist auch eine Art, äh, Wörterbuch quasi, ne, für alle Sprachen, die da unterstützt werden, sind da die ganzen, äh, Datums, äh, also Monatsnamen, äh, Tage und so weiter hinterlegt.
Also es wird recht groß und das spart man sich halt dann für, für die Browser, die das können, aber andere Dinge nicht.
Also ich find's, find's einfach ganz interessant, ähm, und vielleicht hat auch jemand noch so ein Bastelprojekt, wo gar keine Buildchain irgendwie im Hintergrund ist, sondern alles statische Seiten, ähm, und dann kann man das da reinhauen und trotzdem noch alte Browser unterstützen, also ich fand's einfach nett gemacht.
Hat man das nicht früher mit Modernizer gemacht, also dass man die Features detected hat und dann kann man auf Basis dessen irgendwie einen Polyfill nachladen, also, und ich hab jetzt grad mal geguckt, Modernizer, das ist auch so,
was alt ist, was irgendwie kein Mensch mehr.
Ich hab grad mal geguckt, der letzte, letzte Blogartikel, äh, bei Modernizer ist vom 13. April 2017, das war die Ankündigung der Version.
Also Modernizer war ja Feature Detection halt für HTML, CSS, JavaScript, ähm, aber ob man da jetzt dann dynamisch, äh, Polyfills dafür nachgeladen hat, weiß ich gar nicht.
Naja, ich weiß nicht, ob das in Modernizer mit eingebaut war, aber du kannst natürlich nach der Feature Detection, kannst du natürlich dann sagen, hey, das Feature ist irgendwie nicht da, dann lade ich den Polyfill, ähm, aber dann gab's noch dieses, wie hieß das denn?
Oh Gott, jetzt steigen wir ganz tief ein, Yepnope, sagt dir das was?
Wie?
Yepnope?
Yepnope, nee.
Äh, warte mal, jetzt muss ich nochmal gucken, Scriptloader for you, oh, das ist deprecated seit, seit vielen Jahren.
Ah, die letzte, letzte Commit vor acht Jahren, ähm, ah, genau, genau, Yepnope.js, das hat mit Modernizer zusammengearbeitet, wenn ich das, warte mal, Modern, ja genau, das hat, das konntest damit, konntest du, das war genau das, die Ergänzung für Modernizer, oder das konntest du mit Modernizer zusammenverwenden, ähm, das dann eben Script geladen hat, äh, basierend auf, äh, eine Auswertung von irgendwas.
Warte mal, das, das ist wirklich, das ist, das ist so geil, äh, Webarchäologie hier, ähm, das packe ich mal noch mit in die Show Notes, Yepnope, für die Leute, die, die gerne alte Sachen mögen, oder so.
Ja, jetzt sind wir ganz tief hier drin, aber ja, es ist auf jeden Fall, ähm, Polyfill.io, ich weiß jetzt natürlich nicht, ob ich, äh, hm, ich sag mal so, das geht ja jetzt schon davon aus, dass ich mir jetzt die,
die, das JavaScript-Bundle von denen reinziehen, meine Seite, ne?
Ja, richtig.
Das ist in dem Umfeld, wo ich unterwegs bin, ein ganz dickes Ohno.
Ja, ja, nee, das, das ist klar.
Das geht nicht, also wenn man, wenn man ein bisschen auf Security, äh, bedacht ist, sollte man sich eigentlich nie, äh, Third-Party-Java-Skript laden, das habe ich früher auch anders gesehen,
Ich habe früher definitiv immer jQuery von irgendwelchen CDNs geladen, zum Beispiel auf den Seiten, mit, äh, ja, mit der Theorie, dass es ja dann vielleicht schon gecached ist, weil jemand anderes, weil es schon auch nicht mehr, nicht mehr greift, ja.
Genau, ähm, ja, ist auch nicht, ist auch nicht mehr so wichtig, aber das, das würde ich jetzt zu bedenken geben, wenn ihr in einem Umfeld unterwegs seid, äh, das secure sein sollte, beziehungsweise eigentlich bin ich der Meinung, alles sollte secure sein, wir haben es sogar bei unserer Podcast-Seite mal so gemacht, dass wir alle, äh, Third-Party-Ressourcen rausgeworfen haben.
Sollte man sich drüber, sollte man drüber nachdenken, aber die Idee dahinter finde ich ziemlich gut, ehrlich gesagt.
Genau, das war auch der Grund, warum ich das als Geil-Timer aufgeschrieben hatte.
Ja, ich, ich erinnere mich, dass es, es gab doch sowas auch mal für Bilder, aber egal, jetzt, äh, nicht, nicht, nicht, wenn, wenn, ja, wenn ich, wenn ich mal eine Folge drüber machen würde, äh, an was ich mich irgendwie von früher noch erinnern kann, dann, dann, das, das wird, das wird eine ganze Staffel, glaube ich.
Aber Bilder waren noch eine gute Überleitung.
Bilder waren eine super Überleitung, aus Versehen, tatsächlich.
Genau, weil mein nächstes Geil-Teil ist, äh, Compress or Die.
Ähm, das habe ich tatsächlich, glaube ich, und das ist, um, dass man es so zeitlich mal einordnen kann, wann ich das aufgeschrieben habe, für die Podcast-Seite, ähm, damals, äh, auch verwendet, nämlich für das Hintergrundbild, was wir oben im Headder drin haben.
Ähm, Compress or Die ist ein Online-Dienst, mit dem man Bilder komprimieren kann. Ähm, ich weiß jetzt nicht genau, ob die auch eine API haben. Ah, doch, die haben auch eine API und dann kostet's, glaube ich, Geld, aber wenn man so einzelne Bilder da reinwirft,
ähm, dann macht es das einem ganz kostenlos.
Das heißt, ich habe hier die Möglichkeit sogar, es gibt sogar verschiedene Bildformate, also ich kann JPEGs da reinwerfen, äh, PNGs, GIFs, WebP, SVG, ähm, und ich kann's auch irgendwie analysieren lassen, gibt's hier a lot of information, okay, gut, analyze, naja, keine Ahnung, das hat nichts mit Kompression zu tun.
Und ich habe jetzt gerade vorhin, äh, zum Spaß mal, ähm, ein, ein Wallpaper, was ich hier rumliegen habe bei mir, äh, da mal reingeworfen und das ist, äh, 1440 auf 900 groß.
Und, ähm, hab, das ist ein JPEG und, äh, das wäre normalerweise 395, äh, 9 Kilobyte groß und, ähm, er hat mir, er rechnet mir das jetzt hier erst mal klein in 47.
So, minus 88 Prozent, das ist schon eine Ansage.
Mit Sicherheit beim JPEG, es sieht, es hat jetzt auf jeden Fall Qualitätsverlust, würde ich behaupten, ähm, aber man hat auch noch so schöne Regler, die man da hin und her schieben kann.
Ähm, man kann zum Beispiel die Helligkeit verändern und den Kontrast, warum auch immer man das möchte in so einem Kompressor, ähm, man kann den Colorspace, äh, nochmal verändern und dann gibt's Brightness Quality und Color Quality und die kann man unterschiedlich, ähm, hin und her schieben.
Und dann wird das nochmal kleiner unter Umständen.
Und, äh, das war tatsächlich, ich hab verschiedene Dienste ausprobiert, als ich die Podcast-Seite gebaut hab, das war das Tool, mit dem ich die Header-Grafik bei geringem Qualitätsverlust, äh, am allerkleinsten bekommen habe.
Und das war mir sehr wichtig, dass die sehr, sehr klein ist, obwohl es an sich eine sehr große Grafik ist, ähm, und sie einen bestimmten Zweck erfüllt, sie liegt nämlich hinten dran.
Das heißt, die Qualität muss nicht so hoch sein.
Die darf vielleicht auch kleiner sein und man kann da auch so arbeiten mit so Tricks mit, ich mach's halt als kleineres Bild und skalier's größer.
Wenn's ein Bild im Hintergrund ist und dunkel und da liegt ja auch noch irgendwie ein Verlauf drüber und sowas, ist es gar nicht so wichtig, dass das die perfekte Auflösung hat.
Ähm, und das war, da hab ich da mit dem Tool ein bisschen rumgespielt und das war ziemlich cool.
Und, äh, das hat sehr, sehr viel rausgeholt und wenn man einzelne Bilder zu komprimieren hat und die kleinen kriegen will, ist das, glaub ich, ein ziemlich cooler Dienst.
Genau.
Cool.
Ja, einfach um es genannt zu haben, ähm, hab mich erinnert an TinyPNG, beziehungsweise TinyJPEG, ist der gleiche Anbieter, ähm, die das auch schon seit Jahren anbieten.
Ja, aber tatsächlich kann da dieses, äh, wie heißt das, Compress or Die, ähm, doch noch einiges mehr, was du so erzählt hast, und auch mehr Formate, also SVG auch minifizieren.
Das mach ich bisher immer über SVGOMG, also SVGOMG, ähm, kann man auch noch reinpacken, SVGOMG, ähm, ist ein GUI für das gleichnamige, ähm, CLE-Tool.
SVGO, ne?
Äh, nee, SVGOMG.
Ja, ja, aber das, äh, das, äh, das Command-Client-Tool heißt, glaub ich, SVGO.
Ach so, ja, äh, SV, ach so, ja, SVG, ach so, ja, SVGOS oder SVGOs, wie auch immer, ähm, wie auch immer, genau.
Genau.
Äh, ja, es gibt ja einiges davon, was man in Buildchains packen kann, da gibt's natürlich einige Tools, das ist jetzt ein GUI, das ist im Web, ähm, das kann man da verwenden, und wie gesagt, wenn man jetzt so ein einzelnes Bild hat, was man irgendwie auf der Seite hat, äh, kann man auch noch ein bisschen an den Reglern drehen und gucken, was das, wie das optimale Ergebnis rauskommt.
Genau.
Coole Sache.
Yes.
Ja, mein nächstes GUI-Teil ist tatsächlich mal was nicht, äh, Web- und Web-Entwicklungsspezifisches, ne? Wir haben ja eigentlich gesagt immer, GUI-Teil kann, kann alles sein, jetzt haben wir heute hier ganz viel, äh, Web-Technik, denn auch teilweise alte Web-Technik.
Aber ich hab jetzt mal was anderes, ähm, und zwar, weil ich das einfach cool find, äh, wir hatten's ja auch schon mal so ein bisschen über, äh, endlich ist die Zukunft da und sowas, auch mit, mit irgendwelchen Gästen, glaub ich mal, ähm, und, ähm, oder uns manchmal drüber aufgeregt, dass, dass es noch nicht so ist, wie wir uns vor fünf Jahren die Zukunft vorgestellt haben.
Und, äh, das ist einfach so eine Kleinigkeit im Alltag. Es geht darum, Einkäufe selbst scannen und, äh, und mobil bezahlen.
Und das, äh, bietet jetzt gerade hier der, der Edeka bei mir in der Nähe, äh, bietet das seit neuestem an, so seit ein paar Wochen.
Und ich hab das gesehen, so von einem Tag auf den anderen hing da plötzlich ein Plakat und dann hab ich gedacht, ja, oh, geil, äh, ich hier als Technik, weiß ich da, Mensch, äh, probier das gleich mal aus.
Und, ähm, gleich mal direkt über irgendwie so UI-Fallen gestolpert, wo dann irgendwie, du kannst das Auto fillen lassen unter Android, aber der Button, der ausgegraut ist vom Formular, also meine Daten, ne?
Ich muss mich erst mal registrieren da so, oder?
Hol mich mal ab, wie funktioniert das, weil wenn du sagst, selbst einscannen...
Ja, da komm ich gleich noch dazu, da komm ich gleich noch zur Funktionalität. Ich hab das gesehen, hab gedacht, oh, cool, QR-Code auch drauf, der dann gleich in den Playstore führt.
Beziehungsweise, nee, das war auch schon, das war schon der erste Punkt, der QR-Code führt dich in den, in den Apple-Store, also egal, welches Gerät du hast, nicht irgendwie auf eine Landingpage, die dann vielleicht per Erkennung und Switch dich weiterleitet oder dir zwei Buttons anbietet, sondern ich war auf der, äh, Apple-Store-Seite und dachte so, jo, jetzt?
Also gut, das ging dann manuell gesucht, ähm, auf, ähm, im Playstore.
Runtergeladen, installiert, äh, ja, und dann kamen so die ersten Hürden, ja, dann hat's mir gleich hier so, ja, okay, äh, Autofill von, von Android, hab ich gemacht, dann stand da mein Name, meine Adresse und so, war alles drin, aber der Button war halt immer noch grau, das heißt, ich musste dann in irgendein Feld reintippen, äh, Zeichen ändern, Zeichen wieder zurück, äh, damit der Button ausgraut ist.
Habe ich gleich mal als Feedback aufgeschrieben, gleich mal, gleich mal hingeschrieben, ähm, wir haben noch so ein paar andere Sachen, aber irgendwann hat's dann geklappt mit der Einrichtung, äh, und seitdem mach ich das, und das ist tatsächlich, also, das spart schon extrem viel Zeit.
Das weiß ich immer noch nicht.
Also genau, jetzt erklär ich's mal. Also du, du, ähm, es ist noch ein bisschen versteckt in dieser App, das kommt auch noch dazu, aber du klickst dich da durch Menü, so, dann heißt das Scan and Go, heißt das, ja, da klickst du drauf und dann hast du oben so ein, so ein Barcode-Scanner-Fenster mit so einem Rahmen und wie man das halt so kennt aus so Barcode-Scanner-Apps.
So, und da scannst du deinen Artikel selbst, während du einkaufst, äh, und kannst dir dann auch gleich schön in eine Tasche verpacken, dass du die, äh, nicht mehr eben aufs Band legen musst und dann alles nochmal hektisch einpacken, sondern du, du scannst die selber ein, unten drin erscheint das, was er erkannt hat, oder was er auch manchmal nicht erkannt hat, und, äh, dann siehst du auch unten, was, was hab ich denn, und, äh, packst das ein in deine Tasche und gehst dann entweder an, trotzdem an eine Kasse, an eine normale und lässt dich da, äh, bedienen, ähm, musst aber nicht aufs Band legen eben, sondern du hast halt, äh, die Tasche,
Tasche voll mit allem schon schön gepackt, äh, zeigst dann da, wenn's, wenn's gut läuft, also so der Plan, zeigst dann da so ein Code, äh, die tippt da kurz in die, in die Tasse ein, er oder sie, ähm, und dann zahlst du entweder per App oder halt ganz normal an der Kasse, aber du hast den Vorteil allein schon, dass du nicht alles aus dem Wagen raus, alles wieder in den Wagen rein und am Auto nochmal alles in die Taschen, weil du ja so hektisch, ne, alles nicht so schnell da reinbekommen hast. Also das spart schon an sich sehr viel Zeit. Und dann gibt's da auch noch zusätzlich, gibt's an einer Kasse links, da ist so eine Schranke, die normalerweise zu ist,
wenn die Kasse nicht besetzt ist.
Und da gehst du dann einfach hin mit diesem QR-Code, also du bezahlst dann auch per App, wenn du dein Bankkonto damit verknüpft hast, bezahlst du das alles per App, hältst einfach nur den QR-Code an diese Schranke, die Schranke geht auf, du schiebst deinen Einkaufswagen raus.
Sehr gut.
Also man fühlt sich beim ersten Mal so ein bisschen wie so ein Dieb. Ja, wirklich so, geil, ich, geil, ich fahr hier einen Einkaufswagen voll mit Sachen einfach raus, ja. So muss das ja auch für Leute aussehen, die keine Ahnung haben, dass es das gibt. Also zum Beispiel wie die Kassiererinnen, aber da komm ich gleich noch drauf.
Und so an sich ist das, also wenn das funktioniert, ist das einfach cool und ich liebe das, ich nutze das gern und das hat mir schon echt viel Zeit gespart.
Also entweder du hast einen Rieseneinkauf und du hast aber irgendwie drei Kassen, wo schon eine lange Schlange ist und stehst dann damit und deine Tiefkühlpizza ist schon weich, bis du an der Kasse bist und da schiebst du halt einfach dran vorbei, an diesen Schlangen und kein Ausladen, kein Einladen, zack, raus, fertig.
Also es spart unglaublich viel Zeit und unglaublich viel Nerven oder wenn du eine Kleinigkeit hast, ist es halt auch, du hast irgendwie, du brauchst nur schnell noch eine Packung Käse oder sowas, weil der Käse ausgegangen ist.
Und da stellst du dich damit an eine von diesen drei Ellenlangen Schlangen an, weil gerade natürlich irgendwie so die Rushhour ist und dann ist halt einfach so, zack, schnell gescannt, Handy an die Schranke, raus, fertig.
Also die Kasse ist auf jeden Fall der Flaschenhals in so einem Ding.
Und ich habe mich ja schon immer gefragt, warum kann ich nicht einfach rauslatschen?
Also so rein technologisch würde ich mir das so vorstellen, wahrscheinlich ist das ein bisschen zu teuer und zu aufwendig, aber rein technologisch hätte ich mir das so vorgestellt, du klebst einfach an jedes Produkt so einen RFID-Chip dran und dann läufst du durch so eine Schranke durch, keine Ahnung, ich meine, es ist wie die Diebstahl-Erkennung irgendwie in Klamottenläden, die ja teilweise auch RFID-Chips in T-Shirts mit drin haben und sowas.
Die erkennen ja auch, dass du da mit einem Produkt rausläufst und das noch nicht bezahlt hast sozusagen, ja.
Warum nicht so? Also wirklich so, ich muss gar nichts machen und das ist dann, gut, man müsste sich noch authentifizieren, weil die wissen nämlich in dem Augenblick nicht, wer ich bin.
Na außer dein Handy kommuniziert auch gleich per NFC und sagt hier, ich bin der.
Genau, außer dein Handy oder du hältst dein, also mit Handy irgendwo dran halten würde ich noch klarkommen und dann latscht du einfach irgendwo durch und dann hat der automatisch schon alles gescannt.
Aber wahrscheinlich ist es auch eine Materialverschwendung, wenn da irgendwie alles ein RFID-Chip.
Und du müsstest die ja auch deaktivieren dann, dass du nicht dann irgendwie, du läufst mit was, was du schon bezahlt hast, was du auch nachweisen kannst, dass du es bezahlt hast, dann irgendwie dadurch.
Also ja, man könnte es sicherlich noch weiter vereinfachen und man muss auch sagen, das Selbstscannen kostet dich natürlich erst mal Zeit im Laden.
Und wenn du keinen Einkaufswagen hast, dann hantierst du da rum mit drei Sachen auf dem Arm und so schnell abscannen.
Aber bisher, egal ob ich viel oder wenig gekauft habe, dieser Selbstscannen kostet mich nicht so viel Zeit, wie ich am Schluss an dieser Kasse spare.
Aufgesetzt. Es funktioniert alles. Ich habe es ja schon so ein bisschen anklingen lassen. Das ist halt leider immer noch nicht der Fall.
Und ich bin da auch gar nicht, also ich war schon ein bisschen sauer dann so beim dritten Mal.
Aber es ist halt so was Technisches, hat dann am Anfang so Kinderkrankheiten und dann läuft halt nicht immer alles rund.
Glückbarer wäre, dass auch die MitarbeiterInnen nicht Bescheid wissen. Und das greide ich so der Marktleitung ein bisschen an, hier das Groß, Plakate aufzuhängen und ja, jetzt hier Scan-it-go nutzen.
Und dann geht aber was nicht.
Der klaut.
Nee, nee, nee, nee. Aber dann gehst du an eine Kasse, weil es halt dann doch mal ein Problem gibt und die gucken dich mit großen Augen an, gucken dich schon, während sie den vor dir noch bedienen, so an, so von wegen, warum packt der denn jetzt nicht seine Einkäufe mal aufs Band?
Und dann kommst du da an mit deinem Wagen voll oder halt so einem Karton, der schon vollgepackt ist und die gucken dich groß an und du sagst, ja, ich habe über Scan-it-go selber gescannt.
Beim ersten Mal, das war wie gesagt der erste Tag, da hing dieses Plakat am Tag vorher noch nicht, da hing das, die guckt mich an, hä, wie, was?
Also die hatte wirklich komplett überhaupt gar keinen Plan, dass es das gibt, was das macht, was das ist, ob ich sie gerade veräppeln will, ja.
Und das ist halt echt so ein bisschen, das wäre vermeidbar und es ist halt als Kunde echt doof, weil du kommst dich.
Ja, wenn du das Plakat selbst dahin gehend hast.
Es hing vor ihr, das konnte sie nicht sehen, weil sie nur die Rückseite davon gesehen hat, an diesem Lexiglas-Kasten hing das auch nochmal.
Da habe ich auch gesagt, so hier, da vorne, da steht es auch nochmal. Ich dachte, ich probiere das halt mal aus.
Also bei dem ersten Einkaufsversuch musste ich tatsächlich dann doch alles wieder aufs Band legen und scannen lassen, weil sie es einfach nicht hinbekommen hat und auch die dazugerufene Kollegin es auch nicht hinbekommen hat.
Das war schon so ein bisschen der erste Dämpfer, weil ich dachte, nee, ich finde das ein geiles Konzept und ich will das haben und ich probiere das aus.
Und dann lief das jetzt auch ein paar Wochen lang gut, bis dann irgendwann diese Schranke nicht mehr geöffnet hat.
So, und dann stehst du da und dann waren natürlich doch wieder zwei Kassen voll besetzt wieder, also doch wieder angestellt.
Und wieder große Augen, wie war Scan & Go?
Und dann erstmal erklärt und dann den QR-Code gezeigt.
Ja, aber mit dem QR-Code kann ich nichts anfangen, den liest die Kasse nicht.
Und so Zeug halt.
Okay, dann musstest du alles nochmal aufs Band legen.
Nein, in dem Fall dann nicht, weil dann durfte ich an die Information gehen, wo gerade noch jemand bedient wurde und die hat mir das dann quasi geglaubt und auch gecheckt, dass ich das bezahlt habe über die App.
Dann durftest du gehen.
Und dann wurde ich abgenickt und durfte gehen.
Aber es ist halt einfach so schade, dass man sowas Gutes dann so versemmelt, weil man einfach den Mitarbeiter, also ich finde es auch den MitarbeiterInnen gegenüber ziemlich unfair, weil die können ja auch nichts dafür.
Die wissen es halt einfach nicht und die sind dann einfach völlig perplex und können mir nicht helfen.
Ja, wir sind auf dem richtigen Weg, aber wir sind noch nicht ganz da.
Deswegen habe ich auch, ich habe auch denen geschrieben, bitte, bitte nicht wieder einstellen, nur weil es, weil es keiner aktuell versteht und den Mitarbeitern vielleicht zu mühsam ist und den Kunden dann zu kompliziert, weil es keiner versteht, sondern bitte daran arbeiten, dass das, ne, dass das einfach läuft, weil dann ist das echt geil.
Also als du vorhin gesagt hast, irgendwie selbst einscannen, da habe ich an Ikea denken müssen und an diverse andere Self-Checkout-Geschichten, die ich meistens, also gerade bei Ikea, als reine Demütigung empfunden habe, weil das ist ja dann nicht so, dass du das scannst und dann gehst und die Karte reinsteckst, sondern das geht ja dann natürlich die Hälfte nicht.
Also bei Ikea, muss ich dazu sagen, für die, die es nicht wissen, da ist es quasi wie, als wärst du selbst der Kassierer. Du machst es nicht mit dem Handy oder so, sondern es gibt einen Ort, da fährst du hin mit deinen Sachen, da ist da so ein Scan-Gerät und dann scannst du die Sachen und am Ende schiebst du da irgendwie deine IC-Karte rein und bezahlst dann.
So, und es gibt natürlich irgendwelche Mitarbeiter, die dann so für drei oder vier von diesen Kassen zuständig sind, um dann die Probleme, die immer auftreten, immer auftreten, ich sag's nochmal extra, die dafür zuständig sind, die dann zu lösen.
Und also ich das letzte Mal da war, das war wirklich die reinste Demütigung, weil wirklich jedes dritte Produkt ging nicht und dann war irgendwie was doppelt und haben sie das schon und ja, jetzt müssen wir alles nochmal scannen und ich so, oh Gott, Leute, wäre ich an eine ganz normale Kasse gegangen, wäre es so viel schneller gegangen.
Also wenn, dann muss so ein System auch gut getestet sein und gut funktionieren für alles, wobei ich jetzt sagen muss, ich habe jetzt keine große Freude daran, zum Kassierer zu werden, wenn ich irgendwo einkaufe, ja, wobei ich das Argument, ich möchte das nicht alles aus dem Wagen raustun und wieder hinein, absolut nachvollziehen kann und wenn ich das selbst beim Handy machen kann, zum Beispiel, sobald ich irgendwas aus dem Regal rausnehme, ist das auch was anderes, als wenn ich das irgendwo an einer Kasse am Ende nochmal scanne.
Ja, aber dann musst du ja doch wieder alles, ne, du hast, klar, du kannst vielleicht manche Sachen im Wagen scannen, aber trotzdem hantierst du dann wieder mit allen Sachen da an der Kasse rum, ja.
So, und jetzt kommt Luxus Moritz wieder und sagt euch, das kann man alles verhindern, wenn man sich Einkäufe bestellt.
Ja, man bekommt dann vielleicht mal eine angeditschte Birne, ja, und nicht die, die man wollte, so, oder die man gewollt hätte.
Ja, das kann passieren und es ist vielleicht jetzt bei Obst nicht unbedingt die beste Idee, so, wenn man, äh, ja.
Aber, das ist im Prinzip, ähm, also wenn ich jetzt nur so aus einer reinen, ähm, äh, Luxussicht sehe, so, wie, wie soll es denn eigentlich sein, alles bevor Food Replicator, was natürlich, äh, Star Trek Food Replicator, ich stelle mich vor das Ding und sage, hätte gern Schnitzel Pommes und dann kommt da Schnitzel Pommes raus, genauso wie ich das will.
ähm, ähm, zusammengeneriert aus meinem, aus dem, aus dem, aus meinem Schulgang von, von morgens und dem Müll von gestern.
Das ist natürlich, das ist natürlich perfekt.
Leider werde ich das wahrscheinlich nicht mehr erleben, ähm, dass es das geben wird.
Also, was wäre das Optimale? Mal abgesehen von, ich hab Personal, das gibt's natürlich auch, Leute, die sich darum kümmern, dass mein Kühlschrank voll ist, äh, aber alles vor Personal und Food Replicator, äh, hab ich jetzt quasi erreicht mit, man kann Essen bestellen.
Also, man, man kann, man kann Lebensmitteleinkäufe bestellen und das in dem Fall, was ich ja schon mal gesagt hab, Gorillas, ich weiß nicht, ob wir das im Stream oder im Podcast davon hatten, ich will jetzt auch nicht sagen, dass das jetzt, dass das das Tollste ist oder dass das jetzt irgendwie gute Arbeitsbedingungen sind, die die da haben, ähm, aber das ist wirklich, äh, wenn es jetzt wirklich um Bequemlichkeit geht, ich muss das Haus gar nicht mehr verlassen, um irgendwie einkaufen zu gehen, sondern ich gehe da in die App und sage, ich hätte gern irgendwie vier Birnen und ich hätte gern da den Joghurt und, und zwei Päckchen Wurst und, äh, keine Ahnung.
Ähm, das ist natürlich traumhaft, wenn man es nach Hause geliefert bekommt, ist aber allerdings auch teurer, muss man sagen und ich bin auch noch so an einem Punkt, wo ich sage, das ist mir eigentlich, wenn ich jetzt nicht so ein Rabattcode, was ich jetzt ständig von denen kriege, damit ich auf jeden Fall nochmal bestelle, wenn ich keinen mehr hätte, weiß ich nicht, ob ich noch weiter bestellen würde, weil es schon merklich teurer ist als im Supermarkt.
Ja, so.
Das ist dazu, ich habe mir viele Notizen gemacht zu dem Thema, aber ich habe da viel Meinung dazu.
Ja, aber an sich, ich, ich, ich finde es immer cool, wenn es da so einen Schritt vorangeht, weil dieses, im Supermarkt dieses, ich lade alles aus und tue es wieder rein und da muss ich vor allem auch sehr, sehr schnell sein und hinten dran, äh, wird schon weiter gescannt und ich muss dann schnell wieder einladen.
Und am Anfang machst du noch alles so schön in die Taschen und irgendwann räumst du einfach alles vom Band, wie es kommt in den Wagen und dann machst du es halt am Auto.
Dieses System muss ein Ende finden und jeder andere, jeder Schritt, der uns davon wegführt, ist auf jeden Fall gut, weil das ist, äh, das ist nicht mehr zeitgemäß, das, das haben wir, das war, war vor 50 Jahren schon so und das muss jetzt mal aufhören, dieser Quatsch.
Und wenn der Zwischenschritt ist, ich scanne das selbst mit dem Handy ein, ähm, so be it, das mache ich gerne mit, wenn es sein muss.
Aber natürlich sind auch alle eingeladen, mir, ähm, für mich einkaufen zu gehen und es mir zu Hause abzuliefern.
Genau, okay, gut, edeka, sehr gut.
Okay, dann kommen wir zum nächsten, das ist wieder, das ist wieder meins und da sind wir vielleicht auch schnell durch, ähm, auch was, was, was schon relativ am Anfang irgendwie auf meiner Liste stand, ähm, typefacts, typefacts.com ist eine Seite für Leute, die sich, ähm, für Typografie interessieren oder die, die da mal einsteigen wollen, so ein bisschen.
Ähm, ich finde, dass, äh, Menschen sich generell, das ist so eine Konstante, zu wenig mit Typografie beschäftigen, ähm, weil, wenn man, wenn man so guckt, was so draußen, äh, in der Welt unterwegs ist oder auch gerne im Web, ich sehe selten ein korrektes Apostroph beispielsweise, ein korrekt, ein, erstens mal das korrekte Zeichen und ein korrekt gesetztes Apostroph, das ist so der, der Klassiker.
Ähm, aber auch, was sind denn die korrekten Anführungszeichen, in welcher Sprache?
Wie finde ich die auf meiner Tastatur, auf Windows oder auf dem Mac?
Ähm, haben wir auch in unserer Typografie-Folge schon mal angeschnitten.
Genau, was, welche Striche, Bindestrich, Gedankenstrich sind denn, wo die richtigen, ähm, was für Ziffern kann man denn verwenden, ähm, keine Ahnung, wie funktionieren Ligaturen, äh, was sind Auslassungspunkte und so weiter.
Das sind alles, äh, Sachen, die man auf typefacts.com, übrigens auf Deutsch, auch wenn es anders klingt, ähm, aber warte mal, nee, es gibt es auch auf Englisch, sehe ich gerade, man kann auch, aber das, auf Englisch sind es deutlich weniger, ist deutlich weniger Inhalt, sehe ich gerade.
Ähm, ähm, sehr kurzweilige, sehr gut erklärte Artikel über alle möglichen Typografie, ähm, Geschichten, die sich wirklich lohnen, dass man mal reinguckt.
Und wenn ihr euch nur eins anguckt davon, dann bittet es mit dem Apostroph, weil es gibt so viele Fehler mit dem Apostroph und meistens wird nicht mal das richtige Zeichen verwendet, sondern dieses, dieser komische Strich aus dem ASCII-Zeichensatz, der halt auf den Tastaturen drauf ist, das ist aber nicht das richtige.
Das geht ja noch, aber Akzent, Akzent ohne Buchstaben drunter, das ist immer so, oh, ja.
Und dann auch noch vielleicht der falsche, also, ne, von links oben nach rechts unten.
Also vielleicht noch als, als kleiner Hinweis für die Leute, die sich, äh, die in die Apostrophwelt eintauchen wollen, das Apostroph wird auch Hochkomma genannt, das ist eigentlich ein ganz guter, äh, eine ganz gute Eselsbrücke, es sieht nämlich aus in den meisten Schriften wie das Komma, nur halt oben.
Ja.
Ganz einfach, Hochkomma.
Ähm, genau, und also in dem Artikel zum Apostroph, da sind, äh, das sind die ganzen Zeichen aufgelistet, die es nicht sind.
Ähm, es gibt auch Zeichen, die sehr, sehr ähnlich aussehen, es aber nicht sind, ähm, und ihr, ihr macht mich sehr glücklich, gerade, also gerade bei Twitter übrigens, wenn ihr bei Twitter ein Apostroph verwendet, die, die neue Twitter-Schriftart, die ist sehr hübsch, die hat ein sehr hübsches Apostroph, allgemein sehr hübsche Anführungszeichen auch, also, wenn ihr mich glücklich machen wollt, dann setzt ihr mal ein korrektes Apostroph bei Twitter und, äh, schickt mir den Tweet und dann kriegt ihr von mir einen Smiley-Punkt oder, oder sowas, irgendwie ein Fleißsternchen.
Genau, typefacts.com, eine saugeile Seite, äh, was Typografie angeht und wirklich immer, äh, ganz kleine, kurze Kapitel sehr gut geschrieben und natürlich auch sehr schön typografisch.
Das war's.
Cool.
Jetzt habe ich Deins weggeklickt.
Jetzt ist es wieder passiert.
Ja, das nächste, ähm, ist, ist, glaube ich, auch schon wieder ein bisschen angestellt, oder? Jamstack. Ist das immer noch so? Ist jetzt nicht mehr so in aller Munde, oder?
Aber ich glaube, es ist schon noch so, eigentlich ist es wieder durch, oder?
Also, mein, mein, mein, mein Großvater hat mir zu Lebzeiten noch davon erzählt. Ich weiß gar nicht so genau. Nein, Spaß.
Ja, also, Jamstack ist ja, ne, JavaScript and Markup, heißt das, glaube ich, oder?
Ach, das hat gar nichts mit Marmelade zu tun, oder?
Nee, erstaunlicherweise nicht.
Nee, also, Static Site, Serverless, Serverless Revolution steht hier, erstartet. Ist jetzt schon vorbei, oder? Sind wir noch mittendrin? Ich weiß es nicht.
Aber jedenfalls kam das ja mal so auf, so, äh, muss jetzt hier, Jamstack, äh, hier, ne, aus dem Bildprozess kommt, am Ende kommen statische Seiten raus, und, äh, die lebt man nicht.
Ich finde auch, der Ansatz ist auch gut, weil, ne, weil nichts lädt schneller, als tatsächlich einfach statische HTML-Seiten, die vielleicht dann noch wieder hydriert werden mit, mit, mit, mit JavaScript irgendwas, ne?
Äh, HTML, ich höre dir trapsen, wieso brauche ich dafür Jamstack? Egal, mach weiter.
Naja, weil du, ja, gut, weil du ja nicht jede Seite selber schreiben willst, ne, und, und, also, ne, du willst ja vielleicht schon den Seitenrahmen und so,
du willst ja dynamisch zusammenstellen, aber am Schluss kommt das raus.
Ich mach, ach so, du machst ja eine One-Pager.
Ich mach nur One-Pager.
Naja, jedenfalls, jedenfalls war die, war die Seite so, und war so der, äh, der Ansatz, ähm, also, ganz große Überschrift, die Seite heißt myclientonce.com, und Überschrift ist auch butmyclientonce.com, und dann hier, äh, ne, du bist eine Agentur oder Freelancer und, und willst Jamstack nutzen, aber dein, dein Kunde sagt, aber wir brauchen das und das, und dann ist halt einfach so, ähm, äh, so verschiedene Kategorien, ja, also zum Beispiel, der will aber ein CMS, so, und dann
gibt's hier verschiedene Artikel verlinkt und Tools verlinkt, ähm, die man eben nutzen kann, in dem, äh, wenn man das nutzt, trotzdem hier Serverless, äh, und so weiter, so, so, so, so, so, so Anbieter halt, äh, oder halt einfach Tipps, wie man das trotzdem realisieren kann.
Formulare zum Beispiel, äh, oder, äh, Integration mit irgendwelchen APIs, oder E-Commerce-Geschichten, ja, und da gibt's halt, gibt's halt irgendwie Ansätze, das trotzdem damit umzusetzen, ja, weil du, du lachst.
Ich find's ein bisschen witzig, so, äh, das sind alles gelöste Probleme, ja, aber man muss es mit Jamstack nochmal lösen, weil, ich will, weil ich als Entwickler bestimme ja, was mein Client kriegt, ja, dass der hat nämlich gar nichts zu sagen, ich will, weil's hot und fancy ist, will ich Jamstack machen, und dann muss ich die Probleme, die schon tausendmal in anderen Tools gelöst sind, muss ich jetzt nochmal lösen mit Jamstack, und dafür ist dieses, ein bisschen lustig, finde ich es.
Ja, das ist schon lustig, aber es ist halt einfach, es ist wie Polyfill.io, wo ich jetzt auch nicht sagen würde, oh ja, das muss ich morgen irgendwo einsetzen, ähm, oder, ne, in großen Firmen kann ich's gar nicht einsetzen, aber, äh, es ist einfach so, da hat jemand sich hingesetzt, hat sich, äh, überlegt, okay, die und die Problemstellung gibt's, und ich mach eine Seite dazu, ähm, ähm, mit der die Leute, die lösen können, und das find ich einfach irgendwie cool.
E-Commerce, meine Güte, okay, krass.
Genau, also, äh, äh, ich hätte jetzt gefragt, my, my client wants, und was, weißt du, was oft die Clients sagen, das müsstest du eigentlich auch.
wissen, WordPress.
So, was machen wir denn?
Jampress, gibt's schon?
WordPress Jamstack.
Wieso Jamstack-Hosting
auch keine Lösung ist.
WordPress und Jamstack.
Von CSS-Tricks-Artikel
dazu gibt's.
Okay, gut.
Okay, das ist ein Riesenartikel,
tatsächlich. Okay, den lese ich mir vielleicht bei
Gelegenheit mal durch, aber nicht jetzt, weil
der ist echt lang. Aber ich verlinke ihn
gleich mal in den Shownotes.
Also, was ich schon ...
Ich rate jetzt mal, und du kannst uns ja irgendwann
mal dran teilhaben lassen, ob ich recht hatte.
Ich habe jetzt ja schon
öfter gehört, zum Beispiel auch von den
Podlovers,
dass es wohl Leute gibt, die
WordPress nur als Backend nutzen.
Genau, genau. Und dann könnte ich mir
sehr gut vorstellen, dass es bei Jamstack quasi
genauso ist. Da wird WordPress im Prinzip
nur als CMS benutzt, aber die
Seitengenerierung passiert, wo ganz anders ist.
Und dann angeklappt, per API und
Sachen reingeladen, nachgeladen.
Das könnte ich mir sehr gut vorstellen, dass das dann in diese
Richtung geht. Wo ich mir dann auch denke, naja,
dann kannst du ja diesen ganzen
Sicherheitslochanfälligen
Kram mit
PHP-Gedöns dann auch sparen, aber
ja gut, ne?
Ja.
Naja, ich bin ja auch
ein alter Mann jetzt,
mit so einem neumodischen Kram braucht man die
zum neumodischen Kram, ja, ja, aber
bei EDK, da muss es schnell gehen.
Okay.
Gut.
Nächste?
Das war eine Frage.
Also, ich nehme mal an, das war ...
Ach so, nächste, ja, nächste, ja.
So, genau. Das nächste ist
coollors.co.
Coollors, oder?
Cool, oder cool, stimmt, cool.
Da bin ich nie drauf gekommen.
Coollors, also wie cool und boss.
Das kenne ich nämlich auch schon.
Und wie Colors, nur mit zwei Uhr.
Und auch das habe ich verwendet,
um unsere Podcast-Seite zu bauen,
beziehungsweise um unser Corporate Design
zu entwickeln damals.
Das basierte nämlich, also,
ich sage erst mal, was es ist.
Also, coollors.co ist ein Tool,
um Farbpaletten zu bauen.
Und das kann man auf verschiedene Wege machen,
und die erkläre ich jetzt nicht alle,
da guck dir einfach mal rein.
Es gibt sehr, sehr, es ist echt cool,
sehr, sehr viele Features hat das Teil.
Was, wofür, wie ich es benutzt habe,
war, ich habe ein Bild genommen
und habe das, habe mir daraus
eine Farbpalette generieren lassen.
Das heißt, du kannst ein beliebiges Bild
da reintun.
Ich habe jetzt wieder mein Wallpaper,
was ich vorhin schon mal reingeladen habe,
in Compress or Die, da reingetan.
Und dann generiert, bietet mir das Farbpaletten an,
die aus diesem Bild, mit Farben aus diesem Bild,
ja, generiert werden.
Und in dem Fall, ich habe jetzt festgestellt,
ist es sogar so,
dass ich mir aus einem Bild
ganz viele verschiedene Farbpaletten
generieren lassen kann.
Ich habe da so einen Slider,
nachdem ich das hochgeladen habe,
und dann springt der an verschiedene Stellen
von dem Bild und sagt,
ja, willst du das, oder willst du das,
oder willst du das?
Das heißt, es ist nicht nur,
er macht nicht nur eine draus,
sondern ganz viele verschiedene.
Und ich kann zum Beispiel auch
in das Bild reinklicken und sagen,
ja, die Farbe, wo ich jetzt da reingeklickt habe,
die will ich auf jeden Fall mit drin haben.
Und damit habe ich die Farbpalette
tatsächlich generiert für unsere Seite,
für die Podcast-Seite.
Und zwar, also die ist noch ein bisschen
angepasst worden danach,
sind nicht alle Farben damit generiert worden,
die wir jetzt da haben.
Oder sie sind noch mal ein bisschen
verschoben worden,
aber das war so auf jeden Fall das Initiale.
Weil ich finde es total schwer,
eine Farbpalette sich auszudenken,
die nicht einfach nur auf einer Farbe basiert.
Mir fällt es schwer.
Aber damit, wenn du sagst,
hey, das ist ein Bild,
das gefällt mir irgendwie von den Farben her,
dann schmeißt du das einfach da rein
und kriegst dann die Farbpalette raus
und kannst sagen,
hey, ja, das passt ja irgendwie gut zusammen.
Und du kriegst dann auch jetzt,
der guckt dann auch zum Beispiel drauf,
dass du dunkle Farben hast,
aber auch helle
und gibt dir dann auch noch Abstufungen davon,
wenn du das möchtest.
Genau.
Und du kannst natürlich auch
hinterher das Ganze noch mal anpassen.
Also echt cooles Tool.
Ich finde es auch sehr cool.
Ich habe gerade erst die Tage
wieder für irgendwas benutzt.
Dann bist du mit der Farbe zufrieden
und dann lockst du die ein
und mit Leertaste kannst du dann sagen,
hier, generier mir die andere neu.
Und dann klickst du da ein paar Mal durch
und dann sagst du,
ah, okay, das gefällt mir.
Lockst die Farbe ein.
Also ich finde das auch,
da hat sich immer echt was dabei gedacht
und das macht einfach Spaß,
das zu bedienen
und am Schluss hast du wirklich eine Palette,
die einfach schön stimmig zusammenpasst.
Und auch die Namen sind lustig von den Farben.
Maximum Yellow Red.
Oh, da habe ich noch nie,
Da hatten wir doch schon mal einen geilen Teil,
irgendwie diese Overly Specific Color Names.
Ja, genau.
Also ich sehe hier zum Beispiel gerade
Space Cadet,
Bicentium,
Indigo Dye,
Aero Blue,
Steel Teal.
Sonic Silver.
Steel Teal.
Brandy.
Brown Sugar.
Das ist echt gut.
Nicht schlecht.
Also die Farbnamen,
die sind mir tatsächlich noch nie aufgefallen.
Das ist echt gut.
Also geiles Tool.
Wenn ihr es mit Farben zu tun habt
und eine Palette braucht,
einfach da mal reingucken.
Ich habe noch lange nicht auf alle Knöpfe gedrückt.
Ich habe hier gerade zum Beispiel gesehen,
es gibt ein Colorblindness-Knopf,
irgendwie so eine Brille,
wo ich dann verschiedene,
auf meiner Palette,
verschiedene Farbfehlsichtigkeiten
noch simulieren kann.
Also es ist quasi,
dafür kannte ich das mit dem Build-Upload gar nicht,
was du gerade gesagt hast.
Das habe ich gerade eben erst herausgefunden,
dass das geht.
Das ist ja auch sehr cool.
Also es kann extrem viel.
Super.
Und das auch noch alles umsonst?
Alles umsonst?
Gratis.
Gratis ist ein bisschen Werbung,
glaube ich, drauf.
Und ich habe vorhin ein paar viele Pop-Ups zuklicken müssen.
Echt?
Also heute sind es ja keine echten Pop-Ups,
wir haben viele Layer,
als ich es vorhin gestartet habe.
Aber irgendwie kann man sich auch noch einloggen.
Ich weiß gar nicht.
Also ich habe es wahrscheinlich
ungefähr zwei Prozent der Features dieser Seite genutzt.
Aber wenn man irgendwie eine Farbpalette braucht,
macht es auf jeden Fall Sinn,
damit mal rumzuspielen.
Da findet man auf jeden Fall bestimmt was Cooles.
Jo.
Coolos.
Ich habe immer Coolos.
Coolos.
Ich finde es nicht aufgefallen,
dass da Cool drinsteckt tatsächlich.
Tja.
Gut.
Jo.
Mein nächstes und letztes tatsächlich.
Das ist der Colorpicker
aus den Microsoft Power Toys.
Microsoft Power Toys.
Kennst du die noch?
Ja, von früher.
Von früher.
Ich kenne auch die neuen noch.
Ja, es gibt seit Windows 95
und wurde jetzt aber für Windows 10,
also es gab dann immer wieder für Windows 98 und so
und XP dann so eine neue Auflage.
Und für Windows 10 gab es das jetzt auch,
glaube ich, dieses Jahr sogar erst wieder,
eine neue Auflage.
Und ich meine, es ist sogar Open Source.
Es gibt zumindest ein GitHub Repo,
wo auch die Releases drin sind.
Also sollte wahrscheinlich das ganze Tool auch Open Source sein.
Und ja, da sind ein paar nette Sachen dabei.
Ich möchte das gar nicht alles da erwähnen
und habe mir deswegen den Colorpicker daraus gesucht.
Also Power Toys, ganz kurz noch,
für die, die es gar nicht kennen,
das waren einfach so von Microsoft offiziell bereitgestellte kleine Tools,
mit denen man irgendwie so als Power User
bestimmte Sachen machen konnte.
Ich habe ja so eine Theorie dazu,
wie die entstanden sind.
Das ist bestimmt so ein Ding,
ein Developer hat ein Feature gepitcht für Windows
und das kam nicht rein oder die haben es nicht geschafft
und dann hat er gesagt, ey, scheiß drauf.
Ich brauche das trotzdem.
Ich hecke das jetzt schnell mal zusammen.
Und dann irgendwann haben wir gesagt,
oh, das gibt es doch irgendwie schon.
Ja, komm, das können wir doch in die Power Tools.
Das ist jetzt meine Theorie dazu.
Falls jemand bei Microsoft arbeitet
und weiß, wie die entstehen
und das ist völlig falsch oder richtig,
dann bitte mal in die Kommentare schreiben.
Ich meine, Chris Heimann fragen können.
Stimmt, Chris Heimann.
Ja, gut, ich meine, vielleicht weiß er es, genau.
Genau, jedenfalls gibt es da den Color Picker
und es gibt ja Extensions für Chrome oder für Firefox,
wo ich mir dann über so ein Icon
aus einer beliebigen Seite dann die Farbe rausziehen kann
und dieser Color Picker für Windows,
der macht das eben systemweit.
Also ich kann, egal wo ich bin,
auf jeden Bildschirm Windows Shift C drücken
oder ich kann natürlich an den Einstellungen
den Shortcut, den Keyboard Shortcut
entsprechend ändern, wenn ich das möchte.
aber standardmäßig Windows Shift C
und dann kann ich hier überall,
ich kann hier über dein Webcam-Bild fahren
oder hier über die Aufnahme,
über die Tracks in Reaper beziehungsweise Ultraschall
und sehe dann so ein Overlay mit dem Color Picker
und wo der Hexwert drin angezeigt wird.
Pick doch mal die Farbe von deinem Pulli.
Und dann tun wir die mal in Kulos und gucken,
was für einen Namen die hat.
Da muss ich erst mal selber anzeigen hier im Jitsi.
Also, mal gucken, an welcher Stelle.
Der ist mir gerade aufgefallen.
Der Konstantin hat heute eine interessante,
wir sagen jetzt nicht, wie die Farbe aussieht,
sondern ihr könnt es dann selbst mal rausfinden.
Wer ganz nerdig ist,
der kann schon anhand des Hexcodes,
weiß der direkt, in welche Richtung es geht.
Genau.
Einfach mal mitraten.
D, C, B, 9, 6, A.
Also, es kleidet den Konstantin sehr gut,
kann ich sagen.
Und es ist eine Farbe, die mir aufgefallen ist.
Es ist keine Farbe, die man jetzt so ...
Nicht jedes Kleidungsstück ...
Es ist kein typisches Kleidungsstück-Farbe,
würde ich jetzt sagen.
Zumindest für mich nicht.
Und ja, könnt ihr mal mitraten.
Ist, glaube ich, auch das Einzige in der Farbe,
was ich so im Schrank hängen habe.
Also, D, C, B, 9, 6, A.
Und was sagt Kudos?
Ach so, warte mal.
Kann ich das auch schon rein?
Ich kann es ja einfügen.
Es ist ja jetzt automatisch in meinem Clipboard.
So.
Aber du darfst den Namen ...
Kannst du den Namen jetzt vorlesen?
Dann spoilst du doch, oder?
Ja, ich hoffe.
Das haben jetzt alle mittlerweile geraten, oder?
Also, wir werden jetzt Pause machen
und noch mal kurz überlegen.
Und dann jetzt gleich wieder Play drücken
und dann kriegt ihr die Auflösung.
Genau, jetzt noch ein bisschen Pausenmusik laufen lassen.
Was Coulos sagt.
So.
Also, die Farbe heißt bei Coulos Gold Crayola.
Gut, da kann man sich nichts unterfassen.
Crayola ist, glaube ich, so eine amerikanische Marke
für so Wachsmalstifte oder so was.
Gold Crayola.
Wenn ich ganz falsch liege.
Ja, so Kindermalstifte oder so.
Genau.
Nee, das sind Crayons.
Ja, ja, Crayons.
Ja, aber es gibt eine Marke, die heißt Crayola.
Ja.
Und das ist, so wie wir Tempo sagen zu Taschentüchern,
ist das so der Name für so Wachsmalstifte.
Crayola.
Und mehrere Orte in den USA.
Wahnsinn.
Okay.
Gibt es auch, die so heißen?
Okay, interessant.
Ja, in Alabama, Louisiana und Ohio.
Genau.
Es kommt natürlich auch vor allem, an welcher Stelle ich das picke.
An manchen Stellen habe ich hier ein bisschen mehr Lichtreflexe.
Ich versuche mal so einen ganz hellen.
Zack.
Das ist schon cool.
Auf jedem Bildschirm kann ich das machen.
So.
Orange, Yellow Crayola.
Aber Crayola ist irgendwie immer mit drin.
Also Geld kennen die irgendwie nur als Wachsmalstift.
Ja, aber es ist echt interessant.
Ich kriege das als Hex, als RGB, HSL, kann mir das rauskopieren.
Das ist schon echt praktisch.
Ja, und damit war es auch schon.
Gut.
Mensch, ich glaube, es wird eine kurze Sendung.
Auch wenn ich jetzt alle noch mache.
Wir sind schon fast bei Alter.
Ja, ja, ja.
Ich meine, lang ist für uns ja vier Stunden.
Jetzt darfst du.
Das schaffen wir nicht heute.
Bis zum bitteren Ende.
Ja, genau.
Wie schon gesagt, ich bin so eine Datenkrake.
was Geilteile angeht.
Immer wenn irgendwas an mir vorbeifliegt, schreibe ich es auf.
Deswegen kommen jetzt noch ein paar von mir.
Wir fangen an mit Cool Backgrounds.
Da sind wir wieder bei cool.
Vielleicht ist das sogar vom selben Macher.
Das finde ich jetzt nicht so auf die Schnelle raus.
Ja, vom Stil her könnte das sein.
Vom Stil her ist das ähnlich.
Coolbackgrounds.io ist eine Seite, auf der man,
ihr habt das schon erraten, Hintergrundbilder oder Hintergründe.
Ich will es nicht Bilder nennen, erstellen kann in verschiedenen Stilen
und auch mit verschiedenen Farbschemata dann,
die auch interessante Namen haben, zum Beispiel wie Clear Lagoon
oder Persian Lounge, Tropical Salad.
Und zwar sowohl Farbpaletten kann man verändern,
als auch die Hintergründe selbst.
Die sehen dadurch interessant aus, dass es da verschiedene Schemata gibt.
Also zum Beispiel das Erste, was standardmäßig ausgewählt ist,
wenn man auf die Seite kommt, ist Trianglify.
Und dann sind jetzt, glaube ich, tatsächlich nicht nur Dreiecke,
sondern ich sehe auch ein paar Vierecke.
Aber es ist so ein Muster, was da entsteht aus verschiedenen Dreiecken
und Vierecken, was dann einen Farbverlauf hat von A nach B.
In dem Fall sind es, glaube ich, fünf Farben, die da durchlaufen werden.
Und es sieht dann echt schick aus.
Ich weiß nicht, ob man sich das jetzt gut vorstellen kann,
wie es beschrieben hat.
Das sind übrigens tatsächlich nur Dreiecke.
Das kann sein, dass da wegen der Rot-Grün-Schwäche ...
Okay, dass die Farben so nah zusammen sind.
Genau, genau.
Dass so Rottöne und Grün-Töne, die nebeneinander sind,
als eine Fläche wahrnimmst.
Weil selbst nicht ...
Ich sehe teilweise, habe ich Schwierigkeiten, aber es sind Dreiecke.
Die sind teilweise sehr nah zusammen.
Dann sind es vielleicht tatsächlich nur Dreiecke.
Also aus verschiedenen Dreiecken.
Und es ist nicht symmetrisch, es ist sehr asymmetrisch.
Entsteht dann halt so ein Muster.
Oder es gibt zum Beispiel Particles.
Und das ist tatsächlich dann animiert.
Da kann ich dann auch verschiedene Farb-Schemata wählen.
Und habe dann so ein Muster an, wie soll ich sagen,
das sind so Punkte und die verbinden sich mit Linien,
je nachdem, wie nah sie zusammen sind.
Und das kann ich auch in verschiedenen Farben dann auswählen.
Ist wohl basierend auf Particle.js.
Dann gibt es auch den ganz normalen Verlauf zum Beispiel.
Also einen CSS-Verlauf von A nach B.
Jetzt muss man jetzt auf so einen More-Link draufklicken
und gucken, was da dann passiert.
Ah, okay, gut.
Man kann auch noch dann quasi, wenn ich jetzt zum Beispiel
einen Verlauf will, der ein bisschen aufwendiger ist als 2,
kann ich da auf More CSS-Gradient klicken.
Und dann komme ich auf CSS-Gradient.io,
was wohl auch ein Tool ist vom selben Anbieter.
Und dann kann ich einen sehr, ja, angepassten CSS-Verlauf
mir zusammenbauen, auch mit Radial und keine Ahnung was.
Dann gibt es noch Gradient Topography, Smooth Layered Shapes.
Das ist dann quasi wie so ein Farbverlauf,
aber mit einzelnen Abstufungen, also so mit einzelnen, ja, Bändern.
Man muss es sich, glaube ich, angucken.
Und dann gibt es noch Unsplash-Bilder, komischerweise.
Das habe ich, die Kategorie habe ich nicht so richtig verstanden.
Also das sind einfach Bilder,
die als Hintergrundbilder verwendet werden können.
Das kann man bei Unsplash ja mit allen eigentlich machen, darf man.
Da sind jetzt einfach fünf Stück ausgewählt,
die sich wohl besonders gut eignen.
Ja, dafür würde ich jetzt nicht auf eine cool Background-Seite gehen,
sondern einfach direkt zu Unsplash.
Ja, also, wenn ihr mal einen Hintergrund braucht,
der irgendwie interessant ist,
oder gerade dieses mit den Particles,
das finde ich tatsächlich interessant,
habe ich auch schon auf der einen oder anderen Seite gesehen.
Jetzt weiß ich, wo die das herhaben.
Genau, das sind nette Effekte, nette Ideen,
vor allem auch das mit den Dreiecken, finde ich cool.
Und wenn man jetzt gerade mal irgendwie kein Content hat,
aber es soll hübsch aussehen, glaube ich,
ist das eine coole Sache.
Und kann man alles da runterladen, kostet nichts.
Genau.
Geil.
Ja, ich glaube, es ist auch mehr so gedacht, so ein bisschen so.
Die coolen Sachen gibt es.
Und wenn du mehr erzeugen willst, dann geh da hin.
Also dieses Trianglify ist auch ein eigener Service.
Ah ja, genau.
Oha, das kenne ich auch.
Und da kannst du dann auch noch viel mehr Pattern-Intensity,
Triangle, Variants und so weiter.
Oha, und mit Shadow Gradient.
Oha, cool.
Je kleinteiliger man das macht, umso krasser sieht das noch aus.
Oha.
Triangl, okay.
Mächtig.
Also jedes von diesen ...
Also da habe ich offenbar mit coolen Backgrounds
nur die Einstiegsseite gefunden.
Genau, das ist wie so eine Landingpage.
So, guck mal, was es alles Cooles gibt.
Particles.js.
Ja, da hat jemand viel Zeit verwendet,
um echt cooles Zeug zu bauen.
Das finde ich immer geil, wenn Leute so Tools bauen.
So, und ich komme jetzt aus dem Reden wahrscheinlich nicht mehr raus.
Jetzt muss ich auch liefern.
So, und um zu demonstrieren, wie alt diese Geilteile teilweise sind.
Die nächste Seite hat nicht mal mehr ein gültiges HTTPS-Zertifikat.
Und zwar, das ist die CSS-Database, cssdb.org.
Ich habe da jetzt schon diese Meldung wegklicken müssen,
um überhaupt noch mal draufzukommen.
Und die Idee dahinter war,
dass da verschiedene CSS-Features aufgelistet werden
und da dabei steht, also gerade so neuere Sachen dabei steht,
wie weit das denn schon ist mit der Implementierung
in verschiedene Browser.
Es ist so ein bisschen so ähnlich wie Can I Use,
nur mit ein bisschen, glaube ich, mit dem Fokus auf Neuentwicklung,
neue CSS-Sachen.
Zumindest war es das mal.
Und wie gesagt, das ist jetzt schon dann ein paar Jahre alt.
Und dann, ah genau, es steht aber auch immer noch dabei,
was für Plugins, zum Beispiel Post-CSS-Plugins gibt,
um das für alle Browser bereitzustellen.
Das ist ganz nett.
Oder JavaScript-Libraries sind teilweise auch noch mit verlinkt,
um bestimmte Sachen zu emulieren.
Ich befürchte, dass es leider veraltet.
Ich fand aber die Idee gut dahinter
und deswegen wollte ich es drin lassen.
Ja, schade, dass es nicht mehr so gepflegt wird.
Das ist schon ganz interessant.
Ja, also zum Beispiel hier die All-Property-Break-Properties
kommen hier, Grid-Layout.
Ja, teilweise funktionieren auch die Links nicht mehr auf Can I Use.
Wenn ich auf diese Browser-Icons klicke.
Shame.
Also gar nichts mehr davon zu sehen.
Gut, also es ist keine Empfehlung, es ist nur so ein ...
Hey, wenn du der Macher dieser Seite bist,
dann mach doch mal ein Update, wir würden uns freuen.
Es gibt es natürlich auf GitHub, ist klar,
dann sagt er, hey, mach doch selber.
Es ist Open-Source.
Okay, gut.
Dann noch etwas, was vielleicht schon viele kennen.
Wer weiß?
Ich bin mir nicht sicher.
Verlinkt habe ich einen Tweet damals von Firefox DevTools,
von dem Firefox DevTools-Account.
Und mittlerweile ist es auch schon relativ lange eingebaut in Firefox.
Ich habe vorhin nochmal ausprobiert, ob es auch tatsächlich noch da ist.
Nämlich die Möglichkeit, in den DevTools zu sehen,
welcher Container derjenige ist, der dafür zuständig ist,
dass etwas scrollt.
Und das finde ich gerade so, wenn man Scrollbalken hat,
irgendwo, den man eigentlich nicht haben will.
Der Klassiker sind so horizontale Scrollbalken,
die man nicht haben will.
Weil irgendwas irgendwo drüber hinausläuft,
dann ist es total interessant zu sehen,
welcher Container scrollt denn überhaupt?
Welcher ist es denn?
Dass man sehen kann, wo ist denn was drin direkt,
was irgendwie diesen Container zu breit macht oder so.
In DevTools ist tatsächlich einfach so ein Keyword,
was hinter einem Container steht.
Da steht einfach Scroll.
Und dann ist klar, das ist ein Container, der scrollt.
Cool.
Also so wie ich auch Events sehen kann, ne?
Das wird auch mit so einem Label markiert.
Genau.
Cool.
Genau.
Leider nur in Firefox.
Ich glaube, in den Chrome DevTools ist das nicht drin.
Und ich finde das extrem nützlich, ehrlich gesagt.
Also das wünsche ich mir überall, hätte ich gerne.
So.
Jetzt rasen wir hier durch.
Pass auf, jetzt kommt schon das nächste.
Ja, ich merke schon.
Bam, bam, bam.
Weil wir schaffen es noch unter zwei Stunden vielleicht.
Wer weiß.
Die nächste Seite ist auch schon lang her,
aber bezieht sich auf etwas, was noch viel länger her ist.
Die heißt nämlich Dark Ages of the Web.
Das ist nicht der Link, aber vielleicht findet ihr es, wenn ihr es googelt.
Und das ist eine Seite, die sich den alten Web-Techniken annimmt so ein bisschen und zeigt, wie man früher Dinge gemacht hat.
Es ist mehr so, wie soll ich sagen, es ist ein Anti-Pattern aus heutiger Sicht.
Man sollte nichts mehr so machen, wie es da erklärt wird.
Aber es wird so gezeigt, so hat man früher Dinge gemacht.
Zum Beispiel, wie hat man früher Custom-Fonts?
Was für Möglichkeiten hatten wir früher für Custom-Fonts?
Und dann sind hier verschiedene Möglichkeiten aufgelistet.
Zum Beispiel, naja, nimm halt ein Bild.
Oder Siffer, wer kennt das denn noch?
Also eine Flash-Image-Replacement.
Ich finde es krass, dass da schon als erste Section da unter diesem Startbild ist schon Parallax.
Das finde ich krass, dass man das schon früher einsetzt hat.
Ich beschreibe es mal.
Es ist dieser Pseudo-Code, dieser grüne aus der Matrix, der da von oben nach unten läuft, als animiertes Hintergrundbild.
Und wenn ich dann drüber scrolle, dann habe ich diesen gelten Text, der so schräg gelegt ist, so 3D aus dem Start-Star-Wars-Intro.
Ja, ob das eine alte Technik ist, da bin ich mir nicht so sicher.
Aber was, ich dachte, die Seite soll genau das zeigen, oder?
Ja, ich glaube, es geht eigentlich erst unten drunter los mit Screen-Resolution, Custom-Fonts und so weiter, wo dann erklärt wird, wie das gemacht wurde.
Aber es ist lustig, diesen Star-Wars-Text über der Matrix.
Oder hier, we will make your website the old-fashioned way.
Mit Tabellen zum Beispiel.
Das ist ein Table-Layout, wird gezeigt.
Web 2.0-Buttons, die so ganz glossy waren.
Kommt jetzt, glaube ich, wieder.
Ich glaube, wir sind jetzt an dem Punkt, wo das wieder kommt.
Retro, ja.
So wie die Klamotten-Technik werden gerade die 80er und 90er wieder irgendwie voll in.
Und die Buttons vielleicht auch.
Homepage-Buttons und allerlei Gästebücher, GIF-Animationen.
Aber so nicht so coole GIFs, wie man so heute kennt, sondern die von früher halt.
So die Bagger mit dem, hier wird gearbeitet und Flaggen.
Und Winamp als ein GIF von Winamp.
Make your button, was ist das denn?
Ah, gibt's, man kann glossy Buttons da auch bauen.
Und genau.
Macaulay Culkin.
Macaulay Culkin, was kann ich denn mit dem machen?
Nix.
Er ist einfach nur da.
In alt und in jung.
Kann ich übrigens empfehlen.
Alles, was er macht, ist sehr, sehr lustig von den aktuellen Sachen.
So, okay, das ist ein Trip down, Train down the Memory Lane für die Älteren unter uns und die Jüngeren, die das nicht kennen.
Ich weiß gar nicht, ob ich euch empfehlen würde, das anzugucken, weil ihr landet dann in einem, an einem schaurigen Ort.
Ich weiß noch, dass Webseiten so ausgesehen haben wie diese Seite und es ist vielleicht okay, dass man das nicht weiß.
Winamp, it really whips the llama's ass.
Genau. Warte mal, bevor ich jetzt komplett falsch liege, aber ich glaube, die Macher von Winamp sind die, die hinter Reaper stecken.
Ja, ja, ich glaube, da hatten wir es auch schon mal drüber, ja.
Das ist eine coole Truppe. Die machen gute Sachen irgendwie.
So, okay, und jetzt kommt ganz schnell, jetzt kommen wir zum Letzten schon.
Und zwar, das ist was für dich und mich, Konstantin, für Leute, die sehr, sehr auf Korrektheit immer bedacht sind.
Und zwar, CSS Vocabulary heißt die Seite.
Link kommt in die Shownotes, ist auch, ist tatsächlich nicht HTTPS, ja, schon lange nichts mehr gesehen, was nicht HTTPS ist, aber immerhin kein abgelaufenes Zertifikat.
Und zwar geht es um tatsächlich, was heißt denn wie in CSS und zwar sehr präzise und zwar links auf der Seite habe ich CSS Code in allen möglichen Ausprägungen, alles, was es so gibt.
Und ich kann entweder da drauf drücken und sehe dann rechts, wenn ich drauf gedrückt habe, was ist das, wie heißt das denn richtig?
Also zum Beispiel, ich klicke hier auf List Style Square und ich drücke nur auf das Square und dann kriege ich rechts angezeigt, das ist ein Keyword.
Ich kann aber auch auf das Keyword klicken, ne? Und dann sehe ich das links markiert.
Genau, und es geht auch andersrum. Ich kann auch rechts, rechts ist eine Liste mit den ganzen Begriffen zu CSS, also wenn ihr euch mal sehr präzise ausdrücken wollt, was ihr mit CSS, was in CSS irgendwie meint, dann guckt auf der Seite vielleicht mal nach.
Da sind nämlich tatsächlich Sachen dabei, die ich jetzt vielleicht auch nicht richtig benahmt hätte.
Expressions, Media Features, Block, Declaration, Block, Simple, Selector. Mein Lieblingswort ist, womit ich immer versuche zu glänzen, weil das viele nicht kennen, ist der Kombinator.
Den haben wir, ist der überhaupt hier drin?
Ja, der Kombinator ist drin.
Kombinator ist zum Beispiel das Plus oder eine Tilde, ein CSS oder das größere oder ein größerer Zeichen.
Aber guck mal an, auch das R-Zeichen ist ein Kombinator.
Interessanterweise auch das, ja, logisch.
Weil der sagt alles, was da drunter liegt.
Genau, eigentlich logisch, aber das ist jetzt gut, dass wir nochmal drüber geredet haben. Auch das ist ein Kombinator. Hätte ich jetzt auch nicht auf dem Schirm gehabt.
Und zwar der Descendant Combinator.
Genau, der Descendant Combinator. Also, wenn ihr euch mal sehr präzise ausdrücken wollt, was CSS betrifft und genau wissen wollt, was wie heißt, dann mal beim CSS Vocabulary vorbeischauen. Das ist ziemlich cool gemacht, wie ich finde.
Und auch, ich glaube, zum Lernen oder wenn ihr Leute, also entweder, wenn ihr es gerade selbst lernt oder wenn ihr Leute bei euch habt, die es gerade lernen und sich nicht sicher sind.
Es ist, glaube ich, es ist, glaube ich, immer gut, wenn man die präzisen Worte für die einzelnen Dinge kennt und dann schickt die mal da vorbei. Da kann man das ganz gut ausprobieren.
Sonst setze ich am Ende noch was fest, sowas wie Alt-Tag.
Oh je.
Ich dachte, ich mache das Fass jetzt noch auf zum Schluss.
Don't get me started.
Also, dann zum Schluss jetzt noch, Mama, das Fass noch kurz auf.
Falls ihr irgendwann schon mal im Zusammenhang mit Bildern und Bildbeschreibungen den Begriff Alt-Tag gehört habt.
Vergesst ihn wieder.
Dann sei euch gesagt.
Sofort.
Ja.
Oh, das habe ich.
Ah, sehr gut.
Dann sei euch gesagt.
Das, das vergesst ihr sofort wieder.
Es heißt Alt-Attribut.
Es ist nämlich ein Attribut in HTML und kein Tag.
Es gibt keinen Alt-Tag.
Gibt es nicht.
Also, man kann, man könnte ein Custom-Tag erfinden, das Alt heißt.
Das kann man machen.
Aber das, das gäbe keinen Sinn in diesem Zusammenhang.
Also, denkt immer dran, es ist ein Alt-Attribut und wenn ihr mich fröhlich machen wollt, dann nennt ihr das Alt-Attribut.
Und wenn ihr mich ein bisschen ankäsen wollt, dann sagt ihr Alt-Tag.
Es ist mir in letzter Zeit immer mal wieder passiert, dass das Leute sagen.
Seit wir es darüber hatten im Stream, habe ich es jetzt auch schon öfter gelesen.
Ich versuche auch aus Höflichkeit, es kommt total drauf an, wer das wann wo wie sagt.
Aus Höflichkeit sage ich manchmal auch dann nichts.
Ich bin nicht derjenige, der dann immer draufhaut und sagt, das heißt nicht Alt-Attribut.
Weil ich will mir es ja auch mit manchen Leuten auch nicht verscherzen.
Ich will ja, es bringt manchmal auch gar nichts, Recht zu haben.
Das ist vielleicht noch so die Philosophie am Ende.
Manchmal bringt es gar nichts, Recht zu haben, sondern es ist manchmal einfach okay, auch nicht Recht.
Nicht allen die Wahrheit oder das Richtige auf die Nase zu binden, ist es manchmal okay, auch einfach die Klappe zu halten.
Das ist vielleicht so ein ganz guter Schlusssatz, so für die Webszene.
Das könnten sich ein paar Leute im Web mal hinter die Ohren schreiben, dass es gar nichts bringt, unbedingt immer perfekt die richtige Definition im Kopf zu haben.
Manchmal ist was anderes auch wichtiger.
Weil mir ist es lieber, jemand verwendet Alt-Attribute und beschreibt seine Bilder und nennt es Alt-Tag, als er macht es nicht und sagt es richtig.
Das sowieso, auf jeden Fall.
So.
Das ist doch ein gutes Ende.
Gutes Schlusswort für unsere.
Gutes Schlusswort für unsere Geilo-Milo-Folge hier.
Unsere geilste Folge ever.
So werden wir sie auf jeden Fall bewerben.
Ja, auf jeden Fall.
Dann haben wir jetzt tatsächlich eine Kategorie wieder ohne Jingle, ne?
Mensch, äh, nee.
Oder packst du mir das zum Ende?
Ha, stimmt.
Ja, komm, lass es uns zum Ende packen.
Okay.
Dann kommt jetzt unser fürchterliches End-Jingle, vor dem ich immer ein bisschen Angst habe.
Das Ende.
Das ist doch gar nicht so schlimm.
Dieses, uh, uh, am Schlamm.
Das ist fantastisch zusammengeschnitten.
Wir könnten ja vielleicht noch so einen Zufallsgenerator, das wir jedes Mal ein bisschen an.
Nee, um Gottes Willen.
So, wir haben versprochen, es gibt Geschenke.
Oder?
Haben wir?
Haben wir gesagt, ja.
Ihr habt es jetzt so lange durchgehalten, einfach nur wegen den Geschenken, weil ihr die Geschenke wollt.
Genau, wir werden eine Verlosung machen.
Jetzt muss ich hier gerade, Moment, jetzt muss ich hier gerade mal im Trello auf woanders hin, damit ich euch auch nichts Falsches sage.
So, damit, damit das auch alles korrekt ist.
So, ich bin hier gerade ein bisschen lost.
Eine Sekunde.
Wo ist es denn?
Hier.
Verlosung.
Genau.
Wir wollen unser Merch ein bisschen unter die Leute bringen.
Ähm.
Und haben uns überlegt, wir würden verlosen, ähm, einmal freie Auswahl bei uns im Merch.
Shop unter www.sev.de slash Merch.
Ich glaube, da müssen wir noch Sternchen dazusetzen.
Also ein Produkt.
Ein Produkt.
Genau.
Einmal, einmal, ein Produkt.
Ein Produkt.
Ja gut, aber ich meine, wenn du am Losstand gewinnst, dann hast du auch ein Produkt freie Auswahl.
Ey, aber nicht, dass hier jemand am Schluss sagt, so hier, nee, nee, freie Auswahl.
Ich wollte 20 Pullis und 10 T-Shirts.
Darf den ganzen LKW mitnehmen.
Nein, ein Produkt.
Ähm, sei es ein T-Shirt oder, ich weiß gar nicht, haben wir eine Tasse?
Ja, wir haben eine hässliche Tasse, gell?
Ähm, oder auch ein Hoodie oder so, könnt ihr, könnt ihr euch dann aussuchen in eurer Wunschfarbe.
Und Wunschgröße.
Wunschgröße natürlich auch.
Und, äh, es wird auch noch einen zweiten Preis geben.
Das wird dann ein T-Shirt sein.
Und, ähm, es wird aber auch Sticker geben.
Ähm, noch für, also für alle Teilnehmer, die möchten, werden wir auch Sticker, ähm, verschicken.
Haben wir uns schon überlegt.
Tja, was müsst ihr dafür tun?
Es gibt verschiedene Wege, die ihr teilnehmen könnt.
Und jeder von diesen Wegen, die ich euch jetzt sage, äh, schmeißt euch einmal in die Lostrommel.
Das heißt, ihr könnt quasi mehrfach teilnehmen und eure Chancen steigern.
Der erste Weg ist, ähm, am 4, also das Gewinnspiel, das geht bis zum 24.12.24 Uhr, äh, haben wir uns überlegt.
Oder, für die Papiertiger unter euch, KW50 Freitag EOB.
So, bitteschön.
Ähm, wir wissen noch nicht genau, wann wir es auslosen.
Es könnte sein, dass wir es im Stream auslosen oder irgendwie anders.
Oder es kann auch sein, dass es ein bisschen länger dauert.
Aber wir werden es auf jeden Fall auslosen.
Und falls, falls wir es irgendwie vergessen sollten und ihr denkt, warum habt ihr das noch nicht ausgelost,
dann schreibt uns bei Twitter oder meldet euch bei uns.
Ähm, aber wir werden es sicher nicht vergessen.
Wir könnten es am 27. oder 28. vielleicht machen.
Das, das steht, das steht im Raum.
Genau, einer von den beiden Tagen.
Ähm, wir werden das auf jeden Fall nochmal veröffentlichen, wann die Auslosung ist.
So, also genau.
Ähm, so, wie könnt ihr teilnehmen?
Das jetzt nochmal.
Also, zum Stichtag 24.12.
Äh, seid ihr Twitch-Abonnent bei uns?
Das heißt, ihr habt ein Abo abgeschlossen, entweder mit Prime oder ihr habt tatsächlich Geld an Twitch bezahlt.
Also alle, die zu diesem Zeitpunkt abonniert sind, sind automatisch schon einmal in der Lostrommel drin.
Also auch die, die bisher schon abonniert haben?
Das würde ich schon sagen.
Alle, die, alle, die zu diesem Zeitpunkt abonniert, ein Abo abgeschlossen haben.
Ähm, also auch Leute, die jetzt, ich finde das, ich finde das gerecht.
Leute, die auch jetzt vorher schon abonniert haben, wieso, wieso sollten, die können ja nicht nochmal abonnieren.
Von daher sind die einfach in der Lostrommel einmal schon mal drin.
Ähm, dann wird es diverse Social-Media-Posts zu diesem Thema bei uns geben.
Und zwar wird es einen geben auf Instagram.
Es wird, auch wenn wir das nicht so oft verwenden, wird es das auf jeden Fall da geben.
Es wird einen Tweet geben.
Es wird einen Post auf Xing geben von mir, Moritz Gießmann.
Ähm, das heißt, ihr könnt euch da gern mit mir connecten oder gucken, was ich so schreibe.
Es wird einen geben auf LinkedIn.
Ähm, und was ihr auf diesen Social-Media-Bereichen tun müsst, ihr müsst diese Posts teilen oder retweeten oder wie auch immer man das auf der jeweiligen Plattform nennt.
Bei Instagram wird es eine Story sein und ich, ich weiß nicht genau, ich bin nicht so Instagram-Firm.
Ähm, ich glaube, Storys kann man teilen, kann man weiter teilen und dann müsste man auch sehen, wer sie geteilt hat.
Das werde ich nochmal checken.
Das heißt, Instagram ist gerade in Klammern, wenn es klappt.
Wenn es nicht klappen sollte und ich das am Ende nicht auswerten kann, dann seid mir nicht böse.
Ähm, dann müsst ihr auf jeden Fall, wenn ihr eure Chancen erhöhen wollt, ähm, euer, ja, euer Los quasi woanders noch in den Ring werfen.
Also, wie gesagt, Twitter retweet, der Tweet wird noch kommen.
Ähm, Xing teilen kann man, äh, kann man die Posts, der Konstantin wird das wahrscheinlich auch teilen.
Er ist natürlich von der Teilnahme ausgenommen.
Ach ja, wie jetzt?
Äh, bei LinkedIn, genau.
Und, ähm, ab heute, äh, nee, Moment, wie machen wir das denn?
Nee, äh, das wird wahrscheinlich schon in der Vergangenheit sein.
Ab dem nächsten Stream, der aber sein wird, bevor diese Folge, äh, ausgestrahlt wird.
Wahrscheinlich also ab Freitag dem 17.
Ist auch egal für euch, wenn ihr es hört, dann ist, dann ist es auf jeden Fall schon gestartet.
Wenn ihr das hört, ist es auf jeden Fall schon gestartet.
Ähm, Spenden, die reinkommen, ähm, www.sev.de slash spende oder spenden, ähm, die Spenden kommen auch alle.
Wer, wer da spendet, kommt in, in den Topf.
Ähm, ich weiß gar nicht, sollen wir, sollen wir mehr, mehrfache Spenden mehrfach, äh, dann reinwerfen?
Ich weiß gar nicht genau.
Ach so, ach, dann spendet jemand irgendwie hundertmal einen Cent.
Nee, nee, nee, Minimalspende bei uns ist ein Euro, geht nicht.
Also von daher, ich würde sagen, einmal eine Spende und dann ...
Also einmal hundert Euro spenden, nein, ein Euro reicht auch, ähm, so viel wie euch der Podcast wert ist oder der Stream, je nachdem, ähm, was, wo ihr dabei seid.
Eine Spende wirft euch, wirft euch auch in diese Liste mit rein, genau.
Das heißt, ihr könnt insgesamt, wenn, wenn das mit Instagram gut geht, könnt ihr sechsmal in der Lostrommel auftauchen, ähm, und habt dann relativ große Chancen.
Ähm, ähm, äh, die auf die freie Auswahl oder eben dann, wenn ihr nicht erster werdet, ein Shirt oder Sticker kriegen alle, die teilnehmen.
Also Sticker, äh, solange der Vorrat reicht, sagen wir mal.
Der Vorrat ist aber noch groß, kann ich euch sagen, der Vorrat reicht noch eine Weile.
Genau.
Gut.
Das zum Gewinnspiel habe ich noch was vergessen.
Ähm, Ziehung, Datum, bis wann es geht, was es zu gewinnen gibt, wie man teilnehmen kann.
Wie gesagt, die, die entsprechenden Posts, die gehen auch raus.
Das heißt, es lohnt sich, äh, auf jeden Fall uns überall zu folgen, ähm, beziehungsweise euch zu connecten mit uns, ähm, bei Xing oder bei LinkedIn, damit ihr das auch sehen könnt.
Ja, das, äh, das geht dann, ich weiß nicht genau, wann wir die Posts raushauen.
Das wird dann wahrscheinlich, äh, so in, in Richtung Wochenende gehen irgendwann, ähm, und dann geht's los.
Und dann geht das bis zum 24.12. und dann habt ihr vielleicht ...
Also Wochenende heißt auch, der, äh, ne, ist wahrscheinlich schon da, wenn der Podcast ...
Ah, so, haha, genau.
Also veröffentlicht ist.
Genau.
Sobald der Podcast veröffentlicht ist, äh, it's on.
The game is on.
Game is on.
Jo, das ...
Jetzt ist eigentlich noch, äh, zu den Geschenken.
Zu sagen, wann wir uns wiedersehen, hoffentlich.
Ähm, nächster Stream war geplant am 12.01.
Nächste Folge voraussichtlich am 16.01.
Genau, jetzt ist nämlich erstmal Weihnachtspaar.
Vielleicht sehen wir, wenn das mit dem, mit diesem Live-Ziehungs-Stream noch klappt, euch dann vorher, geben wir noch Bescheid.
Und ansonsten können wir eigentlich schon Tschüss sagen, oder?
Oder möchtest du noch mal die Werberommel für uns rühren?
Haben wir, glaube ich, jetzt mit dem, mit dem Spiel ja auch schon gemacht, genau.
Ja.
Ja, dann, ähm, schöne Feiertage.
Kommt gut ins neue Jahr.
Bleibt anständig, bleibt gesund.
Und dann hören wir uns in alter Frische wieder.
Jawohl.
Bis dann.
Macht's gut.
Tschüss.
Ciao.