Wo wir sind, ist vorne, Folge 7. Heute geht's um Emojis.
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ß.
Hallo und herzlich Willkommen zu unserer verflixten siebten Folge.
Wenn wir die geschafft haben, dann schaffen wir die nächsten 70 auch noch.
Was, nur 70?
Mindestens 700.
Hast du mal ausgerechnet, wie lang wir dafür?
Nee, ich glaube, das wäre ganz schön lang bei A&B nur alle zwei Wochen.
Da müssen wir vielleicht doch noch aufwöchentlich oder täglich wechseln.
Ihr habt ja schon gesagt bekommen, dass wir zu häufig senden.
Zu häufig? Also erst sind wir zu lang, dann sind wir auch noch zu häufig.
Ja, die Aufmerksamkeitsspanne wird nur noch in TikToks bemessen, glaube ich, heutzutage.
Und die sind halt, naja, so zehn Sekunden.
Ja, wir haben heute sogar eine kleine Premiere oder ein Jubiläum.
Wir haben sechs Monate, wo wir sind, ist vorne.
Ja.
Ja, Moment, das musst du erklären.
Also, das verstehe ich jetzt nicht.
Sechs Monate?
Das kam doch erst irgendwann im, da vor kurzem.
Nee, wir haben ja schon vorher aufgenommen.
Wir haben ja schon Ende letztes Jahr aufgenommen.
Dann war ja eine weile Pause und dann haben wir erst die Folgen veröffentlicht.
Ja, das wissen die Zuhörer ja vielleicht oder auch nicht.
Wer aufs Datum schaut, der sieht's.
Ja, genau.
Wer mal genau aufs Datum schaut, der sieht's.
Wir haben uns nicht getraut, das irgendwie zu verschieben in die Zukunft.
Aber das haben wir, glaube ich, schon mal erwähnt, weil wir mal über Halloween gesprochen haben
und hätten es komisch gefunden, wenn wir im Februar, glaube ich, eine Folge veröffentlichen,
wo es um Halloween geht.
Genau.
Ja, das ist die ganze nackte Wahrheit.
Ja, ich muss was sagen.
Du wolltest noch irgendwas, ja, zur Begrüßung beisteuern.
Ach so, ja, genau.
Das ist jetzt echt peinlich.
Sehr schlecht vorbereitet, wie immer.
Danke, Helge Schneider.
Erkläre ich euch irgendwann mal genauer, was es damit auf sich hat.
Wir haben uns gefragt, wir haben relativ viele Downloads jetzt bekommen.
Also unsere Downloadzahlen steigen stetig an.
Und wir fragen uns ein bisschen, warum wir so wenig Feedback bekommen.
Und vielleicht, wenn du von irgendeinem anderen Podcast bist und einen anderen Podcast machst
und Zahlen hast zu Feedback und Download, das würde mich brennend interessieren.
Nämlich, ich hätte gerne sowas wie eine Download zu Kommentar oder zu Reaction Count, würde ich gerne mal wissen.
Also wie viele Downloads kommen, wie viele Kommentare zu deinem Podcast.
Würde mich mal brennend interessieren, weil es kann ja sein, dass einfach das Normale ist,
dass pro tausend Downloads einfach nur ein Kommentar kommt.
Und dann wären wir ja irgendwie, dann würden wir gar nicht so schlecht dastehen.
Ich habe manchmal so ein bisschen das Gefühl, wir senden nur für Bots oder nur für Bots, die nicht reagieren können.
Weil Bots können ja theoretisch, wenn man sie gut schreibt, auch irgendwie Kommentare schreiben oder so.
Also wir haben zwei russische Kommentare bekommen diese Woche.
Was, zwei russische?
Ja, die habe ich aber dann gleich als Spam markiert.
Hast du sie übersetzt?
Nee, aber es waren irgendwelche komischen Spam-Links drin, deswegen habe ich die gar nicht erst durchgelassen.
Vielleicht waren das voll die netten Kommentare und du hast es nicht mal übersetzt.
Werde ich mal nachträglich noch machen, falls ich dann was rausgefiltert habe, was Lob für uns darstellt.
Dann mache ich es wieder rein.
Ich kriege übrigens gar keine Notifications über Kommentare.
Ist mir jetzt schon ein paar Mal aufgefallen, dass irgendwie dein Kommentar da ist.
Nee, ich habe es bei mir auch eingeschaltet.
Das ist jetzt wieder ein bisschen WordPress-Talk.
Ich mag WordPress ja nicht so arg.
Ich habe es extra nochmal aktiviert bei mir.
Ich glaube, das kann jeder User für sich selbst aktivieren.
Und ich kriege irgendwie keine Mails, wenn es einen neuen Kommentar gibt.
Mein Mikrofon verabschiedet sich gerade wieder nach unten.
Das ist sehr schön.
Aber gut, das müssen wir jetzt auch nicht an der Stelle klären.
Lass uns doch mal anstoßen.
Ja, Moment, das Bier ist noch nicht mal offen.
Sekunde.
So, immer eine gute Glasflasche.
Die Plastikflaschen trinke ich sonst nur unter der Woche.
Und für den Podcast gibt es Glas.
Na dann.
Zum Wohl.
Ja, zum Wohl.
Ja, das Lustige am Anstoßen bei uns ist immer, dass jeder noch eine zweite Flasche dafür braucht, damit es nach was klingt.
Ich habe jetzt irgendwas anderes Metallisches genommen und dagegen geklopft.
Achso, stimmt.
Ich hätte auch den Öffner nehmen können.
So, jetzt wir labern schon wieder viel zu viel.
Lass uns mal zur ersten Rubrik kommen, bitte.
Da ist schon fünf Minuten rum und noch nichts.
Ach, ist schon noch nichts erzählt.
BWSEV präsentiert die Retrospektive.
Ja, ich habe in letzter Zeit oder in den letzten Tagen Angular-Update gemacht.
Das macht bestimmt, also ich weiß nicht, Konstantin, hast du schon mal ein Angular-Update gemacht?
Nee, ich mache ja nichts mit Angular.
Ja, das ist...
Zum Glück.
Ja.
Ich spreche das eigentlich nur an, weil ich da ein kleines Tool...
Wahrscheinlich ist das gar nichts Besonderes, dass man das weiß.
Ich sage nur, es gab halt eine Quelle, die mir dabei geholfen hat.
Für die, die nicht wissen, was Angular ist, das ist ein Single-Page-Application-Framework,
so nenne ich das jetzt mal, auf JavaScript-respektive TypeScript-Basis.
Und die bringen, glaube ich, ich weiß gar nicht, wie oft bringen die denn eine neue Major-Version raus.
Relativ oft.
Also für mich gefühlt kommt da, weiß ich nicht, alle halbe Jahr oder noch öfter kommen neue Major-Versionen raus.
Und wenn man da auf dem aktuellen Stand bleiben will, weil wir haben jetzt bei mir auf der Arbeit
zwei Applikationen, die wir betreuen, die mit Angular geschrieben wurden,
dann kommt man öfter mal, wenn man aktuell bleiben will, in den Genuss eines Angular-Updates,
auch wenn man vielleicht am Feature-Zeit gar nichts geändert hat.
Und was mir da sehr geholfen hat, war, oh Wunder, update.angular.io.
Das ist nämlich eine kleine Seite, da gebe ich die Version ein von der Version, von der ich komme
und dann die, wo ich hin will.
Und dann kriege ich da nützliche Tipps.
Also dann muss man noch so auswählen, ja, wie kompliziert, wie komplex ist denn deine App?
Ist das Basic, Medium oder Advanced?
Und dann noch, wenn noch zwei Fragen gestellt, ob man zum Beispiel Angular Material benutzt als Library.
Genau.
Und dann kriegt man schon so einen kleinen Guide, wie man das, wie man das machen kann.
Also so Schritt-für-Schritt-Anleitung.
Und das hat erstaunlich einfach funktioniert, ohne große Probleme.
Also ich glaube, ich habe eine Code-Anpassung machen müssen und den Rest hat dieses Dings da erledigt.
Also da kriegst du dann Kommandozeilenbefehle ausgespuckt.
In dem Fall zum Beispiel ng-update at angular-core-8.
Also man sollte dann erst mal die aktuelle Angular-Version auf den neuesten Stand heben,
also mit der aktuellen Major-Version.
Und dann kriegt man noch einen Kommandozeilenbefehl-Update jetzt mal auf die neue.
Und das rödelt dann irgendwie eine Weile vor sich hin.
Da geht viel Kommandozeilen-Magie ab.
Und am Ende, wie gesagt, habe ich dann noch einen Fehler, einen TypeScript-Fehler gefunden,
den ich noch beheben musste.
Und damit hatte sich die Sache erledigt.
War relativ easy so.
Cool.
So wünscht man sich das doch, oder?
Ja, so wünscht man sich das.
Das ist leider bei vielen Sachen nicht so.
Das war, als ich mit dieser Node.js und NPM-Welt mal so angefangen habe,
da fand ich, das war das alles immer ein großer Schmerz.
Aber ich habe das Gefühl, dass diese ganzen JavaScript-basierten Geschichten
so langsam ein bisschen erwachsener werden.
Und da dann sowas auch einfach mal funktioniert,
ohne dass du die Kommandozeile komplett rot hast.
Finde ich eine sehr gute Sache.
Hat mich sehr gefreut.
Damit bin ich mit meiner Retro am Ende.
Ja, bei mir gibt es gar nichts so viel zu sagen über meine eigene Arbeit.
Aber die VZ-Netzwerke sind von den Toten wieder auferstanden.
Vielleicht erinnern sich einige noch dran, StudiVZ und MeinVZ,
die deutschen sozialen Netzwerke, die es da als Facebook-Alternative gab,
die dann vor Jahren irgendwann eingestampft wurden.
Die Eltern werden sich erinnern, ich glaube, das muss man dazu sagen.
Und die gibt es jetzt wieder unter, also nicht mehr als StudiVZ und MeinVZ,
sondern unter einem Dach als vz.net.
Und mein erster Impuls war so, ach nee, nicht noch ein soziales Netzwerk.
Und du, Moritz, hast das aber ein bisschen positiver gesehen.
Du hast gemeint, es ist doch schön, eine deutsche Alternative zu Facebook mal wieder zu haben
oder generell was auf dem deutschen Markt wieder zu haben.
Ja, ich habe mich echt gefreut.
Ich war großer StudiVZ, beziehungsweise MeinVZ-Nutzer.
Es gab ja auch noch, warte mal, wie hieß das denn?
SchülerVZ.
Ja, genau, SchülerVZ gab es noch.
Und dann haben sie irgendwann mal versucht, das Ganze in FreundeVZ umzubranden.
Aber das war dann so, schon während das Ding quasi am Stern war.
Ja, das habe ich dann so gar nicht mehr bekommen.
Das ist nie fertig gemacht worden.
Ich fand das damals gut.
Es war nie technisch so weit wie Facebook.
Das war ja quasi eigentlich ein Facebook-Klon am Anfang.
Ja, ganz am Anfang sogar Style-Sheets, die identisch waren und Dateinamen, die da übernommen wurden.
Das war ja nur ein anderes Theme von Facebook sozusagen, einfach Stadtblau in Rot.
Ja, genau.
Ja, ich hatte da viel Spaß dran, es zu benutzen.
Das war wahrscheinlich so nach MySpace so mein zweites großes soziales Netzwerk, was ich irgendwie benutzt habe.
War das nach MySpace?
Ja, war nach MySpace.
Ich habe gerade kurz überlegen müssen.
Und ja, ich finde es gut, da so irgendwie eine Alternative zu haben.
Also gerade heutzutage gucken ja auch die Leute ab und zu mal auf Datenschutz.
Alle finden Facebook doof, weil Facebook irgendwie nur noch Werbung ist.
Also ich habe meine Facebook-Nutzung sehr, sehr, sehr reduziert in den letzten Jahren, weil es mir immer mehr auf den Zeiger ging und mir Facebook immer mehr Zeug angezeigt hat, wo ich überhaupt gar keinen Bock drauf hatte.
Also ich habe es inzwischen auch gar nicht mehr als App auf dem Handy.
Das habe ich runtergeschmissen schon vor einem Jahr, anderthalb, weil es mich nur noch genervt hat und mir auch zu viel Zeit dann weggenommen hat.
Man kommt ja dann doch wieder in diesen Strudel und scrollt dann durch.
Und ich habe es jetzt nur noch auf dem Rechner geguckt.
Ich habe es nochmal drauf, gucke, ob es irgendwas gibt, was mich zu interessieren hat, was meistens nicht der Fall ist.
Und ja, aber so generell stimme ich dir schon zu.
Ja, ist schon gut, dass wir jetzt wieder was im deutschen Bereich haben, gerade auch in puncto Datenschutz.
Inwiefern das dann tatsächlich auch eingehalten wird und sowas, vielleicht machen wir da nochmal eine Sendung drüber.
Mal gucken, ich befürchte, wir sprechen nochmal drüber, aber ich will da jetzt gar nicht so viel dazu sagen.
Ich habe es mir aber unter dem Gesichtspunkt so als Entwickler oder auch aus Usability-Sicht mal angeschaut.
Und also du hattest mich da drauf hingewiesen, ich hatte das noch gar nicht gelesen an dem Tag auf Heise, dass es das jetzt wieder gibt.
Und dann hast du mich drauf hingewiesen und zuerst dachte ich dann, na, melde ich mich da jetzt wirklich an.
Aber gut, unter dem Gesichtspunkt habe ich mich dann tatsächlich mal angemeldet.
Und so der erste Eindruck war schon mal nicht gleich so doll.
Also das sind so Sachen wie Custom Select Component.
Im Registrierungsformular zur Eingabe des Geburtsdatums.
Und ich bin jemand, der arbeitet viel mit der Tastatur, haben wir glaube ich auch schon mal erwähnt, und sucht immer irgendwelche Shortcuts, um sich das Leben leichter zu machen und die Maus nicht anfassen zu müssen.
Und wenn ich so ein Select habe, dann tappe ich da hin mit der Tabulatortaste und dann gebe ich einfach die Zahl ein.
Ja, weil gerade je älter man wird, desto weiter muss man scrollen in den Jahreszahlen.
Und dann gebe ich das schnell einfach auf der Tastatur ein und ein systemeigenes Select oder ein gut umgesetztes Select, das springt dann auch tatsächlich zu der Zahl hin, ohne dass ich irgendwie scrollen und klicken muss.
Und das war aber halt so eine Custom Component, damit das alles schön hier im gleichen Design ist und so.
Und das hat einfach nicht funktioniert.
Und dann bin ich aus Versehen irgendwie auf Bild-Auftaste gekommen und dann war alles wieder weg.
Warum auch immer, dass ich das gemacht habe, ich fand einfach, das geht gar nicht.
Da hätte ich eigentlich jetzt als normaler User vielleicht schon wieder gesagt, oh nee, jetzt gebe ich nicht nochmal alles ein, keinen Bock mehr.
Aber gut, ich habe dann daraus gelernt, ich habe mich dann tatsächlich hingeklickt zum richtigen Geburtsjahr und dann hat es auch funktioniert.
Und deswegen hier der Appell an alle Entwickler da draußen, wenn ihr meint, irgendwelche Inputs, Custom, also entweder ein Select-Feld oder ein Input-Feld, was es schon gibt, halt nachbauen zu müssen.
Oder halt irgendwie eine ganz eigene Component für was auch immer was zu machen.
Achtet auf Usability, die der User im Zweifel erlernt hat.
Da sollte man sich schon vorher mit beschäftigen.
Was gibt es denn überhaupt nur, weil ich das nicht nutze, heißt das nicht, dass andere das nicht nutzen.
Wie gesagt, ich bin totaler Tastatur-Freak und versuche da möglichst alles mitzumachen.
Das heißt, die Pfeiltasten zur Navigation sollten funktionieren.
Und das Hintappen sollte schon funktionieren.
Und das hat auch so ein bisschen Überschneidungen wieder mit dem Stichwort Accessibility, dass man solche Sachen machen kann.
Da hatten wir es ja in der letzten, nee, ist schon zwei Folgen her.
Ich weiß gar nicht mehr, Accessibility-Folge, zwei Folgen her.
Ja, letztes Mal bei Houdini.
Genau, also da sollte man einfach drauf achten.
Auf der Form von Farben.
Genau, viele bunte Farben.
Heute wird es auch wieder bunt, aber verraten wir noch nichts.
Genau, also wenn ihr sowas nachbaut, immer drauf achten.
Mal gucken, wie funktioniert denn so die systeminterne Variante davon und dann mal ausprobieren, ob das dann genauso funktioniert, analog.
Und unterschätzt das nicht.
Das ist gar keine so kleine Aufgabe.
Die ganzen Interaktionsmöglichkeiten, die ein Browser einem gibt, beispielsweise mit einem Select zu interagieren, die kennt man oftmals gar nicht alle.
Also da musst du dir schon ganz genau den Standard durchlesen und ich weiß gar nicht, ob da die auch alle drin definiert sind, bin ich mir gerade gar nicht sicher.
Es gibt so viele Möglichkeiten, mit nativen Input-Feldern zu interagieren.
Das alles nachzubauen, ja, ich glaube, das geht, das schafft bestimmt jemand, aber auch nur jemand, der wirklich sauber arbeiten will.
Also macht euch das Leben leicht, finde ich, und nehmt die Standardkomponenten und erweitert die, soweit es geht.
Oder schaut, ob es vielleicht sowas sogar schon gibt.
Ja, man muss ja nicht immer das Rad neu erfinden und meistens, also ich bin auch jemand, der versucht dann möglichst, das einfach mit Vanilla dann doch nachzuprogrammieren selber, weil so eine Library dann irgendwie 50.000 Einstellungen hat, die ich gar nicht brauche und so.
Aber es hat halt oft auch den Vorteil, dass diese Dinge schon Accessibility mit sich bringen, dass diese Dinge eben Bedienbarkeit mit der Tastatur mit sich bringen.
Also es kann schon auch Vorteile haben, sich auf so eine Library zu verlassen, muss man halt vorher gucken, ob die da Augenmerk oft auf diese Thematiken legt.
Die Libraries sind aber oft aus gutem Grund so groß, weil sie eben versuchen, die ganzen Sachen nachzubilden und dann denkst du, will ich mir jetzt hier irgendwie 40 Kilobyte JavaScript reinziehen, nur um Select oben zu stylen.
Naja, vielleicht brauchst du das wirklich, wenn es eben am Ende vernünftig funktionieren soll.
Wobei, da sind wir noch bei einem ganz anderen Thema mit viel JavaScript reinziehen und so.
Ja.
Machen wir vielleicht mal eine eigene Sendung drüber, beziehungsweise wir haben es glaube ich auch schon mal angesprochen.
Ja, auf jeden Fall.
Also, ja, ich stehe da, du hast noch was dazu.
Ja, ich bin noch nicht durch.
Also das war schon mal so der erste Eindruck, eine Registrierung gleich schon mal.
Dann ging es weiter mit der Bestätigungs-Mail, wo man den Bestätigungs-Link klicken muss.
Da habe ich erstmal gar nichts gesehen, da stand dann nur, bitte klicken Sie hier, um den Account zu bestätigen.
Ja, der Button war halt eine Grafik und zwar eine Grafik ohne Alttext und standardmäßig war da im Mail-Client natürlich erstmal gar nichts zu sehen.
Und schon auch sowas, ja, hätte eigentlich in der QA schon mal auffallen müssen.
Also ich habe ja auch ein bisschen QA-Erfahrung, Mehrjährige.
Und ja, also da wäre das definitiv aufgefallen.
Finde ich einfach ein bisschen schade, das sind so Sachen so, ja, wahrscheinlich ging es jetzt irgendwie, ja, wir müssen jetzt schnell launchen und wie das halt immer so ist.
Und am besten jetzt die Phase mitnehmen, wo die Leute zu Hause sitzen und Zeit haben, weil alle sitzen wegen Corona zu Hause.
Klar, verstehe ich schon, aber ich finde, das sind so rudimentäre Sachen, wo ich denke, ah, damit hätte man doch, also ich, ich hätte damit als Product Owner nicht ruhigen Gewissens gelauncht.
Ja, und das ist ja auch nicht das Einzige, dann kam, dann klicke ich auf den Button, dann kommt ja herzlichen Glückwunsch, du kannst jetzt die gesamte Plattform benutzen, gesamt mit Doppel-M.
Klar, kann ein Tastaturhänger sein, kann ein Typo sein.
Nee, aber da habe ich noch, von denen habe ich, da habe ich noch mehr gefunden. Da habe ich auch was gefunden, irgendwie Galerie mit zwei L, glaube ich.
Ja, ja, genau. Und das ist einfach, ne, wenn das schon der erste Eindruck ist, hakelige Registrierung, komische Registrierungs-Mail, wo ich erstmal gucken muss, wo soll ich denn klicken?
Normalerweise macht man dann halt dann den Link wenigstens noch als Plain-Text irgendwie rein, dass ich mir den kopieren kann im äußersten Notfall.
Hat da auch gefehlt. Ja, dann ging es weiter, es ist hauptsächlich gruppenbasiert, dieses soziale Netzwerk, Like-Grafiken.
Die Gruppen sind doch das Geilste.
Die Gruppen sind natürlich das Geilste, klar.
Ja, die Like-Grafiken. Das sind zwei Bären. Der eine Bär, der lacht. Der andere Bär hat eine Sonnenbrille auf.
Wenn man genauer hinschaut, dann hat der zweite Bär auch einen Mundwinkel nach unten. So ein bisschen meh-mäßig.
Aber da muss man schon sehr genau hinschauen, indem man sich die Grafik anschaut.
Und auf den ersten Blick dachte ich nur, jo, da sind jetzt zwei Bären. Ich kann jetzt sagen, ich finde den Beitrag cool oder der Beitrag bringt mich zum Lachen.
Ich finde den Beitrag cool oder bärig oder cool-bärig.
Ja, pass auf, die haben sogar einen Namen, die Bären. Das sind Gruschelbären.
Woher weiß ich das? Ich habe mir die Grafiken dann mal angeschaut, um rauszufinden, was machen denn die Bären.
Und die haben immerhin zum Glück sprechende Namen. Die heißen nämlich Like-Bär und Dislike-Bär.
Und damit wusste ich dann, dass der mit der Sonnenbrille, der so leicht den Mundwinkel nach unten zieht, wenn man ihn auf 1000% vergrößert, dass der also der Dislike-Bär ist.
Und als ich dann das SVG geöffnet habe, habe ich gesehen, dass da ein Title-Tag drin ist namens Gruschelbär.
Gruschelbär. Und Gruscheln, für die, die die Netzwerke nicht kennen, das ist quasi so das Liken oder das Anstupsen bei Facebook.
Anstupsen ist immer was Eigenes, gibt es noch bei Facebook?
Nee, das gibt es bei Facebook nicht mehr, das gab es früher, das war, Anstupsen war im Prinzip nur, du wolltest jemandem eine Notification schicken, hey, du bist gerade angestupst worden.
Das war alles mehr, Funktioner war da nicht dahinter.
Genau, und bei den VZ, da hieß das analogo Gruscheln oder Gruscheln, wie man es auch immer aussprechen würde, weiß, glaube ich, kein Mensch, was es so wirklich heißt.
Doch, ich weiß es, ich weiß es, ja, das ist ein schöner Neologismus, das ist eine Wortzusammensetzung aus Grüßen und Kuscheln.
Ja, stimmt, da gab es Beiträge, wo das dann erläutert wurde.
Es gibt und gab eine schöne Gruppe zu dem Thema, die hieß Scheiß auf Gruscheln, ich will Krex.
Ja, ich erinnere mich.
Das nur am Rande, weil, also, ja, könnt ihr euch jetzt selbst überlegen, für was Krex steht.
Ja, also zwei Punkte, auf die ich ja noch gestoßen bin, es gibt so diverse Felder beim Ausfüllen des Profils, wo dann mitgezählt wird, wie viele, also die Felder haben eine Max-Length und da wird dann mitgezählt, du hast schon x von 50 Zeichen eingegeben.
Und da ist mir aufgefallen, dass Multibyte-Character, also Umlaute oder, wenn ich jetzt auf Chinesisch reintippe oder so, dass die, oder, passend zum Thema heute, Emojis, genau, das wollte ich jetzt auch noch sagen, wenn ich ein Emoji reinposten würde, gejointe Emojis, dann werden die als mehrere Zeichen gezählt.
Und das ist halt auch wieder so, ja, hätte man drauf achten können.
Die haben halt in Alpha gelauncht und haben es Beta genannt, würde ich mal sagen.
Ja, das Witzige ist ja auch, Beta, schön und gut, aber das wird ja auch nirgends offen kommuniziert.
In den News-Artikeln, ja, in den Presseveröffentlichungen stand dann, das wird jetzt als Beta-Phase gelauncht, aber der User, der da draufkommt, weil er vielleicht von einem Kumpel einen Link geschickt bekommen hat, so, oh, die VZ-Netzwerke gibt's wieder, melde dich doch mal an.
Der sieht das nicht, also da steht jetzt kein großer Beta-Batch, wie man's normalerweise kennt von irgendwelchen Beta-Launches, dass man das, das auch wirklich sieht, sondern man denkt irgendwie, die sind jetzt wieder am Start und irgendwie funktioniert aber alles noch nicht so richtig.
Und dann letzter Punkt noch, äh, Mixed-Content-Warnings.
Finde ich halt, dürfte es eigentlich 2020 auch nicht mehr unbedingt geben.
Nee, muss nicht unbedingt sein.
Und das sind halt auch Sachen, die man alle auch mit automatisierten Tests abfangen kann.
Aber wahrscheinlich waren die noch gar nicht in dem Stadium, ja, wird halt einfach, da musste halt jetzt einfach schnell gelauncht werden.
Ja, da kommt der Koala in dir durch.
Ja, natürlich.
Der immer nur alles Schlechte.
Es ist gar nicht so, ja, also ich muss sagen, ja, beim Koaren ist es tatsächlich so, dass man sehr auf das Negative natürlich konzentriert ist, weil man immer nach Fehlern sucht.
Aber es ist auch gar nicht schlecht, wenn man diese Welt auch so ein bisschen als Entwickler in sich drin hat.
Und schon ein bisschen, also da freut sich natürlich die Koare, wenn die Sachen schon ein bisschen vorgetestet sind und nicht einfach nur hingerotzt.
Ja, auf jeden Fall.
Ich habe noch eine Anmerkung, mir ist nämlich etwas aufgefallen, was du jetzt noch gar nicht erwähnt hast.
Was ich bei dieser Seite ständig bekommen habe, immer wenn ich sie offen hatte, war, in Firefox gibt es so eine schöne Meldung, diese Seite verlangsamt gerade deinen Browser oder irgendwie sowas.
Ich weiß nicht, ich weiß nicht genau.
Möchtest du das Tab abschießen und neu laden oder so?
Möchtest du, die Optionen sind, glaube ich, möchtest du das Skript weiterladen, möchtest du warten oder möchtest du das Skriptladen abbrechen?
Und das kam halt beim VZ ständig.
Stimmt, stimmt, ja, das habe ich auch schon ein paar Mal bekommen.
Da habe ich allerdings aber auch ein bisschen in der Konsole rumgespielt.
Und dann habe ich gedacht, naja gut, wahrscheinlich habe ich da was kaputt gemacht.
Nee, bei mir kam das ganz ohne Konsolenspiele.
Einfach nur beim Lesen, okay, alles klar.
Konsolenspiele.
Ja, ich glaube, wir machen weiter mit der Property der Woche.
Nee, warte, warte, warte.
Die Property der Woche.
Ja, sorry, du hattest noch einen Nachsatz.
Nee, ich wollte dich noch was fragen, weil wir das noch gar nicht geklärt haben.
Was trinkst du eigentlich für ein Bier?
Ach stimmt, ich trinke wieder ein Corona.
Das hatte ich noch da.
Und ich gehe nicht so oft einkaufen aktuell, deswegen brauche ich das auch was da.
Property kommen dürfen dann gleich.
Wir brauchen dann auch, glaube ich, nicht das dann nochmal.
Ich trinke heute, das ist für mich ganz neu, ich kenne das noch nicht.
Ich bin wieder beim Wolfbräu gelandet, so wie das Wölfle, was ich schon mal getrunken habe.
Es ist aber ein Wolfsblut.
Take a walk on the wild side, steht da drauf.
So heißt das Hundefutter von uns.
Special Edition.
Es ist eine furchterregende, rot-schwarze Flasche.
Ich weiß nicht, ich halte sie mal kurz in die Kamera.
Ihr könnt es natürlich nicht sehen, aber der Konstantin.
Fürs Feeling.
Ja, habe ich gesehen.
Scheinbar gibt es irgendwie jetzt gerade neu und wurde ja mal bei mir um die Ecke gebraut.
Schmeckt ganz gut.
Schmeckt genauso wie das andere eigentlich, hätte ich gesagt.
Also langs nicht schmeckt wie das Hundefutter?
Ich habe das Hundefutter bei dir noch nicht probiert, kann ich nicht sagen.
Wenn Corona vorbei ist, kommst du mal vorbei.
Wenn das Hundefutter so schmeckt, wie das, was hier in der Flasche ist, dann habt ihr vielleicht einen fröhlichen Hund.
Ich habe es noch nicht, ich habe es selber auch noch nicht probiert.
Ja, solltest du mal.
Ist es trocken oder Frischfutter?
Trockenfutter, ja.
Das kannst du ja mal probieren.
Nächstes Mal machen wir eine Hundefutter-Probier-Sondersendung.
Okay, aber jetzt kommen wir doch mal zur Property der Woche.
Und die Property der Woche ist diesmal eine CSS-Property, beziehungsweise zwei.
Das ist einmal Mix-Blend-Mode.
Und falls der Name noch nicht sprechend genug ist, ratte ich mal kurz die möglichen Values runter.
Normal, Multiply, Screen, Overlay, Darken, Lighten, Color-Dodge, Color-Burn, Hard-Light, Soft-Light, Difference, Exclusion, Who, You, Saturation, Color und Luminosity.
Und der Vollständigkeit halber...
Klienter Photoshop.
Ja, genau, das wäre meine Überleitung gewesen.
Initial, Inherit und Unset noch zur Vollständigkeit, bevor da jemand dann sagt, das hast du unterschlagen.
Aber es sagt ja eh keiner was.
Aber egal.
Genau, also das kommt einem, wenn man nicht nur reiner Entwickler ist, sondern vielleicht auch schon mal irgendwie Photoshop angefasst hat oder ein anderes Bildbearbeitungsprogramm, kommt einem das bekannt vor.
Das sind die Layer-Blend oder Ebenen-Blend-Modi.
Und das Ganze gibt es auch in CSS.
Und es gibt noch eine zweite Property, Background-Blend-Mode.
Die macht das gleiche mit Hintergrundbildern oder Verläufen.
Und interessanterweise ist Background-Blend-Mode sogar älter als Mix-Blend-Mode.
Hätte ich jetzt irgendwie nicht gedacht, irgendwie vom Gefühl her.
Deswegen habe ich das andere auch zuerst genannt.
Aber Background-Blend-Mode gibt es seit 2014 in allen größeren Browsern.
Also IE ausgeschlossen logischerweise, weil ich spreche von Browsern.
Und Mix-Blend-Mode ein bisschen später, teilweise auch 2014, 2015.
Aber es sind jetzt immerhin auch schon fünf Jahre.
Und ich sehe es nicht sehr häufig im Einsatz.
Ja, weil du das sehen kannst.
Background-Blend-Mode auf meiner persönlichen Homepage.
Schon relativ lange.
Und zwar benutze ich das.
Das habe ich damals auch, weil eben Background-Blend-Mode schon mehr verbreitet war, habe ich das auch verwendet.
Da gibt es ja ein Foto von mir, das nach einer Weile erscheint, wenn man die ganzen Animationen durchgestanden hat.
Und das ist tatsächlich damit mit der Hintergrundfarbe vermischt, sage ich mal.
Weil die Hintergrundfarbe auf meiner Homepage, die ändert sich ja mit der Zeit immer so ein bisschen.
Und damit das Foto entsprechend aussieht, habe ich in Browsern, die das unterstützen.
Das ist eigentlich ein Schwarz-Weiß-Bild.
Damit geht es ganz gut.
Habe ich das mit Background-Blend-Mode vermischt.
Das heißt, wenn mein Hintergrund ein bisschen grün wird, dann werde ich auch ein bisschen grün und so weiter.
Rot, orange und so weiter.
Ja, also da kann man es sehen.
Das habe ich schon eine ganze Weile im Einsatz.
Ich habe mich nämlich dann gefragt, warum nutze ich das eigentlich selten?
Also es ist jetzt nicht so wie mit anderen Properties, die wir ja schon gesprochen haben, wo ich dachte, krass, okay, die haben diesem noch nie begegnet.
Ich habe das schon jetzt vereinzelt mal gesehen, aber so richtig intensiv wird es nicht verwendet.
Und dann habe ich mir gedacht, was sind denn so Anwendungsfälle?
Also einmal hätte ich jetzt was ähnlich in die Richtung, wie du jetzt gerade auf deiner Webseite besprochen hast.
Wenn ich jetzt ein Kundenportfolio habe und da ein bestimmtes Hintergrundbild verwenden will und ich will aber immer die Brandfarbe von dem Kunden zum Beispiel noch mit aufnehmen, dann könnte ich das Bild vermischen mit der Brandfarbe.
Sodass man ein einheitliches Gesamtbild hat, aber doch irgendwie ein bisschen Abwechslung drin.
Dann was man auch öfter mal sieht, auch bei Demos ist Typografie, dass man Text auf Bilder legt und dann das Kontrastproblem, das man oft hat mit hellem oder dunklem Text darüber löst, dass man eben einen anderen Blendmode wählt.
Oder auch Textüberlagerungen an sich, da habe ich eine ganz coole Demo gesehen, ich glaube, die habe ich auch schon in meinen Links, die ich dann in die Shownotes poste, aufgenommen, wo die Buchstaben so übereinander geschoben sind und die haben alle eine andere Farbe.
Und das sieht dann echt ganz cool aus, wie das sich so mischt.
Und ganz oft sieht man, dass solche Sachen noch mit Opacity gemacht werden, aber Opacity verfälscht natürlich auch den Farbton.
Also wenn ich einen weißen Hintergrund habe und ich habe einen rot und mache da die Opacity dann irgendwie auf 80%, dann habe ich halt am Schluss nur noch einen rosa.
Und das ist der Vorteil bei diesen Blendmodes, dass da die Farbe an sich nicht verändert wird, sondern halt nur wie die Farben miteinander gemischt werden, wenn sie sich überlagern.
Und dann habe ich eine interessante Demo gesehen, da wurde, also ich verlinke die auch wieder in den, das ist ein CodePen, verlinke ich auch in den Shownotes, wie man Bilder mit weißem Hintergrund, wie man dann den Hintergrund quasi entfernt.
Das war Blendmode, ich weiß jetzt gar nicht, Multiply, glaube ich.
Ist aber in dem Fall ein schlecht gewähltes Beispiel gewesen, weil das war ein Bierglas auf weißem Hintergrund und das ist zwar, da wirkt natürlich dann transparent, aber der weiße Bierschaum ist halt gelb.
Funktioniert natürlich nicht ganz so gut, da ist man dann doch besser beraten, man schmeißt das Bild kurz irgendwie in Photoshop oder auf, was habe ich da letztens gefunden, kann auch noch in die Shownotes, remove.bg heißt die Seite, glaube ich.
Ah, geiles Tool.
Ja.
Eigentlich schon geil teilwürdig.
Sehr, sehr geiles Tool.
Könnte man auch mal, ja dann sage ich jetzt gar nicht so viel dazu, ich meine, der Name spricht schon für sich, das ist entfernt Hintergrund.
Aber gut, können wir gerne mal eins noch hin.
Das macht das total gut.
Mhm, wirklich gut.
Äh, genau.
Dann habe ich was sehr interessantes gefunden, Darkmode Switching mit Blendmode.
Das ist eine Entwicklerin, Wei Gao, die hat das auf ihrem DevBlog im Einsatz und das ist halt richtig cool, da ist rechts unten so ein kleiner schwarzer Kreis und wenn ich da draufklicke, dann wird der größer und spannt sich über die ganze Seite auf.
Und, äh, die Schrift wird aber während der Hintergrund dunkel wird, dann entsprechend hell, also das ist, äh, ist ein sehr cooler Effekt.
Ähm, wie gesagt, verlinke ich auch, kann man sich dann mal anschauen, fand ich einfach schön gelöst.
Ähm, ist jetzt kein vollumfänglicher Darkmode, sondern spielt halt eben einfach nur mit Invertieren und so, aber auf der Seite, die recht schlicht gehalten ist, funktioniert das wirklich sehr gut.
Und dann habe ich mir gedacht, äh, nutzen wir das eigentlich auf unserer, wo wir sind, ist vorne Seite.
Und da ist mir aufgefallen, nee, wir nutzen da CSS-Filter.
Wir haben da so ein Hintergrundbild mit, äh, mit so einer Skyline, wer noch nicht auf der Seite war, was sich auf jeden Fall lohnt.
Äh, äh, und, äh, nutzen das aktuell mit CSS-Filter.
Und ich finde es sogar schöner, wenn man da Mix-Blend-Mode auf Difference setzt.
Das kannst du ja mal ausprobieren in der Konsole.
Das kannst du auch ausprobieren.
Ja, ich hab's, ich hab's, ja, ich hab's ja schon ausprobiert, ich will's ja, ich will's dir ja zeigen.
Also wir können das vielleicht mal bei Gelegenheit angehen.
Einfach mal einbauen, am offenen Herzen operieren, finde ich immer das eh'sbeste.
Genau, da sieht das ganz schön aus, weil dann, das hat so ein bisschen Vignetten-Effekt und durch den, durch den Globo von unserer Schrift und so, äh, wirkt das ja eigentlich ganz cool.
Können wir mal überlegen.
Genau, diverse Demos und Artikel dazu werde ich natürlich auch noch, äh, verlinken.
Ich hab auch eine eigene kleine Demo gebastelt in einem Code-Pen mit unserem Hintergrund und unserem Logo, ähm, wo man ein bisschen mit den verschiedenen Blend-Modes rumspielen kann.
Und dann bin ich noch auf was gestoßen, und zwar eine Sicherheits...
Darf ich dazu kurz, äh, kurz noch einhaken, bevor wir jetzt, bevor wir zu was anderem springen.
Ähm, ich hab mich gerade erinnert und wollte wissen, ob das damit gemacht ist, das kann man nämlich vielleicht noch kurz hinzufügen.
Ähm, gut, dass du die Filter schon angesprochen hast, weil ich hab gerade gedacht, Mensch, da gab's doch mal, ähm, so Leute, die, ähm, mit diversem CSS, ich will jetzt mal nicht vorwegnehmen, womit, ähm, so Instagram-Filter nachgebaut haben.
Also Instagram-Filter sind ja eigentlich irgendwie schon so ein, so ein Ding, das, das wollte man, also die, die haben ja so bestimmte Namen, also da gibt's irgendwie so, äh, keine Ahnung, ich, es gibt Namen.
Valencia ist der eine, glaube ich, ja, Valencia, ja, keine Ahnung, die haben irgendwie so Namen und dann sind das irgendwie so schöne Retro-Bilderfilter.
In den meisten Fällen sehen die Bilder dann so ein bisschen alt aus.
Und da hab ich mich gerade dran erinnert, das hab ich mal kurz nochmal nachgeschlagen, ähm, weil ich dachte, Mensch, das ist doch bestimmt auch mit Blend-Modes gemacht worden.
Und nein, es ist nicht, also ich hab da zwei Sachen gefunden, werd ich auch gleich mal verlinken, und zwar, ähm, Instagram.css gibt es, ähm, und es gibt noch CSS-Gram, das sind die zwei, die mir jetzt als erstes über den Weg gelaufen sind.
Und ich glaube, wahrscheinlich eins davon ist tatsächlich das, was ich da, äh, äh, was ich schon mal gesehen hatte.
Und, ähm, die benutzen tatsächlich, soweit ich's jetzt auf die, auf den ersten Blick gesehen hab, ausschließlich nur diese Filter, diese Filter-Funktion.
Ähm, ich muss jetzt grad mal gucken, dieser Toaster-Filter, was auch ein geiler Name ist für ein Filter, ne, Toaster.
Ähm, da, nee, aber wenn ich den ausschalte, das ist ja komisch.
Ah.
Naja, sind wohl doch noch ein paar mehr Sachen, verschiedene Sachen gleichzeitig am Start.
Aber was ich auf den ersten Blick gesehen hab, waren auf jeden Fall diese Filter und nicht die Blend-Modes, wobei man die Blend-Modes dafür bestimmt auch gut einsetzen könnte.
Wobei Blend-Modes natürlich eher dafür da sind, verschiedene Layer miteinander zu blenden.
Ah, du hast recht, du hast recht.
ne, um ein Bild zu nehmen und dort die Farbwahrnehmung irgendwie zu einsetzen.
Du hast vollkommen recht, Filter sind dafür das Richtige.
Ich, äh, ich war auf dem falschen Dampfer.
Ähm, ja, aber wenn ich jetzt zum Beispiel ein Bild in eine bestimmte, also so Tint-Effekt bei Instagram ist, wenn man so ein Bild in eine bestimmte, ähm, wenn man so eine bestimmte Farbe das bringen will, ähm, das könnte man bestimmt gut mit Blend-Modes machen, indem man die Hintergrund-Farbe dann, äh, setzt, dementsprechend.
Und damit das Bild dann verschmilzt, das würde eventuell.
Das kannst du in meiner, in meiner Code-Pen-Demo dann auch, äh, ausprobieren.
Also ich hab die, die Links kommen in die Shownotes, die beiden, die ich grad noch genannt hab.
Ja, was ich dann auch noch, äh, sehr Interessantes gefunden hab, war ein Artikel über ein Sicherheitsrisiko durch diese Blend-Modes.
Und das, ich weiß nicht, ob das jemals im, im realen Umfeld ausgenutzt wurde, aber das waren Sicherheitsforscher.
Zwei sogar, die das unabhängig voneinander, ähm, entdeckt haben.
Wenn man, ich weiß nicht, 200, waren es glaube ich, Diffs übereinander legt, einmal ein Pixel groß, und die über einen Iframe legt, dann kann man auslesen, welchen Farbwert dieses Diff annimmt.
Und dann scannt man den Iframe ab, Pixel für Pixel, und kann daraus wiederum ablesen, was in dem Iframe drinsteht.
Oh, crazy.
Und so ist es denen gelungen, innerhalb von, also da waren die Zeiten angegeben, irgendwie eine halbe Sekunde, um den, äh, Benutzernamen auszulesen, und zwei Sekunden, um zu gucken, ob eine Seite geliked wurde oder nicht, oder vielleicht fast auch umgekehrt.
Und irgendwie nach 20 Sekunden konntest du auch sogar den, den, ja, konntest du noch irgendwelche anderen Sachen, ich glaub, das Profilbild oder sowas auslesen.
Also, schon nicht ganz ohne, ja, und das ist natürlich gerade für Werbetreibenden, um dann wirklich eine anonyme ID dann doch wieder irgendwie mit einem realen Nutzer verbinden zu können und so.
Ja, also das ist wirklich nicht ohne, ist aber inzwischen schon längst gefixt, also in Chrome seit 63 und Firefox 60.
Ja, interessant, das ist was, wo man gar nicht so mit rechnet, dass sich da sowas auftun könnte und dann ist doch jemand so findig und nutzt das doch irgendwie aus.
Crazy. Das kannte ich tatsächlich nicht, noch nie gehört.
Wieder was gelernt.
Ja, vielen Dank für Ihre Aufmerksamkeit.
Gut, das war's dann auch von mir und dann darfst du gleich mit deinem Thema weitermachen, aber vorher müssen wir einmal noch kurz Werbung machen.
Gute Nachrichten.
Machst du, möchten Sie Mitglied der großen Illuminati-Bruderschaft werden und 100.000 Euro im Monat verdienen und unter anderem beliebt sein und Macht, Reichtum und Ruhm haben?
Wenn ja, ist dies Ihre einzige Chance, Mitglied der Illuminati zu werden.
Ich wurde vom Illuminati-Oberkommando geschickt, um 72 Mitglieder zu den Illuminati zu bringen. Ich habe 52, also suchen wir 20. Also versuchen Sie unter den 20 Leuten zu sein, die reich und berühmt sind. Bewerben Sie sich jetzt und kontaktieren Sie uns per E-Mail unter...
Zu Risiken und Nebenwirkungen lesen Sie die Dokumentation oder fragen Sie Ihren Systemadministrator.
Ja, also ich meine, wer möchte nicht unter anderem beliebt sein?
Ja, dem ist nichts hinzuzufügen.
Noch vielleicht für die Hörer, die tatsächlich jetzt erst neu in unseren Podcast eingestiegen sind und die alten Folgen noch nicht gehört haben oder so Stück für Stück sich jetzt erst zurückarbeiten.
Die Spam-Spots, so nennen wir die, das sind tatsächlich echte Spam-Mails, die wir bekommen. Und die witzigsten, absurdesten davon, die werden vertont und die senden wir dann hier in der Show.
Und der hier, der war sogar von jemand anderem auf Twitter von AdWebRocker. Der hat uns den freundlicherweise zur Verfügung gestellt. Also wir haben darum gebettelt, ihn benutzen zu dürfen.
Also vielen Dank an dieser Stelle.
Das war einfach so lustig. Einer der Besten bisher, finde ich.
Ja, wirklich stark. Und das Schöne an dem jetzt für mich war, der Konstantin hat es wieder so genial vertont. Hast du eigentlich schon Sprecherangebote bekommen?
Nee, nee, nee, es kommt ja kein Feedback. Also auch sowas nicht.
Ja, ist auch so bestimmt. Ja, ich habe den vorher noch nicht gehört. Das war jetzt tatsächlich auch das erste Mal, dass ich ihn gehört habe. Ich habe sonst vorher immer mal schon ein bisschen reingehört, so heimlich in das, was der Konstantin so macht.
Aber das war jetzt für mich auch eine Premiere. Ich fand es wirklich genial, mal wieder.
Gut, Jüdi, dann.
Hier ist WWS IV mit dem Tagesthema.
Das klingt einfach viel zu ernst. Da muss noch eine schräge Blockflöte rein. Ich sage es euch. Irgendwann. Irgendwann packe ich die Blockflöte wieder aus und dann.
Genau. So, das Thema, das Tagesthema sind, der Konstantin hat es ganz am Anfang schon angekündigt, es geht heute ein bisschen um Emojis. Tja, bist du da schon mal in Berührung gekommen, so im Web-Development-Kontext?
Nee, wir hatten es ja kürzlich davon. Da hast du gemeint, hast du eigentlich schon mal einen Emoji-Picker gebaut? Und da war meine Antwort nur so, hä? Für was braucht man sowas?
Haben nicht alle Mobilgeräte so einen Emoji-Picker und inzwischen sogar Windows? Also falls das jemand noch nicht weiß, seit, ich glaube ich, noch gar nicht so alt, war irgendeines der letzten, so im letzten halben Jahr, glaube ich, ein Update.
Mit Windows-Taste Punkt.
Das gibt es schon länger?
Ja, gibt es doch länger.
Das gibt es tatsächlich schon länger, ja.
Vielleicht habe ich auch einfach länger meinen Rechner nicht geabredet.
Du hast vielleicht auch das einfach nicht gewusst, dass es den Shortcut gibt.
Du drückst ja nicht jede Windows-Kombination jeden Tag.
Apropos, das muss ich kurz noch einschieben, auch wenn es nichts mit dem Thema zu tun hat, aber meine anderthalbjährige Tochter hat mir letztens unter Windows 10 einen Shortcut beigebracht, den ich noch nicht kannte als alter Keyboard-Fuchs.
Wusstet ihr, wenn man das Windows-Startmenü offen hat, dann kann man mit Alt-Gr und Pfeiltaste hoch oder runter bestimmen, wie viel Platz das Startmenü einnimmt auf dem Bildschirm.
Was zur Hölle, ich probiere es gerade aus.
Was zur Hölle, habe ich auch gesagt, als sie da plötzlich stand und rumgetippt hat.
Die kannte den Shortcut natürlich, das war kein Zufall.
Schlaues Kind.
Das geht ja in der Breite auch.
Hast du das mal probiert?
Echt?
Ja, links und rechts, ich habe es gerade getestet.
Ja, wieder was gelernt, bloß nicht blödsterben.
Aber ich meine ganz ehrlich, Startmenü offen, Alt-Gr, hoch, runter, links, rechts, wer macht das? Da kommt doch keiner von alleine drauf, oder?
Meine Tochter.
Also außer deine Tochter.
Die hat sich im Prinzip schon beworben als Microsoft-Consultant hiermit.
Also kann dann nächstes Jahr gleich loslegen.
Ja, oder? Also sowas gibt es doch bestimmt, Microsoft-Consultant.
Das sind Leute, die zu Firmen gehen und sagen, ey Windows, falls ihr noch nicht kennt, ey Windows, ich habe hier was für euch.
Das ist auch ein echt unglaublich wichtiges Feature.
Also wie oft saß man da und hat gedacht, Mensch, das Startmenü ist so groß oder so klein.
Ich mache das jetzt die ganze Zeit.
Wozu habe ich denn 4K-Bildschirm und nur so ein kleines Startmenü?
Und damit ist jetzt Schluss.
Ah, doch, jetzt.
Ist toll.
Wollen wir zu deinem Thema kommen?
Ja, vielleicht kommen wir zum Thema.
Das darfst du übrigens nicht rausschneiden, das Gelaber hier.
Nee, nee, keine Sorge.
Wir wollen ja ein bisschen wieder auf die Stunde kommen, sonst kriegen wir gesagt, eure Länge war genau richtig.
Sonst hören uns viel zu viele Leute dann demnächst, wenn wir sowas rausschneiden.
Weil dann bricht unser Server zusammen, weil wir zu viele Downloads haben und so.
Dann werden wir auf der Straße erkannt und dann brauchen wir Bodyguards.
Na, das ist alles viel zu teuer.
Man kennt das ja.
Genau, Emojis.
Ich bin drauf gestoßen, weil ich an einem Produkt arbeite, das solche einbindet.
Und zwar nicht nur lesenderweise, sondern es möchte auch einem die Möglichkeit geben, Emojis einzufügen.
Also so klassischer User-Generated-Content.
Und wir bauen das jetzt gerade neu.
Und jetzt stellt sich die Frage, was ist denn die neue Emoji-Strategie?
Wie geht man denn damit um?
Und ich bin da sehr blauäugig rangegangen an das Thema und habe gedacht,
Ja, ja, machen wir halt so wie vorher.
Also es funktioniert ja.
Wenn man sich aber ein bisschen tiefer mit dem Thema beschäftigt,
dann kommt man auf ein paar Merkwürdigkeiten und Probleme.
Da komme ich gleich noch drauf zu sprechen.
Ich will aber erst mal so ein bisschen umreißen, was ist das denn überhaupt?
Womit beschäftigen wir uns?
Also viele glauben ja irgendwie Emojis zu kennen.
Jeder hat es wahrscheinlich schon mal gesehen.
Das sind diese bunten Bildchen, die man irgendwie in den Chat einfügen kann
oder bei Facebook oder sonst irgendwo.
Und wenn man so weiter zurückgeht in der Geschichte,
dann gehe ich jetzt mal zurück zu zum Beispiel ICQ,
einem alten Instant-Messenger für den PC.
Ich glaube, das ist gerade neu aufgelegt worden oder so.
Irgendwie sowas habe ich mitgekriegt.
Kommen die jetzt alle hier, VZ, ICQ.
Ich kann sogar noch meine ICQ-Nummer auswendig.
Ich glaube, ja, ich kann meine auch noch.
Also falls es mich bei alten ICQ, dass es nicht mehr gibt,
Adenwall, 345-951-850.
Ich glaube, die gibt es nicht mehr.
Ich glaube, das neue ICQ, da musst du dich irgendwie ...
Wollen wir mal gucken.
Ich meine, ich habe versucht, mich damit anzumelden.
Das ging nicht, aber vielleicht war ja auch einfach zu doof.
Also früher gab es halt jeder Chat oder jedes Forum,
jede Forensoftware, jedes Software hatte so irgendwie
so ihre eigene Welt so ein bisschen.
Die haben eigene Grafiken gehabt, die meistens was ersetzt haben,
was man so als Shortcut eben eingefügt hat,
zum Beispiel irgendwie so Doppelpunktrunde, Klammer oder sowas.
Das war so ein Klassiker bei ICQ, da kam halt so ein normaler Smiley.
Und man konnte dann beim Client auch noch selbst einstellen,
wie sieht denn dieser Smiley jetzt bei mir aus.
Also da gab es dann irgendwie Custom,
aber das konnten natürlich die anderen nicht sehen,
sondern nur ich bei mir, weil ich hatte bei mir die installiert
und der andere sieht das und so weiter.
Oder ja, zum Beispiel, keine Ahnung, was gab es denn früher noch?
PHP BB Forum hatte seine eigenen Smilies.
Und wenn die dann noch ein bisschen weitergegangen sind,
dann hatten sie vielleicht noch so Smilies,
die jetzt weiß ich nicht, ob die dann alle auch
einen Shortcut hatten, aber die dann, also ich weiß,
bei Knuddels irgendwie wurden sogar Smilies verkauft.
Also es war sogar so ein Markt.
Für Smilies haben Leute tatsächlich eine Zeit lang auch Geld bezahlt.
Und dann hattest du halt so einen Smiley-Picker
und dann gab es animierte Smilies als GIFs
und die alle möglichen schmutzigen Sachen auch gemacht haben
und alle möglichen Sachen.
Also jeder hat irgendwie so seine eigene Smiley-Welt.
Was es damals schon gab oder was es schon sehr, sehr, sehr lange gibt,
ist, dass es Zeichen, die nicht Text sind oder auch nichts mit Text zu tun haben,
in Unicode drin sind.
Also der Klassiker, was es schon sehr, sehr, sehr lange gibt,
ähm, sind so, äh, Karten-Symbole,
sowas wie Herz, Kreuz, äh, Pik und Karo.
Äh, das gibt es schon extrem lange.
Du bist sogar schon bei ASCII.
Ah, das weiß ich nicht.
Also so zu DOS-Zeiten konnte man auch so diverse Blöcke und so und Linien machen.
Ja, oh Gott, boah, ich weiß nicht, das weiß ich nicht.
Auf jeden Fall gab es so Zeichen im Unicode-Standard
auf jeden Fall schon relativ früh.
Ähm, und das sind so die, die mir damals über den Weg gelaufen sind.
Diese Kartensymbole sind so hauptsächlich die.
Ähm, was es jetzt aber gibt,
also heute, das hat ja mit den Emojis heute eigentlich nicht so arg viel zu tun,
weil das sind ja, die haben, die sind ja farbig.
Also diese, diese alten Zeichen, die waren ja so eigentlich im Prinzip die Textfarbe
oder halt meistens eben schwarz, weil schwarz eben meistens die Textfarbe war.
Ähm, aber es sind tatsächlich echte Zeichen.
Also es sind nicht Grafiken, so wie bei ACQ, die da eingefügt wurden,
wo, wo irgendwie, äh, Doppelpunkt, Runde, Klammer durchersetzt wurde,
durch eine Grafik, sondern es sind echte Textzeichen.
Das heißt, du kannst die auch markieren, kopieren und einfügen woanders.
Ähm, genau.
Und in meinem Bewusstsein sind so echte Emojis, so bunte, wo man so das,
die auch dann irgendwie schon Emojis genannt wurden und die auch so als Text tatsächlich vorlagen.
Es ist mir zum ersten Mal begegnet in WhatsApp, äh, so 2010 rum, glaube ich.
Und ich glaube, Konstantin, du warst auch einer der ersten Kontakte, die ich in WhatsApp hatte,
weil damals hatte das ja noch kein Schwein.
Das ist zu den Zeiten, äh, die, die Älteren werden sich erinnern,
wir haben es heute schon mal gesagt, wo man für WhatsApp im Jahr noch irgendwie einen Euro bezahlen musste,
dass man das nutzen durfte.
Irgendwie erst das Jahr war kostenlos und dann, dann musste man irgendwie einen Euro bezahlen.
Da hat man seine Daten halt auch für sich behalten.
Fand ich ein besseres Geschäftsmodell als das jetzige.
Immerhin ist noch keine Werbung drin, obwohl es schon seit über einem Jahr angekündigt wird.
Äh, genau.
Also da war das erste Mal Emojis, dass ich irgendwie Emojis gesehen habe.
Ähm, und, äh, jetzt muss ich gerade noch mal kurz in meine Notizen schauen, ähm,
wie das meiner Meinung nach funktioniert oder so, so wie, so wie ich weiß, dass das funktioniert,
ist, wie funktioniert das denn?
Wie kann den Text jetzt plötzlich, der normale Text hat irgendwie eine Farbe
und ein anderer Text ist irgendwie dann bunt und wird, kriegen irgendwie die Symbole eingesetzt.
Also anhand vom Unicode-Range muss irgendwie erkannt werden, wo, was habe ich denn jetzt gerade vor mir?
Habe ich jetzt ein Emoji oder habe ich so einen, habe ich so einen, so einen normalen Buchstaben oder sowas?
Es muss also irgendwie unterschiedlich behandelt werden, weil es gibt nämlich auch Emoji-Fonts,
also, äh, wirklich Emoji-Schriftarten, die verwendet werden für, äh, Zeichen aus einem bestimmten Range.
Ähm, und ein Emoji muss nicht nur aus einem Zeichen bestehen, da hatten wir es vorhin schon davon,
ähm, es kann auch eine Kombination sein aus mehreren.
Ich bin mir jetzt gerade nicht sicher, bis zu wie viele geht, aber ich glaube, es sind mehr als zwei.
Also ich glaube, es gibt auch drei, vier verschiedene Zeichen, die dann wiederum Emoji-Kombinationen ergeben.
Also das heißt, ich habe mehr...
Also ob das ja, wie das jetzt bei, speziell bei Emojis ist, weiß ich nicht, wie da die Kombinationen sind,
aber generell, UTF-8-Zeichen können aus bis zu vier Bytes pro Zeichen bestehen.
Und da gibt es zum Beispiel, das ist so ein kleiner Einschub, das ist jetzt eher, äh, technisch für, für das Backend wichtig,
nicht fürs, fürs Darstellen im Frontend von den, von den, äh, Emojis.
Aber ich hatte mal das Problem, dass Emojis nicht funktioniert haben in der Anwendung und habe dann erst erfahren,
dass man, dass der Default-UTF-8-Zeichensatz von MySQL-Datenbanken, ähm, der unterstützt nur drei Bytes pro Zeichen
und kann damit keine Emojis darstellen und dafür braucht man dann UTF-8 MB4, also Multibyte mit vier, ähm,
Und dann kann man auch Emojis abspeichern.
Weiß ich nicht, ob das deine Frage, ob das da, ob du das meintest mit den Bytes, äh, oder wie,
aber wie es jetzt bei Emojis gezielt ist mit Kombinationen, weiß ich leider auch nicht.
Wie lange die Kombinationen sein können? Wahrscheinlich dann vier, ich bin mir jetzt nicht sicher, ähm,
hab ich jetzt nicht nachgeschaut, ich kann nicht, klar, irgendwo hab ich mal eine Demo gesehen, wo es, wo es irgendwie noch mehr waren,
aber, äh, könnt ihr mir gerne in die Kommentare schreiben, bitte, ihr Bots.
Ähm, also was da für ein Beispiel ist, zum Beispiel sind die Skintones, ähm, da hast du, das ist, das ist so die klassischen Emojis,
die irgendwie eine Person zeigen, ähm, die dann eben, ähm, keine Ahnung, gelb sein können, aber eben auch verschiedene Hautfarben haben können.
Äh, oder, was auch noch ein bekanntes Beispiel ist, ähm, eine Familie kann zum Beispiel aus Mann, Frau und Mädchen,
oder Mann, Frau und Junge, oder Frau, Frau und Junge, oder Mann, Mann und, äh, Mädchen oder so bestehen,
und das werden dann mehrere Emojis mit einem, glaube ich, äh, Zero with Space oder so kombiniert,
äh, das kann man irgendwie dazwischen machen, ähm, und dann, ähm, je nachdem, ob der, der Emoji-Parser
oder die Emoji-Schriftart das unterstützt, ähm, sehe ich dann eben die einzelnen Emojis oder eben ein kombiniertes.
Das ist wohl so, also es ist tatsächlich auch irgendwie so, äh, ähm, abwärtskompatibel.
Ähm, was noch eine Kombination ist, die, die man häufig sieht, was viele nicht wissen, sind die Flaggen,
weil es gibt diese Regional Indicators, die eigentlich nur so eine Art Buchstaben sind,
und wenn die dann, äh, so ein Ländercode ergeben, dann kommt da die Flagge oder erkennt halt, äh, der, ja,
erkennt, erkennt die Schriftart da die Flagge, also es, wie, ich weiß nicht, kann man das sich so vorstellen wie eine Legatur?
Ich bin mir nicht sicher.
Ja, im Endeffekt glaube ich schon, ja.
Ähm, genau, also zum Beispiel D plus E ist dann die deutsche Flagge,
und, äh, bei den, die anderen weiß ich nicht auswendig, ich glaube halt JP für Japan oder so.
Genau, äh, was ziemlich blöd ist, weil wir es vorhin von dem, äh, Windows Emoji Picker hatten, ähm,
unter Windows werden diese Flaggen nicht angezeigt, es zeigt tatsächlich dann so komische Buchstaben an,
also da steht dann wirklich DE oder JP oder so, keine Flagge.
Finde ich ein bisschen doof, äh, falls jemand von Microsoft zuhört, bitte fixen, danke.
Aber es gibt da noch einige andere Sachen, die ein bisschen komisch sind bei dem Windows Emoji Picker,
ähm, aber das ist so das, das Erste, was mir aufgefallen ist, was irgendwie fehlt.
Sollte ja auch nicht so schwer zu fixen sein.
Wird wahrscheinlich einen Grund haben, dass wir es weggelassen haben.
Das ist bestimmt an der Stelle nicht, äh, ja, wir mussten schnell releasen,
weil das ist jetzt schon seit einigen, seit einigen Jahren so.
Ähm, was noch zu erwähnen ist, so, zum, zum, ähm, um, um, um so ein bisschen zu verstehen,
wie das ganze Ding funktioniert, ist, jedes Jahr kommen auch normalerweise mit einem neuen Unicode-Standard neue Emojis dazu.
Ähm, ich habe hier mal die Wikipedia-Seite offen von, äh, Emoji und, ähm, da, ja, schade, dass da die,
dass da die Jahreszahlen gerade nicht mit dabei stehen.
Ähm, aber zum Beispiel, wir sind jetzt, glaube ich, ich glaube, der aktuelle ist Emoji 13,
oder ist das das, was dieses Jahr rauskommt, bin ich mir jetzt gerade nicht sicher.
Ähm, zum Beispiel bei, also, wie gesagt, jedes Jahr kommen wir halt hier dazu
und bei Emoji 9 sind zum Beispiel 72 neue Emojis dazu gekommen,
bei Emoji 10 56 neue, bei Emoji 11, äh, 66 neue und so weiter,
sodass Emoji 13 jetzt bei sage und schreibe 1329 Emojis schon ist.
Das ist eine ganz schöne Menge, ne?
Ganz wichtig, äh, was, was, äh, noch nicht so lange dabei ist,
ist das Mate-Emoji, äh, für, für die Koffeinliebhaber.
Also, es gibt so einen Mate-Kürbis.
Ich weiß auch nicht, ob, ob, äh, wahrscheinlich sind nicht alle, ähm, damit, äh, bekannt,
mit, mit diesem, mit diesem kulturellen Mate-Trinken.
Weiß ich nicht, kennst, kennst du das Mate-Kürbis, schon mal gehört?
Nee, nee, nee, nee, sagt mir jetzt nichts.
Also, das ist, ähm, so die, die Hardcore-Mate-Tee-Trinker,
die trinken ihren Mate-Tee nicht irgendwie aus, aus, äh,
aus einer Tasse oder aus einem Glas oder, keine Ahnung, aus der Kanne,
soll da vielleicht auch Leute geben, die Tee aus der Kanne trinken?
Keine Ahnung.
Falls ihr Tee aus der Kanne trinkt, einfach mal in die Kommentare schreiben, bitte.
Falls du ein Bot bist, der Tee aus der Kanne trinkt und das gerade verstanden hat,
bitte 24 Kommentare schreiben.
Dankeschön.
Ähm, ja, äh, Mate-Tee wird aus einem Kürbis getrunken.
Also, es ist so ein kleiner, so ein kleiner Kürbis, kann ich dir auch gleich mal zeigen,
habe ich einen da.
so ein kleiner Kürbis und da werden, äh, kommt der Mate-Tee direkt rein,
also auch nicht in den Beutel oder so.
Und dann hat man so eine Art Metallstrohhalm, aus dem man das dann trinkt,
der so unten so einen kleinen Filter drin hat, sodass dann im Prinzip nur die Flüssigkeit
oder nur ganz kleine Partikel irgendwie da durchgehen.
Also, damit kannst du eigentlich jeden Tee irgendwie relativ bequem trinken.
Ist halt so ein, so ein bisschen, äh, Babyflaschen-Nuckeln-Gefühl.
Ja, und kann ich dir den Kürbis, kann ich nicht mehrmals verwenden oder weiche ich da dann irgendwie auf?
Ja, klar, natürlich.
Es ist, ich glaube, der Kürbis, also es ist wirklich ein echter, ausgehüllter, getrockneter Kürbis
mit so einem Metallrand, der obendran gemacht wird normalerweise.
Äh, ja, klar, den kannst du mehrfach verwenden.
Also, der erste, den ich hatte, der war nicht ganz dicht, ähm, den haben wir dann wieder zurückgeschickt.
Ähm, ja, aber, also, ich glaube, das ist tatsächlich auch so, wenn du so richtig Hardcore-Mate-Trinker bist,
dann ist das auch so ein, äh, so die Experience, dass man auch, ähm, den Aufguss mehrfach macht
mit der gleichen Mate, die drin ist oder noch ein paar neue, noch ein bisschen mehr Tee dazu schüttet
und dann nochmal damit den Aufguss macht.
Das machen Teetrinker, glaube ich, generell, also so Hardcore-Tee-Trinker, ob jetzt Mate oder nicht,
also, die machen da mehrere Aufgüsse und ich glaube, irgendwie auch erst der, der dritte Aufguss
ist, glaube ich, erst der richtige.
Keine Ahnung, so tief bin ich da nicht drin, ich trinke es hauptsächlich wegen der Wirkung.
Äh, ja, aber Mate-Tee, Mate-Kürbis-Emoji gibt es mittlerweile.
Ähm, ja, also das, das mal, um so zu illustrieren, wie weit das schon ging.
Ich habe mich ja schon gefreut, als es den Mittelfinger gab, aber jetzt geht's noch, jetzt geht's noch
deutlich weiter.
Ähm, so, jetzt muss ich nochmal einen kurzen Blick auf,
in meine Notizen werfen. Äh, ja, genau, damit bin ich mit dem, mit dem allgemeinen Emoji-Geplänkel
am Ende. So, jetzt komme ich mal zu dem, ähm, was halt, wenn man jetzt das implementieren
will oder wenn man das irgendwie auf eine Seite bringen will, was für Möglichkeiten gibt's
denn da oder was, was gibt's, naja, ja doch, was für Möglichkeiten werden, gibt's denn derzeit
so in der Welt? Also, natürlich kann man immer noch genau dasselbe machen, wie ICQ früher
gemacht hat. Du kannst immer noch so deine komplett eigene Welt bauen. Du hast irgendwelche Grafiken
für Emojis, ähm, und die werden halt irgendwie angezeigt, ähm, und du hast da deine eigenen
Shortcuts für, aber damit, dann brauchst du auch keine Emojis verwenden. Geht natürlich
immer noch, kannst du jederzeit machen, ähm, aber dann, dann brauchst du dich auch mit Emojis
eigentlich nicht beschäftigen und dann brauchst du dich auch nicht um Standards zu kümmern
oder sonst irgendwas, ähm, genau. Ähm, dann, was relativ populär ist, sind so die sogenannte
Shortcodes. Also so, ähm, die fangen meistens mit Doppelpunkt an und enden mit Doppelpunkt.
Also da gibt's dann zum Beispiel Joy Cat. Äh, das ist dann die, die Katze, die lacht. Oder Joy ist,
glaube ich, so dieser, dieser tränenlachende Smiley. Ähm, dann gibt es natürlich das, was ich gerade
eben schon gesagt hab, so diese nativen, echten Unicode-Emojis. Die sehen dann halt aber auch auf
jedem System ein bisschen anders aus. Ähm, ah, genau, zu, zu den Shortcodes noch ganz kurz. Die müssen
natürlich durch Grafiken ersetzt werden, sonst, äh, bringen die natürlich nichts. Das heißt, ich hab zwar
einen, einen kurzen, einen kurzen Text, wie zum Beispiel, wie gesagt, Joy Cat oder, äh, keine Ahnung,
was es noch so gibt. Die anderen weiß ich jetzt nicht auswendig. Smirk oder so, ähm, die müssen
natürlich durch Grafiken ersetzt werden, damit irgendwas angezeigt wird. Oder man kann die natürlich auch
durch Unicode ersetzen hinterher, wenn man, wenn man das möchte. Aber die meiste, das meiste, was ich sehe,
ist, dass die durch Grafiken ersetzt werden. Ähm, dann gibt es natürlich die nativen Emojis.
Also, äh, das, das wirkliche Unicode-Zeichen, ähm, das ist abhängig vom Betriebssystem, was da
angezeigt wird. Wie ich gerade schon gesagt hab, naja, unter Windows hast du halt leider keine Flaggen. Ähm,
ich glaub, unter Linux ist das auch noch so eine Welt, da musst du vielleicht sogar erst was installieren,
dass du es überhaupt sehen kannst. Das kommt ganz drauf an. Also, ich hab jetzt bei mir unter meinem
Ubuntu, äh, zu Hause habe ich, ähm, Emoji-Font. Ja, ich glaub, unter Ubuntu gibt's das mittlerweile auch nativ,
aber je nachdem, soweit ich weiß, irgendwie in Arch Linux nicht. Da muss man das dann halt wieder selbst
installieren. Also, da ist man dann schon ein bisschen drauf angewiesen, was in dem System vorhanden ist,
wenn man nur, äh, auf, äh, nativ, beziehungsweise Unicode setzt. Und dann gibt's natürlich alle möglichen
Mischformen, ähm, Unicode-Zeichen werden durch Grafiken ersetzt und wieder, ähm, zurück, äh, gepasst.
Oder, ähm, wenn ich halt will, dass sie anders aussehen, aber trotzdem Unicode verwenden will, ähm, ja, genau.
Genau, das wollte ich jetzt gerade auch noch sagen, Mischformen, ähm, Beispiel WeChat. Ich nutze WeChat, um mit, äh,
chinesischen Chatfreunden zu kommunizieren, als chinesisch Lernender, mal mehr und mal weniger.
Und da ist es zum Beispiel so, du kannst die ganz normalen UTF-8-Zeichen eingeben über Tastatur, aber die werden
in WeChat wieder ersetzt durch Onboard-Grafiken, nenne ich es jetzt mal. Also, das heißt, die machen da auch
wieder, kochen ihr eigenes Süppchen. Ich will da jetzt gar nicht unterstellen, vielleicht aus Zensurgründen.
Man weiß es nicht, ja, äh, dass da manche Sachen nicht gewünscht, äh, sind. Ähm, genau. Aber das gibt's auch.
Ja, genau. Also, und vor dieser Entscheidung, ähm, was machen wir denn jetzt, standen wir bei unserem, äh,
bei unserem Tool auch, was wir bauen. Also, ähm, der, der, der,
bisherige Weg war, wir hatten so Shortcodes, die durch Grafiken ersetzt wurden, ähm, dann beim, beim
Parsing, ähm, der Posts. Und, ähm, dann habe ich halt gesagt, okay, wir haben jetzt, wir, den Weg, wir können
das, wir können das weitermachen. Wir können auf UTF-8 oder, äh, Unicode-only setzen. Oder man könnte jetzt eine
neue Library, äh, einführen. Ähm, es gibt halt, da komme ich gleich noch drauf zu sprechen. Ähm, man kann
natürlich auch sagen, man nimmt jetzt, äh, was Aktuelleres. Wir haben halt, äh, eine relativ alte Emoji-Library
im Einsatz. Also, auch relativ alte Grafiken. Das Set ist relativ begrenzt. Ähm, man könnte da auch
irgendwie auf was Neueres setzen. Das wären so unsere drei Möglichkeiten gewesen. Und ich hab da mal so ein bisschen
verglichen und überlegt, was sind denn jetzt so die Vor- und Nachteile von den, äh, einzelnen
Möglichkeiten. Hab auch ein bisschen recherchiert. Wie haben das denn andere so gemacht? Weil, äh, vielleicht hatte ja jemand das
Problem schon. Also meistens, wenn man irgendwie sich im Internet umschaut, äh, und irgendwas
macht, was jetzt nicht komplette Raketenwissenschaft ist, dann hat jemand das Problem schon mal
gehabt. Äh, Spoiler. Äh, ich hab auch was gefunden dazu, aber dazu gleich. Ähm, genau. Also, ich hab, ich hab
folgende Sachen verglichen. Ich hab gesagt, ja, die Lizenz ist vielleicht interessant, ähm, von den
potenziellen Grafiken oder eben nicht Grafiken. Ähm, die User Experience. Wie werden diese Emojis denn dann
eingefügt? Ähm, brauchen wir eine Migration? Also, wie gesagt, wir haben bisher Shortcodes benutzt. Ähm, wie sieht's mit
einem Emoji-Picker aus? Muss man da was bauen oder nicht? Ähm, kann ich sie kopieren und
einfügen? Wie ist die Performance von der ganzen Geschichte? Wie ist das mit der Wartbarkeit? Und, ähm, wie groß ist das
Emoji-Set? Und, ähm, ja. Das, das waren so die Kriterien, ähm, nach denen, nach denen ich mir das
ganze Thema angeschaut hab. Ähm, und bei der Lizenz, naja, äh, je nachdem, welche Library du einsetzt, äh, hat es halt
hier halt unterschiedliche Lizenzen. Ich meine, da gibt's so was wie, ähm, früher Emoji-One, ähm, das war frei, ist
irgendwann zu Joy-Pixels geworden, ist wahrscheinlich so ein Art de facto Standard in der Szene, oder sieht man
sehr, sehr oft. Ähm, kostet halt Geld. Oder man hat halt irgendwie so eine Free-Lizenz, die geht aber halt
glaube ich nicht, wenn man irgendwie was Kommerzielles macht. Ähm, der Vorteil ist, naja, wenn ich jetzt
Unicode hab, keine Lizenz, weil ich muss, ich füge ja einfach nur ein Zeichen ein, ich brauch keine
Grafik-Lizenz für irgendwas. Ähm, die User Experience, ähm, ist bei den beiden Geschichten so, naja, kommt auf die
Implementierung an, wenn ich so einen Picker haben will, äh, naja, mit Grafiken, den muss ich auf jeden Fall bauen, ich muss
irgendwie eine Möglichkeit bieten, dass man auf diese Grafiken Zugriff hat, dass man sehen kann, was man denn überhaupt hat.
Bei Unicode theoretisch, wenn ich jetzt nicht, äh, überall die, die, die gleichen Grafiken anzeigen will,
naja, die meisten Systeme haben so einen Picker einfach integriert. Man muss, die Nutzer müssen nur wissen, dass es den gibt.
Das weiß nicht jeder. Also, wie gesagt, ich weiß nicht, wer von euch Windows-Nutzer ist und, äh, den Windows-Punkt-Shortcut kannte.
Ähm, nicht jeder weiß auch, dass ein Emoji-Picker meistens bei Android, ähm, äh, mit dabei ist, bei der, bei der Tastatur der Wahl, ähm, also bei dem, bei dem Keyboard-App der Wahl.
Ich bin da zum Beispiel auch App-Nutzer, jetzt nicht Standard-Keyboard. Da bist nämlich dann drauf angewiesen, ob da Emojis integriert sind.
Oder, äh, iOS, es hat natürlich einen Emoji-Picker mit drin, muss man aber auch wissen, dass der da ist.
Also, kommt drauf an, äh, du brauchst halt einen Picker, äh, auf jeden Fall, wenn du Grafiken, äh, einbindest, damit die Leute das sehen können.
Oder halt, wenn du, wenn du auf Standard setzt, nicht unbedingt, aber man muss den Leuten vielleicht beibringen, dass es einen Picker gibt auf ihrem System.
Ähm, ähm, Datenmigration, natürlich, wenn wir, wenn wir jetzt weiter auf Shortcodes gesetzt hätten, wäre die natürlich nicht notwendig.
Also, bleibt, Daten bleiben, so wie sie sind. Ähm, wenn man auf UTF-8 setzt, muss man migrieren, logischerweise.
Man muss irgendwie rausfinden, für was für ein, äh, UTF-8 oder Unicode-Emoji steht denn eigentlich dieser Shortcode.
Und das ist teilweise relativ haarig, äh, weil diese Shortcodes auch nicht so richtig standardisiert sind.
Also, da gibt es verschiedene Implementierungen davon, die Emojis heißen in unterschiedlichen Libraries und leicht unterschiedlich.
Ähm, beim Picker, habe ich eben schon, äh, angesprochen, ähm, wenn man, äh, die Grafiken, ähm, ja, wenn man Grafiken verwendet, äh, eigene Grafiken, dann braucht man halt einen Picker, ansonsten kommt er mit einem Betriebssystem.
Ähm, Copy-Paste ist natürlich, äh, mit der ursprünglichen Lösung, einfach nur Grafiken zu ersetzen, nicht so leicht möglich.
Ähm, ich habe es mal bei Facebook gesehen, glaube ich, die haben das implementiert, die haben eine Grafikersetzung, aber wenn du den Text markierst, springt das Emoji um.
In ein Unicode-Zeichen und dann kann ich das Emoji tatsächlich kopieren.
Ach.
Also, ähm, so, solche Möglichkeiten gibt es auch, äh, kommt dann halt auf die Implementierung an von, von den jeweiligen, äh, ja, von dem jeweiligen Parsing sozusagen.
Ähm, bei der Performance, naja, Unicode, es gibt nichts Schnelleres, als einfach nur irgendwelche Zeichen zu laden.
Ähm, also, du brauchst kein Mapping, du brauchst kein Parsing, du hast einfach das Zeichen da und dein Betriebssystem weiß, okay, bei dem Zeichen nehme ich jetzt die, die Emoji-Schriftart und alles gut, fertig, Feuer.
Ist natürlich viel, viel, viel schneller, als wenn ich irgendwo Grafiken parsen muss und auch noch runterladen muss.
Und, äh, das muss man dann irgendwie auch clever machen, dass du nicht so ein riesiges Emoji-Sprite runterlädst, sondern vielleicht tatsächlich nur die, die du brauchst und dann hast du viele extra Requests und so weiter.
Ähm, ist auf jeden Fall keine Performance, äh, keine gute Performance-Idee, Emojis, ähm, zu ersetzen.
Ähm, aus Sicht der User Experience kann es natürlich, äh, schon eine gute Idee sein, so ein Emoji-Set einzusetzen, aber man muss sich dann beim Laden echt überlegen, will ich mir das antun.
Ähm, bei der Wartung, naja, Unicode, die Updates kommen mit dem Betriebssystem, da muss ich gar nichts machen.
Ähm, wenn da jetzt irgendwie neue Emojis dazukommen oder irgendwie, was sich ändert am Standard, naja, das sollte auch einfach mit dem Betriebssystem mitkommen, muss ich gar nichts machen.
Ähm, bei einem Emoji-Set, das ich irgendwie als Grafiken einbinde, muss ich dann eventuell schon irgendwie davon ein Update mal machen und gucken, ob das alles noch funktioniert.
Und auch beim Emoji-Set, äh, setze ich dann doch auf die Betriebssystemhersteller, ähm, auch wenn ich jetzt bei Windows gesehen habe, naja, die sind da nicht ganz up-to-date, ähm, aber die sind potenziell, naja, ich erhoffe mir, dass die vielleicht schneller sind als irgendeine Library, die ich mir irgendwann mal eingebunden habe, von der ich nicht mehr weiß, ob sie maintained wird.
Bei Betriebssystemen kann ich davon ausgehen, dass die irgendwann da schon nochmal reingucken, wobei ich glaube, jetzt gucke ich jetzt nochmal kurz, ähm, das Mate-Emoji.
Gibt es das unter, ah, das gibt es unter Windows, tatsächlich, also, äh, der Mate-Kürbis ist unter Windows verfügbar.
Dann hat Windows nur was gegen Flaggen, scheinbar.
Weil die sind älter als der Mate-Emoji.
Und, äh, die haben was, Moment, was ich an dem Picker von Windows richtig cool finde, ist, ähm, dass der quasi eine Suche hat nach, ich weiß nicht, eine Art Tagging.
Wenn ich Windows Punkt drücke und dann irgendwie, äh, Pizza schreibe, dann finde ich das Pizza-Emoji.
So, jetzt hat mir das natürlich mein Scraring, Sekunde, ähm, das, und das ist tatsächlich auch auf Deutsch übersetzt.
Also, ähm, wenn ich jetzt, äh, keine Ahnung, äh, das Gehirn-Emoji suche, muss ich Gehirn eingeben und nicht Brain, dann finde ich es nämlich tatsächlich nicht.
Also, es ist tatsächlich in der Betriebssystemsprache übersetzt.
Finde ich, finde ich eine ganz coole Sache.
Ähm, wie ihr euch denken könnt, war das Ergebnis, oder kannst du dir denken, was das Ergebnis war?
Nee, das wäre jetzt meine Frage gewesen, auf was habt ihr euch denn jetzt letztendlich geeinigt?
Naja, es ist so, ähm, wir versuchen, wir versuchen die Geschichte, ähm, Schritt für Schritt voranzutreiben.
Das heißt, äh, es kann sein, dass wir, dass am Ende irgendwie nochmal was dazu kommt.
Ähm, wir wollen da, wir wollen da klein anfangen.
Aber wir haben uns jetzt tatsächlich mal dazu entschieden, wir wollen sagen, wir wollen weg von den Shortcodes.
Wir wollen jetzt tatsächlich auf, ähm, nativ Unicode setzen, ähm, und dann mal schauen, wie gut wir damit fahren.
Wir machen auch so eine Beta-Phase, ähm, mal gucken, was da auch an Feedback kommt.
Mal schauen, wie, wie gut wir damit fahren und dann eventuell noch ein bisschen nachrüsten.
Und, ähm, was das Nachrüsten angeht, da habe ich einen ganz interessanten Artikel von GitLab gefunden.
Ähm, die hatten das Problem nämlich auch vor einer Weile, äh, ich glaube 2018, ich muss den Artikel gerade nochmal kurz raussuchen.
Habe ich den noch hier?
Ah, ja genau, der heißt Our Journey in Switching to Native Unicode Emoji und ist vom 30. Mai 2018.
Die standen vor genau dem gleichen Problem.
Was machen wir denn jetzt?
Wir wollen irgendwie Emojis anzeigen und wir wollen eigentlich nicht jetzt irgendwie so Library, nur wenn es sein muss.
Und eigentlich ist das doch mit dem Standard ganz cool.
Ähm, kann ich auf jeden Fall empfehlen, den Artikel zu lesen.
Da geht es sehr in die Tiefe und das sind noch ganz viele, das, das Spannende, das eigentlich Spannende an dem Artikel sind die ganzen Links auf ihre eigenen GitLab-Issues, wo sie dann einzelne, äh, also es sind wirklich die Issues, wo sie darüber diskutiert haben bei GitLab, ähm, wo du die komplette Diskussionshistorie nachlesen kannst.
Was kam denn da jetzt für für und wieder und was, wer hat denn da wie argumentiert und wie sind sie denn am Ende auf die Lösung gekommen, die sie jetzt haben, das ist echt spannend.
Also, was macht GitLab?
GitLab setzt standardmäßig, und ich glaube GitHub macht das mittlerweile auch so, ähm, auf Unicode-Emojis, also ein Emoji im besten Falle, wenn du siehst, ist Unicode.
Und zwar, ich glaube, für die ist so der Use-Case, ich glaube, Reactions und aber auch in den, in den Kommentartexten kannst du die einfügen.
Jetzt wissen die aber zum Beispiel auch, das Problem, was ich gerade beschrieben habe, dass, ähm, die Flaggen unter Windows nicht richtig dargestellt werden, dass man da nur diese, diese Buchstabenkombinationen sieht.
Ähm, das fanden die doof, die wollten da Flaggen anzeigen.
Also haben die tatsächlich, äh, ich weiß nicht, ob sie das selbst geschrieben haben, bin ich mir jetzt gerade nicht sicher, die setzen auf jeden Fall eine Library ein, die, wenn du irgendwo ein Emoji einsetzt, ähm, also ich glaube, die haben das, die haben das in, in Bereiche geklappt,
damit, damit sie verschiedene Bereiche abdecken können, weil nicht alle Emojis sehen am Ende gleich aus.
Die versuchen, die, die laden das Emoji in ein Canvas-Element, nehmen sich dann einen bestimmten Bereich davon und gucken, was für eine Farbe der hat.
Und wenn das dann schwarz ist, dann sagen sie, okay, gut, das ist jetzt an der Stelle schwarz oder weiß, ich weiß es nicht, ich glaube, ja, teilweise vielleicht auch weiß,
weil manchmal hat man auch nur so ein Kästchen, wenn ein Emoji da ist, wenn, wenn es nicht richtig dargestellt wird.
Dann können die sagen, okay, bei diesem Emoji an diesem Pixel erwarten wir eigentlich, ähm, ein nicht schwarz oder nicht weiß.
Also dieses Emoji wird auf diesem System, wo sich der User gerade befindet, nicht korrekt dargestellt, also ersetzen wir das jetzt durch eine Grafik.
Das sieht dann auch ein bisschen komisch aus, ich habe das mal getestet, also wenn du dann so native Emojis hast, gerade von Windows, die sehen so ein bisschen clunky aus, sage ich mal.
Die haben halt immer so einen schwarzen Rahmen, was ich nicht so arg hübsch finde, aber es ist bestimmt der Tatsache geschuldet, dass die gesagt haben,
naja, unser Emoji soll auf jedem Hintergrund irgendwie gut aussehen und dann haben die Designer halt diese Entscheidung getroffen.
Aber das musst du ja im Endeffekt wirklich für alle Emojis auf der Seite machen, um das rauszufinden, welche du ersetzen musst.
Das stelle ich mir performancetechnisch gar nicht mal so unproblematisch vor.
Ich habe die Lösung jetzt nicht auf Performance getestet.
Was ich mir vorstellen könnte, was ich jetzt nicht weiß, ich habe mir diese Library jetzt nicht im Detail angeschaut,
ist, dass die sich nur bestimmte Cluster anschauen, von denen sie wissen, dass sie problematisch sein können.
Wobei ich es nicht weiß, es kann tatsächlich sein, dass die dann auch sagen, auf einem Linux-System, das keinen Emoji-Font installiert hat,
also sagen wir, wir ersetzen alles.
Also ja, kann sein, dass das performancetechnisch reinhaut, müsste man mal gucken.
Ich fand die Lösung aber irgendwie ganz cool, weil sie es tatsächlich geschafft haben, bei Unicode zu bleiben
und trotzdem für die Randfälle irgendwie was zu schaffen, wo dann jeder trotzdem irgendwie was halbwegs Vernünftiges sieht.
Ja, ich sage auch nicht, dass das der Weisheit letzter Schluss ist.
Ich würde am liebsten auf sowas komplett verzichten.
Aber wenn ich jetzt gerade mal so reingucke,
es gibt zum Beispiel ein Smiley-Emoji, so der klassische Smiley, nenne ich das jetzt mal.
Also der, der weder irgendwie noch besondere Augen noch einen besonderen Mund hat, der so ein ganz normales Lächeln hat,
der wird unter Windows oft einfach tatsächlich noch schwarz dargestellt.
Also wirklich nur schwarz und transparent in der Mitte und schwarze Linien.
Es sind halt so diese komischen Ausnahmen, die einfach echt nerven bei dieser ganzen Geschichte.
Ja, und was auch nervt, was ich vorhin schon gesagt habe, ist, dass die Namen von den Emojis nicht einheitlich sind.
Also der Unicode-Name muss nicht dem Shortcode entsprechen.
Und wie gesagt, Shortcodes gibt es verschiedene.
Das ist nicht wirklich spezifiziert, weil die da halt offenbar nicht die offiziellen Unicode-Namen immer nehmen.
Und jeder macht mal so und mal so.
Es ist eine ganz nervige Geschichte.
Ich habe dazu auch mal einen Tweet geschrieben, vor einer Weile, denn den packen wir auch in die Shownotes.
Damals habe ich verglichen, dass Cat Face with Tears of Joy, so heißt es nämlich bei Unicode, was ich vorhin schon Joy Cat genannt habe,
kann auch Happy Tears Cat oder Laughing Cat heißen.
Und was ich auch immer gut finde, womit man testen kann, ob man ein bisschen neuere Emojis hat, ist das Kotzgesicht.
Laut Unicode, Face with Open Mouth Vomiting.
Es gibt keinen Shortcode dafür, den ich finde.
Ich konnte dafür keinen Shortcode finden, zumindest nicht auf der, wie hieß das noch?
Moment mal.
Es gab so eine, das ist Emoji Cheat Sheet, genau war das.
Da ist zum Beispiel dafür kein Shortcode drauf, weil das relativ alt ist.
Aber ich glaube, es gibt mittlerweile einen, da weiß ich aber jetzt gerade nicht, wie er heißt.
Und dann haben die natürlich alle noch so einen Unicode-Namen, so U plus 1F92E.
Und dann kann das auch noch Throwing Up oder Vomit oder Vomiting Face heißen.
Und da ist das Chaos dann perfekt.
So möchte man es haben, beziehungsweise nicht.
Also dieses Thema ist relativ groß.
Deswegen versuche ich möglichst wenig, also deswegen war auch die Entscheidung bei uns für Unicode,
möglichst wenig damit in Kontakt zu kommen.
Und möglichst wenig sich entscheiden zu müssen, welche Formatierung, welche Benahmung nehme ich denn.
Sondern wir nehmen einfach den Standard, wenn es irgendwie geht.
Mal gucken, vielleicht kommen wir davon auch wieder ab, wenn wir dann merken, naja, sieht scheiße aus.
Oder es gibt ganz viele Systeme, auf denen es irgendwie blöd aussieht.
Das ist auf jeden Fall jetzt der erste Wurf davon.
Ich habe das Gefühl, ich habe irgendwas vergessen noch von den Sachen vorhin.
Aber irgendwie komme ich gerade nicht drauf.
Egal.
Ich wollte noch ein bisschen auf Tools eingehen, die ich dafür verwendet habe oder die mir da gut gefallen haben.
Also wie gesagt, dieser Artikel würde ich jetzt nicht als Tool bezeichnen, aber dieser Artikel von GitLab, der ist wirklich lesenswert.
Was auf jeden Fall eine coole Ressource ist, wenn du Dinge über einzelne Emojis und die Unterstützung und so rausfinden willst, ist die Emojipedia.org.
Da findest du eigentlich so ziemlich jedes Emoji und auch die Aussehen auf den verschiedenen Betriebssystemen.
Und was eine Seite ist, die ich vorhin nochmal geladen habe und die hat ungefähr gefühlt 10 Minuten gedauert, bis sie fertig geladen war, ist unicode.org.
Wir fassen es auch in die Shownotes.
Unicode.org slash emoji slash charts slash full minus emoji minus list.html.
Ihr könnt euch vorstellen, naja, das ist eine Liste mit allen Emojis und zwar nicht nur, wie es nativ dargestellt wird oder wie der UTF-8-Code ist, sondern auch bei jedem Emoji.
Wie sieht es bei Apple-Emoji aus? Wie sieht es bei Google aus? Wie sieht es bei Facebook aus?
Das heißt, dementsprechend viele Grafik-Requests.
Bei Twitter aus? Wie sieht es bei Joypixels, Samsung, Gmail und noch viele weitere? Und wie heißt das Ding auch noch?
Ja, das ist richtig, richtig groß. Ich kann mal kurz, ich lade das nochmal kurz neu.
guck mal in die Netzwerkanalyse, um zu sehen, wie viele, oh, warte mal.
Es gibt über 1000 Stück, du hast mindestens 5 verschiedene Seiten genannt, die es gibt.
Das heißt, das kannst du schon mal hochrechnen. Das sind bestimmt locker 6000, 7000, 8000 Requests.
Es lädt. Ja, ja, das ist wirklich eine Menge. Aber das ist, auch wenn die Seite, wie oft so Seiten, die Standards abbilden, nicht so hübsch ist,
ist eine sehr, sehr coole Ressource. Gerade wenn man was Bestimmtes sucht, wenn ich jetzt einen Shortcode suche und das Emoji dazu irgendwie vermisse,
dann kann man da mal reingucken, weil dann findet man es vielleicht in der Liste und kann sagen, ah, okay, das ist das.
Und das ist dann in Unicode sieht das dann so aus. Und das ist dieses Zeichen.
Also, das war sehr, sehr hilfreich an der Stelle.
Genau. Und so, was die einzelnen Emojis so angeht, grafikmäßig, naja, habe ich vorhin schon genannt, Emoji 1 gab es mal.
Es wird leider nicht mehr geupdatet, aber es gibt die alte Version, glaube ich, noch.
Man kann die noch verwenden. Da gibt es jetzt dieses kommerzielle Joypixels.
Was sehr, sehr beliebt ist gerade das Tremoji. Das ist kostenlos. Und von Twitter, das sind die Emojis, die auch auf Twitter eingesetzt werden, finde ich eigentlich ganz hübsch.
Also, wenn man was, wenn man tatsächlich Grafikersetzungen haben will, würde ich wahrscheinlich mich für Tremoji entscheiden, auch weil das Projekt sehr, sehr aktiv ist gerade noch.
Und jetzt kommen wir noch zu ein paar Fun-Sachen mit Emojis, außer du hast noch Fragen.
Nee, nee, ich bin erstaunt, wie komplex das Thema doch ist und wie viele Fragen sich da stellen.
Gerade, wenn man was Altes migriert. Den Fall habe ich natürlich, habe ich gar nicht dran gedacht.
Ich glaube, wenn man jetzt was implementiert, komplett neu, ohne alte Daten, dann macht es eigentlich nur Sinn, auf Unicode zu setzen.
Weil ansonsten muss ich ja, wenn ich da was mit eigenen Grafiken machen will, muss ich ja Unicode-Zeichen, die Emojis darstellen, am besten auch rausfiltern, weil ich ja sonst eine wilde Mischung aus tatsächlichen Unicode-Emojis und meinem eigenen Gebastel da habe, was ich ja vielleicht gar nicht unbedingt haben will.
Ja. Ja. Also, ich bin auch sehr blauäugig an das Thema rangegangen und wie es bei vielen Themen so ist, man sticht da einmal rein und dann kommt eine Wespe raus und dann sticht man nochmal rein und dann merkst du, du bist es vielleicht ein Nest.
Also, das ist irgendwie so, ich habe das Gefühl, viele Themen, an die ich mich ran wage, entwickeln sich irgendwie so.
Wenn man genau hinguckt, hat man meistens irgendwie so ein, man denkt oft, irgendwas ist irgendwie schön spezifiziert und schön standardisiert und am Ende ist es dann, wenn man die Wahrheit gefunden hat, ist es dann irgendwie doch ein komplizierter, verrückter Haufen.
Aber dafür sind wir ja Entwickler, weil wir genau solche Probleme auch irgendwie angehen und lösen wollen.
Ja, Fun, habe ich gesagt. Ich habe noch ein bisschen Fun versprochen, weil, wie war das? I put the Fun in? Nee, egal.
Und zwar, was ich bei der Recherche gefunden habe, ist, es gibt wohl auch Leute, die schon Emoji-Domains registriert haben, also irgendwie kacke.com oder sowas.
Ich weiß aber nicht genau, wie da die Unterstützung ist, also da stand bei Wikipedia, naja, geht so.
Aber Sub-Domains sollen wohl noch ein bisschen besser funktionieren, also wenn du schon ein Domain hast, kannst du sagen, naja, und jetzt gibt es hier die lachende Katze-Sub-Domain.
Das müssen wir doch direkt mal ausprobieren.
Ja, ich habe auch schon überlegt, ob wir vielleicht, vielleicht bauen wir ein kleines Easter Egg ein und du findest ein Gewinnspiel, wo du ein Emoji gewinnen kannst.
Und zwar ist das unter geheimes-emoji.wowir-sind-is-forne.show. Und du darfst halt, du hast halt 1200 Kombinationen, die du ausprobieren musst oder so.
Wir erzeugen nicht Traffic.
Nein, es ist vielleicht gelogen.
Könnt ihr euch jetzt selbst aussuchen.
Ja, bei Fun noch, Emojis in Editoren, also natürlich, wenn du native Emojis benutzt mit deinem nativen Emoji-Picker, kannst du natürlich auch in deinen Text-Editor Emojis einfügen.
Also Wesboss macht das in seinen Tutorials ganz gerne, dass er bestimmte Dinge nach Emojis benennt oder Emojis ausgibt dann in der Kommandozeile oder so.
Ich glaube, Poop-Emoji ist sein Lieblings-Emoji da an der Stelle.
Ich hoffe, ich nehme da nichts vorweg.
Vielleicht willst du das auch gleich noch sagen, weil wir haben mal einen Vortrag gesehen, auch wieder bei den CSS-Days in Amsterdam,
wo jemand gezeigt hat, dass man Emojis auch problemlos als Klassennamen in CSS verwenden kann.
Oh ja, stimmt.
Erinnerst du dich?
Jetzt erinnere ich mich.
Ich muss mal gucken, ob ich den Talk finde.
Ich mache mir gleich mal hier so eine, wenn ich den Shortcut finde, ohne irgendwie.
Kann man eigentlich ein Custom-Element auch als Emoji-Custom-Element definieren?
Als Tag-Name meinst du?
Ja, als Tag-Name, also Kacke-Tag.
Oder was auch immer.
Gelber Weihnachtsmann-Tag.
Wäre vielleicht gar nicht so doof.
Also ja, unbedingt.
Also ich glaube ja persönlich, dass wir irgendwann nicht mehr sprechen werden, sondern nur noch über Emojis kommunizieren.
Weil die sind auch, naja, allgemein verständlich.
Also das ist wie so eine Art moderne Hieroglyphen.
Finde ich eine coole Sache.
Ja, genau, wir waren bei Editoren.
Also du kannst es natürlich so verwenden, wie wir es gerade gesagt haben, in deinem Editor.
Es gibt aber auch für VSCode beispielsweise diverse Plugins, die einem dann auch zum Beispiel diese Shortcodes zur Verfügung stellen.
Wenn man dann Doppelpunkt drückt, dann kriegt man auch unter Umständen Emoji-Picker.
Also da gibt es einiges, brauchen wir jetzt nicht alles irgendwie verlinken.
Wenn euch das interessiert, dann schaut doch mal bei den VSCode Plugins und gebt einfach mal Emoji ein.
Da gibt es einiges.
Und ganz wenige verrückte Leute haben auch schon Emojis in der Kommandozeile verwendet.
Dafür gibt es auch diverse Erweiterungen.
Kann man jetzt darüber streiten, ob man das haben will.
Ich finde Emojis immer gut.
Ich finde Standard-Emojis immer besser als irgendwelche selbstgestrickten Sachen.
So als Zusammenfassung nochmal finde ich immer gut.
Es gibt viele, viele, viele Tools auf der Welt, die immer noch so ihr selbstgestricktes Ding haben.
Heutzutage ist das wirklich outdated aus meiner Sicht.
Man sollte sich schon irgendwie auf die Standards committen und ein Emoji, das auf einem Pferd reitet und animiert ist,
das braucht keiner mehr so lange, bis es im Standard ist.
Und dann supporte ich das total, dass es wichtig ist.
Ja, genau.
Aber ich glaube, animiert ist noch nicht im Standard.
Gibt es mittlerweile schon einige Implementierungen.
Also bei Telegram beispielsweise, bei bestimmten Emojis kriegt man dann eine animierte Variante.
Aber meines Wissens nach ist das nicht, also ich habe noch kein animiertes Emoji-Font gesehen.
Ich weiß auch gar nicht, ob das technisch möglich ist.
Gibt es das?
Keine Ahnung.
Die Font-Nerds müssen uns das mal erzählen, ob es animierte Zeichen gibt.
Das können sie dann, die ganzen Bots können das ja mal in die Kommentare schreiben.
Jetzt ist noch meine Frage am Ende des Themas an dich, liebe Zuhörerin, lieber Zuhörer.
Was glaubst du sind denn so die beliebtesten Emojis?
Und was ist denn dein Lieblings-Emoji?
Das würde mich auf jeden Fall interessieren.
Ich sage mal, nach fünf Kommentaren auf der aktuellen Folge oder so, verrate ich dann mein eigenes Lieblings-Emoji, falls ich mich noch daran erinnere.
Ihr dürft mich dann gerne darauf hinweisen.
Aber vorher verrate ich das nicht, aber ich habe eins auf jeden Fall.
Damit wäre ich am Ende des Themas angelangt.
Ich bin ja immer noch so ein Fan von diesen ganz alten Oldschool-Emoji-Cons hießen die ja, bevor es Emojis gab.
Ja, was meinst du damit genau?
Also Doppelpunkt minus Klammer zu oder Zwinker-Smiley-Semikolon minus Klammer zu.
Das nutze ich tatsächlich auch noch in E-Mails oder auch ab und zu mal auch per WhatsApp haue ich sowas raus, weil ich irgendwie gerade…
Ich mache das auch.
Ja, weiß gar nicht warum.
In meiner Tastatur auf dem Handy habe ich sogar noch eine Vervollständigung dafür bzw. warte mal, wenn ich, glaube ich, wie war das?
Ach nee, nicht mehr.
Nicht mehr, aber ich hatte das mal.
Ich hatte mal so ein paar Standard-Dinger in meiner Tastatur tatsächlich integriert.
Und dazu noch angemerkt, ganz kurz, dann darfst du noch weiterreden.
Solche Sachen sind in dem Windows-Emoji-Picker witzigerweise auch drin.
Da sind richtig coole Sachen drin.
Da gibt es nämlich so Reiter, du hast oben erstmal standardmäßig sind die normalen Emojis ausgewählt, aber es gibt auch noch die Kao-Mojis, so heißen die da.
Das sind so, ich glaube, das ist mehr so im asiatischen Raum verbreitet, so Emojis, Emoticons, die aus mehreren Textzeichen bestehen.
Also nicht nur dieses mit Doppelpunkt-Klammer und so, die sind deutlich aufwendiger.
Es ist auf jeden Fall mal cool, sich die anzuschauen.
Da sind dann auch internationale UTF-8-Zeichen dabei, aber eben halt keine grafischen, sondern ja auch teilweise aus dem japanischen oder so oder aus dem arabischen irgendwelche Zeichen mit dabei.
Also mein All-Time-Favorite ist ja der Shruggy.
Der ist auch bei Windows-Punkt, ist ja bei den Zeichen auch ganz als erstes gleich dabei.
Dieses hier Schultern zucken, Arme hoch.
Ah, das ist bei mir nicht der erste, witzigerweise.
Vielleicht gibt es eine Verwendung, weil den benutze ich nämlich.
Das ist der, der irgendwie so macht.
Genau.
Ich zeige es gerade kurz dem Konstantin, der steckt so ein bisschen.
Ich sage jetzt einfach mal, der kommt in den Folgentitel, dann sieht jeder, was gemeint ist.
Ja, bei mir ist nämlich ganz oben einer mit so sternartigen Augen, der guckt irgendwie so ein bisschen, der ist, glaube ich, gut gelaunt.
Vielleicht hat er Drogen genommen, weil die Augen sind sehr groß.
Da gibt es zum Beispiel auch eine Katze.
Also ich wusste, das ist total verrückt, was man mit diesen Zeichen alles machen kann.
Also wenn es jetzt nicht bunte Emojis sein müssen, was man mit Zeichen so darstellen kann, ist schon verrückt.
Und da gibt es dann unten nochmal Reiter, hast du die schon gesehen?
Das ist nämlich eine endlose Menge von diesen asiatischen Emoticons.
Das ist irre, was es da alles gibt.
Also da auf jeden Fall mal durchgucken.
Ich weiß gar nicht, das kenne ich tatsächlich nur von Windows.
Ich weiß nicht, ob es so einen Picker noch für andere Systeme gibt.
Judi, machen wir einen Deckel drauf auf die Emojis, würde ich sagen, oder?
Und wir freuen uns über Fragen und Kommentare natürlich.
Ich weiß nicht, wie oft ich es heute noch sagen muss, aber vielleicht bringt es ja was.
Vielleicht auch nicht.
Dann kommen wir zum ...
Ja, und der Rubrikname könnte heute unpassender eigentlich kaum sein.
Warum ist es ungeil?
Ja, nein, aber es geht um einen Artikel, auf den ich schon vor einiger Zeit mal gestoßen bin.
It's time to retire, Lena, from computer science.
Sagt dir das schon was?
Ah, warte mal, ich muss gerade ...
Geht es um ein Bild?
Es geht um ein Bild, genau.
Es geht um ein bestimmtes Foto.
Und ich glaube, das hat vermutlich jeder mal gesehen, der sich mit der Geschichte der Bildbearbeitung
und Bildverarbeitungstechnik mal näher auseinandergesetzt hat.
Und auch in wissenschaftlichen Papern zu dieser Thematik sieht man das auch heute noch immer wieder.
Das Bild ist aber schon von 1972.
Da hat eine Schwedin mit dem Namen Lena als Miss November für den Playboy posiert.
Für dieses berühmte Centerfold-Poster.
Ich kenne das natürlich nur vom Hörensagen.
Und das Foto hat jemand bei der University of Southern California im Signal and Image Processing Institute eingescannt,
um damit den Algorithmus für irgendwelche Bildverarbeitungsalgorithmen für die Forschung, das zu verwenden.
Und da gab es ein ganzes Set von Bildern, auch Angestellte, die dann da ihre Fotos gepostet haben.
Und einer hatte eben diesen Playboy dabei.
Und dann wurde das gescannt, das obere Drittel.
Man sieht es also nur bis zu den Schultern.
Ist also sogar jugendfrei in diesem Zuschnitt.
Und ja, das Ganze ist geschehen, obwohl das Bild eigentlich natürlich urheberrechtlich geschützt ist.
Das heißt, ohne Erlaubnis des Playboy oder auch des Models wurde dieses Bild einfach genutzt.
Und das Ganze, obwohl das sogar ein sehr schlechter Scan eigentlich ist von einem Abdruck.
Und wer sich mit Drucktechnik ein bisschen auskennt, der weiß, dass so ein gedrucktes Bild aus ganz vielen kleinen Punkten besteht.
Und je nachdem, wie ich das einscanne, habe ich dann auch so einen Moray-Effekt.
Das heißt, eigentlich macht man das überhaupt nicht.
Man versucht natürlich, das digitale Original zu benutzen.
Aber nichtsdestotrotz hat es dieses Bild zu einiger Berühmtheit geschafft.
Es war eins der ersten Bilder, das ins ARPANET hochgeladen wurde.
Wem das nichts sagt, das war ein Forschungsnetzwerk.
Ja, ein technischer Vorläufer des Internets, kann man eigentlich schon so sagen.
Das war das erste Netzwerk, das das TCP-IP-Protokoll auch implementiert hat.
Also ja, Vorläufer des Internets trifft es eigentlich ganz gut.
Und dadurch ist dieses Foto zum quasi Standard beim Testen von Verfahren zu Bildverarbeitung und Bildkomprimierung vor allem auch geworden.
Und unter anderem wurde es auch genutzt, um das JPEG-Format zu entwickeln, das wir vermutlich alle kennen.
Krass.
Ja, und neben dem Problem des Urheberrechts und auch ethischen Bedenken, einfach sowas ohne Zustimmung zu benutzen, ergibt sich da noch ein ganz anderes Problem.
Und zwar das Problem, wie Frauen im technischen Bereich vertreten sind, aber auch wie sie dort gesehen werden und welchem Sexismus sie ausgesetzt sind.
Und ich will mich auf dieses Minenfeld jetzt gar nicht selber mit eigenen Aussagen oder irgendwelchen Kurzzusammenfassungen aus dem Artikel begeben.
Wir hatten auch schon mal in einer der ersten Folgen, da habe ich dann gesagt, jawohl, hier Frauen in die Frontendentwicklung.
Und da hast du schon gesagt, stopp, stopp, stopp, wir sagen da besser gar nichts dazu, weil wir können eigentlich nur was Falsches sagen.
Und dementsprechend will ich gar nicht zusammenfassen, worum es da im Kern geht, sondern die Dokumentation, die in dem Artikel auch besprochen wird, einfach ans Herz legen.
Losing Lena heißt die Dokumentation, ist leider nur exklusiv auf Facebook abrufbar, aber so grob sieht man schon im Trailer und auch auf der Seite, um was es geht.
Ja, und warum mache ich das überhaupt zum Thema, wenn ich eigentlich gar nicht drüber sprechen will?
Ganz einfach, um Bewusstsein für die Thematik zu schaffen, weil auch für mich so der erste Impuls war, als ich das gelesen habe, ist das wirklich so wichtig oder ist das überhaupt wirklich so schlimm?
Und dann ist mir aber aufgefallen, es spielt eigentlich überhaupt gar keine Rolle, ob ich als Mann das wichtig finde, solange es Frauen gibt, die das tatsächlich als unangenehm empfinden
oder sich zum Beispiel in ihrem Studiengang nicht wirklich willkommen finden, weil sie da irgendwie nur eine von drei Frauen unter 60 sind.
Da gibt es auch ein Beispiel in dem Artikel, wo eben eine wirklich Betroffene zu Wort kommt, als sie so das erste Mal in so einer Computer Science Vorlesung auf dieses Bild gestoßen ist und was das so in ihr ausgelöst hat.
Und ja, lege ich einfach jedem ans Herz, das einfach mal durchzulesen.
Schadet glaube ich sowieso als Mann nicht, sich ab und zu mal versuchen in Frauen und gerade in die Rolle in unserem Bereich rein zu versetzen.
Aber davon abgesehen, auch selbst Wissenschaftler, die diese Bedenken wegen Sexismus gar nicht teilen, diskutieren darüber, ob es nicht besser verboten werden sollte, dieses Bild in der Forschung überhaupt zu benutzen.
Aber einfach aus dem Grund, dass die Gefahr besteht, dass man Algorithmen tatsächlich auf dieses eine Bild fein tunet.
Weil es ist zwar so, dass wir heute Unmengen an Bildern haben, auf die wir zurückgreifen können und das wird natürlich auch gemacht in der Forschung.
Es ist jetzt nicht so, dass alle dieses Bild benutzen, aber selbst in den vergangenen Jahren in Papern zu dem Thema wird immer noch dieses Bild verwendet.
Und wenn man irgendwie den Algorithmus entwickelt hat, dann sagt man anhand dieses Bildes hier, guck mal, beispielhaft so toll funktioniert unser Algorithmus.
Und selbst die Universität, die das Ganze ursprünglich ausgelöst hat, hat inzwischen dieses Bild aus der Bilddatenbank genommen.
Also es gibt da eine Seite, verlinke ich auch in den Shownotes, wo man sehen kann, auf welcher Basis so diese ganzen Algorithmen ursprünglich entstanden sind.
Da kann man sich die Bilder auch runterladen, teilweise nur 512x512 groß oder vielleicht mal 1024x1024.
Also alles deutlich kleiner, als jede Handykamera heutzutage schießen kann.
Und trotzdem wird dieses schlecht eingescannte Bild immer noch zur Grundlage genommen.
Und wie gesagt, die Universität hat das entfernt aus dem Archiv und eine entsprechende Notice angebracht.
Also selbst die haben eingesehen, dass das nicht so gut ist.
Und es kommt in der Doku auch tatsächlich die echte Lena zu Wort und erzählt so ein bisschen, wie das für sie war, als sie das überhaupt rausgefunden hat und was da so dahinter steckt.
Coole Sache, vielen Dank dafür.
Einfach mal ein kurzer Beitrag zum Thema Diversity auch, auch wenn es jetzt nicht viel war.
Ja, ist ein geil Teil, deswegen meinte ich, es passt eigentlich nicht, weil man eine Reduktion auf, aber ist bei uns jetzt im Podcast einfach der geeignete Punkt, um sowas unterzubringen.
Nee, finde ich gut.
Ich finde auch, dass, ja, nee, sagen wir nichts.
Sagen wir nichts.
Manchmal ist besser einfach nichts zu sagen.
Ja, genau.
Ich sage jetzt einfach mal nichts.
Ich finde es gut, dass wir das hier unterbringen und ich werde mir das gleich mal anschauen.
Wunderbar.
Wir haben immer noch kein Outro für unser Geil-Teil.
Wir kommen einfach direkt zum Schluss.
Wir brauchen irgendwie noch einen, der Schluss.
Verdammte Axt, der Schluss.
Ja, okay, daran arbeiten wir vielleicht noch.
Wir haben schon mal besser Live-Jingle selbst eingesprochen als das eben gerade.
Gut, ja, was bleibt zum Schluss ist, naja, auf Kommentare weise ich euch jetzt nicht mehr hin.
Gut, dann mach ich's.
Gut, dann mach du das.
Kommentiert, nee, aber vor allem teilt uns unsere Ankündigungen auf Twitter und auf sonstigen Netzwerken.
Einfach mal kurz auf Retweet oder Share oder so klicken.
Tut ja nicht weh, aber erhöht vielleicht unsere Reichweite unter euren Kollegen und das wäre doch ganz nett.
Ja, und wenn mein Lüftergeräusch auch so nervt, der kann mir einfach Geld schicken.
Wollte ich jetzt auch mal.
Ja, ich muss das, vielleicht muss ich das noch kurz erklären.
Nein, nein, es ist jetzt noch kein Funding, was ich jetzt anstoße, aber vielleicht kommt das irgendwann noch.
Ja, mein Laptop, mit dem ich das hier aufnehme, der ist ein bisschen laut.
Der hat nur genau zwei Lüfter-Einstellungen.
Eine davon ist so gut wie nie an, nämlich aus.
Und dann brüllen heißt die andere Einstellung.
Das heißt, der wechselt hin und her zwischen aus und brüllen und meistens brüllt er und das brüllt ein bisschen sehr in dieses Mikrofon rein und das mich jetzt gerade nervt.
Ja, brauche ich auch nichts weiter zu sagen.
Ich sage auch noch mal, teilt den Kram, wenn es euch gefallen hat und wenn es euch nicht gefallen hat, dann bitte zweimal teilen.
Das ist ganz wichtig.
Wenn es euch gefallen hat, dann viermal teilen.
Wenn es euch nur ein bisschen gefallen hat, dann vielleicht siebenmal teilen, weil damit zeigt ihr, dass es euch so mittelmäßig gefallen hat.
Finde ich eigentlich am besten, oder?
Ja, es ist schon wieder spät.
Ja, wenn der Konstantin ganz still wird und nichts mehr sagt, dann weiß ich schon, es ist jetzt am Ende.
Es kommt nichts mehr Schlaues raus heute.
Ich habe kurz überlegt, ob ich dir wieder ein Schlagzeug einspiele.
Achso, hast du das noch?
Ja, klar.
Ah, das mit der fetten Bass dran. Danke.
Ja, dann würde ich sagen, zum Abschied noch ein bisschen Applaus.
Danke, danke, danke, danke, danke.
Ich habe auch eine Rede vor, nee, habe ich nicht. Es reicht jetzt.
Gott, tschüss.
Es reicht für heute. Ciao.
Ja, heute war irgendwie, naja, bis dann.
Was? Heute war super.
Ich bin Hunde müde.
Drück auf den Knopf.
Ich bin müde Hunde.
Ich bin Hunde.