iiinova — where your digital self keeps evolving

#marjanvanAubel über „Solar Futures“: Design mit der Sonne, Systeme jenseits fossilen Denkens - sogar im Gegensatz dazu - entwerfen.. #btConf @beyondtellerrand.com

Konferenzbühne mit großer Leinwand, die ein Buch mit dem Titel Solar Futures zeigt, während eine Speakerin vor Publikum präsentiert.

Speakerin in grünem Shirt auf der Bühne neben einem Holzpult, präsentiert ruhig unter violettem Licht.

000

#chipKidd Präsentiert Anekdoten darüber, wie er Bücher, Design und Popkultur verbindet: von Jurassic Park über Murakami bis Avengers, Storytelling über Cover, die im Kopf bleiben. #btConf @beyondtellerrand.com

Große Leinwand mit einem aufgeschlagenen Buch mit Dinosaurier-Illustrationen und Notizen während eines Vortrags, umgeben von Bühnenlicht.

Bühne mit leuchtenden BT-Buchstaben und einer Präsentationsfolie mit Dinosaurierskelett und Buchdesign-Elementen.

Nahaufnahme eines Mannes mit Brille vor einer farbintensiven Jurassic-Park-Visualisierung mit Dinosaurier und leuchtenden Farben.

Präsentationsfolie mit einem Buchcover mit einer Katze in einer Box und Text, der sich auf Haruki Murakami bezieht.

000

Zurück nach der Pause. Bereit für die nächste Runde an Ideen. #btConf @beyondtellerrand.com

Panorama eines Veranstaltungsorts mit Bühne, Beleuchtung, sitzendem Publikum an Tischen und großer Leinwand mit der Aufschrift welcome back.

011

#nielsLeenheer hackt Hardware mit CSS:Uhren, Nebel, Laser und spielerische Komplexität auf der Bühne. Code trifft Chaos, im besten Sinne. #btConf @beyondtellerrand.com

Speaker steht auf der Bühne an einem Tisch mit elektronischem Equipment und Laptop unter violettem Licht.

Presenter bewegt sich durch Bühnennebel, während im Hintergrund ein Setup läuft und eine experimentelle Atmosphäre entsteht.

Bühnenszene mit leuchtenden „BT“-Buchstaben und einer Leinwand mit „15 Years Beyond Tellerrand“, während ein Speaker neben technischem Equipment präsentiert.

020

#oliverReichenstein eröffnet Tag eins mit Aufmerksamkeit, Wert und Bedeutung – von negativ über glücklich bis hin zu pompös: eine Bewegung von Kritik zu Klarheit zu einer scharf umrissenen Form von Selbstbewusstsein. “Think outside the box. Then throw the box away.” #btConf @beyondtellerrand.com

Weitwinkelaufnahme eines Konferenzsaals mit Bühne, großer Leinwand und Publikum unter blauem Licht und Kronleuchtern.

Nahaufnahme einer Präsentationsfolie mit dichtem Text über Aufmerksamkeit, Intelligenz und Ökonomie.

Redner auf der Bühne neben einem Tisch mit Audioequipment und Laptop, spricht vor einem sitzenden Publikum.

Konferenzfolie mit dem Satz „Think outside the box. Then throw the box away.“ auf dunklem Hintergrund.

030

Studio Mitte @studiomitte.com · 26/04/2026

#btConf Morgenlauf: 9,31 km durch Düsseldorf mit großartigen Menschen und guten Gesprächen. Ein großartiger Start in den Tag – nach einem langen Abend beim Wiedersehen auf der Warm-up-Party und an der Hotelbar. @beyondtellerrand.com

Karte aus einer Lauf-App mit einer 9,31 km Strecke durch Düsseldorf sowie Zeit- und Pace-Angaben.

Gruppe von Läufern auf einem von Bäumen gesäumten Weg in einem Park im Morgenlicht.

000

Bahnreisende aller Länder vereinigt Euch! #btconf #oebb

Schwarzer Ledersitz im Zug mit roter Kopfstütze, ein ausgestrecktes Bein davor und eine Anzeige mit nächsten Haltestellen darüber.

Zugabteil mit schwarzem Ledersitz im Vordergrund, roten Sitzbänken im Hintergrund und einer Person mit Kopfhörern am Fenster.

Studio Mitte @studiomitte.com · 26/04/2026

Noch in Österreich und der Zug nach München hat ~9 Min Verspätung – läuft 😄 wir sind unterwegs. #btConf

Bahnsteig am Linzer Hauptbahnhof mit Anzeige für einen Zug nach München Hbf um 07:45 mit etwa 9 Minuten Verspätung; blauer Himmel, Gleise in die Ferne und wartende Reisende mit Gepäck.

000

Studio Mitte @studiomitte.com · 11/04/2026

Der Talk zu den Chancen des European Accessibility Acts von #wernerRosenberger war sehr gut: klar erklärt, praxisnah und mit vielen guten Denkanstößen. #WCVIE #accessibleMedia vienna.wordcamp.org/2026/session...

Vortragssaal mit Speaker vor einer Folie zum European Accessibility Act; zu sehen sind Titel, Untertitel sowie die Logos von WACA und TÜV Austria.

Vortragssaal mit Folie „Vorteile von Web Accessibility“, die Vorteile wie bessere User Experience, SEO, Codequalität, geringere Kosten, mehr Leads und größere Reichweite aufzählt.

Folie mit dem Titel „Gesetze in Österreich“; genannt werden WZG für öffentliche Einrichtungen, der European Accessibility Act und das Barrierefreiheitsgesetz für Unternehmen sowie das Bundes-Behindertengleichstellungsgesetz.

Nach dem Vortrag sprechen mehrere Personen vorne im Saal vor dem WordPress-Vienna-Banner miteinander; der Speaker Werner Rosenberger sitzt im Rollstuhl zwischen zwei Tischen.

Studio Mitte @studiomitte.com · 11/04/2026

„GEO statt nur SEO“ – #SebastianProhaska bot in einer der Abschlusssessions von Tag 1 auf der #WCVIE eine allgemeine Perspektive darauf, wie man in KI-getriebenen Suchsystemen sichtbar bleibt. vienna.wordcamp.org/2026/session...

Speaker vor der Titelfolie „GEO statt nur SEO“ mit dem Untertitel „Wie WordPress-Websites in KI-Suchen sichtbar bleiben“ von Sebastian Prohaska.

Speaker gestikuliert vor dem WordPress-Vienna-Banner; die projizierte Folie ist oben angeschnitten und zeigt nur einen kleinen Teil des ithelps-Logos.

Abschlussfolie mit „Vielen Dank!“, einem Rankscale.ai-Angebot mit 50 Prozent Rabatt im ersten Monat über den Code „ITHELPS“ sowie den Kontaktdaten von Sebastian Prohaska.

000

Studio Mitte @studiomitte.com · 10/04/2026

„Live Performance Analyse einer WordPress Seite“ von #RobertChwistek ist thematisch spannend und definitiv relevant. Die Präsentation selbst ist allerdings recht ruhig und etwas langsam, und auch das Audio macht es nicht leichter, durchgehend dranzubleiben. vienna.wordcamp.org/2026/session... #WCVIE

Teilansicht eines Vortragssaals mit Publikum und teilweise sichtbarer Präsentationsfolie im Hintergrund.

Vortragssituation mit Speaker vor einer Präsentationsfolie, die im oberen Bereich außerhalb des Bildausschnitts liegt.

Teilnehmende sitzen in einem Vortragssaal und verfolgen eine Präsentation außerhalb des sichtbaren Bildausschnitts.

000

Studio Mitte @studiomitte.com · 10/04/2026

„Who needs code quality anyway? A WordPress perspective“ war ein eher ruhiger Talk von #christophDaum – nichts wirklich Neues, aber eine solide Auffrischung zu Commit Messages und sauberem Arbeiten im Alltag. vienna.wordcamp.org/2026/session... #WCVIE

Vortragssaal mit Blick auf eine Präsentation zu Commit-Nachrichten; ein Speaker steht vorne und erklärt Inhalte, während Teilnehmende mit Laptops zuhören.

Abschlussfolie einer Präsentation mit „Questions?“ sowie zwei QR-Codes für Slides und weitere Beispiele.

000

Studio Mitte @studiomitte.com · 10/04/2026

Wieder beim WordCamp Vienna – viel Networking, bekannte Gesichter, insgesamt eher ruhige Stimmung. #WCVIE

Eingang des Veranstaltungsorts mit einer blauen WordCamp-Vienna-Flagge vor verglasten Türen an einem regnerischen Tag.

Blick von oben auf einen offenen Networking-Bereich mit Sponsorständen, an denen Teilnehmende in kleinen Gruppen stehen und sich austauschen.

000

Reposted by Studio Mitte

Mario Rader @r8r.at · 18/03/2026

Here's the #WordCamp #Vienna 2026 talks as an importable iCal-file, for everyone who may find this helpful: std.mt/wc26-schedule #WCVIE

std.mt

Access via Synology

Click here to open the link

001

Studio Mitte @studiomitte.com · 01/03/2026

Zum Abschluss der #SotB26 unterhält uns @cassiecodes.bsky.social mit #JavaScript live coding. Ihr kleines Game, basierend auf #GSAP hat sie in „Game On!“ mit Publikumsinput gewürzt. Das Video wird’s wert sein angesehen zu werden, wenn‘s draußen ist! #SotB 2026.stateofthebrowser.com/speaker/cass...

Cassie Evans steht auf der Bühne beim State of the Browser 2026 vor einer pixelartigen Folie mit einem Monitor und der großen Aufschrift „GAME ON!!“.

Cassie Evans präsentiert eine Code-Folie mit einer JavaScript-Klasse „Player“ und einer GSAP-Animation, sichtbar im Editor mit mehreren geöffneten Dateien, State of the Browser 2026.

Eine minimalistische Spielszene in Pixelgrafik mit einer kleinen Figur links und einer Plattform rechts, gezeigt von Cassie Evans beim State of the Browser 2026.

Cassie Evans demonstriert ein Pixel-Art-Bürospiel mit Statusanzeigen wie „energy“, „work“ und „tickets“ sowie einer Figur vor Schreibtischen und Whiteboard, State of the Browser 2026.

Bei der #SotB26 zeigt @mikehall314.bsky.social in „Lessons from Building for the Bottom of the Web“, dass Performance kein Luxus ist, sondern #a11y bedeutet – wer für schwache Geräte und Bedingungen baut, macht das Web für alle besser. #SotB 2026.stateofthebrowser.com/speaker/mike...

Mike Hall steht am Rednerpult beim State of the Browser 2026 vor einer Titelfolie mit „Lessons from Building for the Bottom of the Web“.

Mike Hall präsentiert eine Folie mit einem klassischen Nokia-Feature-Phone und technischen Einschränkungen wie kein Touchscreen, kein WLAN, 240×320-Display und 30 MB RAM als Beispiel für das „Bottom of the Web“, State of the Browser 2026.

Folie mit der großen Aufschrift „128KB Total Page Budget“, während Mike Hall vor dem Publikum steht, State of the Browser 2026.

Mike Hall steht vor einer Folie mit der Aussage „Performance is accessibility“ und betont die Kernaussage seines Talks: Durch Performance-Optimierung wird das Web für alle besser – „by building for performance we made it better for everyone“, State of the Browser 2026.

000

Erster Nachmittagtalk der #SotB26 von @jason-williams.co.uk - über JavaScript Standardisierungsprozesse und Temporal im Speziellen #TC39 #W3C #SotB Check out jsdate.wtf! Und Temporal sollte am 10.3. Stage 4 sein! 2026.stateofthebrowser.com/speaker/jaso...

Jason Williams steht am Rednerpult beim State of the Browser 2026 vor einer Titelfolie mit „Temporal“ sowie seinem Namen und „Bloomberg Engineering“.

Jason Williams präsentiert eine Grafik zur Entwicklung der JavaScript-Anwendungsgröße von 2011 bis 2018, getrennt nach First-Party- und Third-Party-Code, State of the Browser 2026.

Folie mit dem Titel „TEST262: ECMAScript Test Suite“ und Balkendiagrammen zur Anzahl von Tests für Bereiche wie Temporal, Function, String und Date, präsentiert von Jason Williams beim State of the Browser 2026.

Jason Williams zeigt eine Folie mit dem Hinweis „Shipped!“ und Logos von Chrome, Firefox, Safari, Edge, Node.js und TypeScript, inklusive Versionsangaben, State of the Browser 2026.

041

Großartiger Talk von @zachleat.com bei #SotB26: „It’s 10PM - do you know where your JavaScript is?“ Sehr unterhaltsam, großer Denkanstoß und eine Reise durch die Web UX Gewchichte, mit einem ziemlich kritischen Kern. (MM_swapImage war unerwartet.) 2026.stateofthebrowser.com/speaker/zach... #SotB

Zach Leatherman steht am Rednerpult beim State of the Browser 2026; auf der Leinwand ist ein altes Fernsehgerät mit der Aufschrift „10 PM – Do you know where your JavaScript are?“ vor einer Backsteinwand zu sehen.

Folie im Stil einer digitalen Zeitanzeige mit „08:00 AM“ und „1991“ sowie dem Hinweis „Destination Time“, gezeigt von Zach Leatherman beim State of the Browser 2026.

Nahaufnahme einer Folie mit JavaScript-Code aus einer HTML-Datei, hervorgehoben sind Funktionen wie „MM_findObj“ und „MM_swapImage“, präsentiert beim Talk von Zach Leatherman, State of the Browser 2026.

Zach Leatherman zeigt eine Folie mit einer Szene aus einer Büroserie; auf einem Flipchart steht ein Dreieck mit „SPA“, „Client Side Rendering / CSR“ und „Create-React-App“, State of the Browser 2026.

000

Mit Ihrem #SotB25 Beitrag „The Plateau of Accessibility Compliance: Where do we go from here“, spricht Chad Growler @kitation.co.uk nicht nur über Videospiel #a11y, sondern fordert uns auch heraus, Beeinträchtigung ernster zu nehmen. #SotB 2026.stateofthebrowser.com/speaker/chad...

Chad Growler steht am Rednerpult beim State of the Browser 2026 vor einer Titelfolie mit „The plateau of accessibility compliance“ und ihrem Namen mit Pronomen (they/them)

Chad Growler spricht vor einer Folie mit der Aussage „You can go your entire career without ever saying the phrase disabled person“; links ist ein Monitor mit Live-Untertiteln sichtbar, State of the Browser 2026.

Chad Growler präsentiert eine Folie mit einem Videospiel-Kartenbild als Beispiel, während sie am Rednerpult stehen, State of the Browser 2026.

Abschlussfolie mit der Frage „What should you take away from this?“ und drei Punkten: „Recentre disability“, „Context is key“ und „Curate your own guidelines“, präsentiert von Chad Growler beim State of the Browser 2026.

000

Im zweiten Talk bei #SotB26 zeigt #FionaSafari, wie Introvertierte durch kleine, bewusste Schritte, klugen Einsatz von Small Talk und gutes Energiemanagement authentische Verbindungen aufbauen – im Job und darüber hinaus. Wachstum heißt nicht mehr tun, sondern sich selbst akzeptieren. #SotB

Fiona Safai steht auf der Bühne beim State of the Browser 2026 vor einer Titelfolie mit „The Art of Connection: How to Thrive at Work and Beyond as an Introvert“ und ihrem Porträtfoto.

Fiona Safai präsentiert zwei Kernpunkte ihres Talks: „Start small, design your growth zone“ und „Use small talk as a tool“; links ist ein Monitor mit Live-Untertiteln sichtbar, State of the Browser 2026.

Fiona Safai spricht vor einer Folie mit den Punkten „Plan ahead, preparation is confidence“ und „Recharge intentionally, treat energy as a resource“ beim State of the Browser 2026.

Fiona Safai steht auf der Bühne vor einer Abschlussfolie mit der Botschaft „Take one small step at a time & accept yourself“, State of the Browser 2026.

100

Der erste Talk bei #SotB26 - von @bram.us van Damme: „Anchors aweigh!“ CSS-anchor positioning. Detailliert. Sehr detailliert. #SotB

Bramus van Damme steht auf der Bühne beim State of the Browser 2026 und präsentiert den Talk „Anchors Aweigh!“; auf der Leinwand steht „Anchors Aweigh! – Tethering Elements in Pure CSS with Anchor Positioning“, links ist ein Monitor mit Live-Untertiteln sichtbar.

Vorstellungsfolie von Bramus van Damme beim Talk „Anchors Aweigh!“ mit Foto, Social-Media-Handles und der URL bram.us, gezeigt beim State of the Browser 2026.

Bramus van Damme erklärt auf der Bühne die „Position-Area Grid“-Funktion; die Folie zeigt ein Diagramm mit Anchor- und Tooltip-Element sowie CSS-Code zu anchor-name und position-area, State of the Browser 2026.

Folie mit CSS-Beispiel zu container-type: anchored und Tooltip-Positionierung, während Bramus van Damme beim Talk „Anchors Aweigh!“ auf die Leinwand blickt, State of the Browser 2026.

110

Der erfüllendste Nebeneffekt von freundlichen und inklusiven Web-Konferenzen wie #SotB sind die Leute und wen man dort kennenlernt. Die Talks können jetzt starten …

Teilnehmende des State of the Browser 2026 unterhalten sich und sitzen im begrünten Innenbereich des Barbican mit Glasdach und Betonarchitektur.

Teilnehmende des State of the Browser 2026 stehen und unterhalten sich im verglasten Innenhof des Barbican unter einem Stahl-Glasdach; einige halten Getränke, Stehtische und Pflanzen sind im Raum verteilt.

Teilnehmende gehen durch einen überdachten, tunnelartigen Glasgang im Barbican zum Veranstaltungsbereich des State of the Browser 2026.

Publikum sitzt im Vortragssaal des Barbican vor Beginn eines Talks beim State of the Browser 2026; auf der Bühne ist eine Präsentationsfolie mit „2026 State of the Browser“ zu sehen.

000

Studio Mitte @studiomitte.com · 01/12/2025

Zurück bei State of the Browser #SotB26 für einen Tag voller Inspiration und Information. #SotB

Blick von unten auf die brutalistische Architektur des Barbican in London an der Silk Street EC2, mit hohem Wohnturm links, geschwungenem Gebäudekomplex rechts und grauem Himmel beim State of the Browser 2026.

Eingangsbereich des Barbican in London mit beleuchtetem „Welcome to the Barbican“-Schild, Betonfassade und Glasaufbauten, aufgenommen beim State of the Browser 2026.

Innenbereich des Barbican mit farbig beleuchteter Kassettendecke, Beschilderung zur Martini Bar und ringförmigem Decken-Element, aufgenommen während State of the Browser 2026.

Ausblick aus dem Barbican auf den gepflasterten Innenhof mit Wasserbecken, Sitzbänken und umliegenden Gebäuden, fotografiert beim State of the Browser 2026 in London.

000

Die Weihnachtszeit ist jetzt offiziell in full swing. Danke allen im Team und allen mit denen wir tolle Dinge machen dürfen. Auf einen geregelten Jahresendspurt … ✨

000

Reposted by Studio Mitte

Mario Rader @r8r.at · 06/05/2025

“Let devs design & let designers code.” @matthiasott.com reminds us: the web is a material — not a canvas — and we should all get our hands dirty. Designers: learn HTML & CSS. Developers: design boldly. @beyondtellerrand.com #btConf

Matthias Ott on stage at beyond tellerrand Düsseldorf. Behind him, a large slide reads: “Let devs design & Let designers code” with bright underline accents.

2256

Reposted by Studio Mitte

Mario Rader @r8r.at · 05/05/2025

AI is already everywhere—but it’s built on shaky ethics, huge energy costs, and inaccessible code. We can’t ignore its impact or its promise. Time to hold creators accountable. — Léonie Watson @tink.uk at @beyondtellerrand.com #btConf

Léonie Watson @tink.uk on stage at #btConf with a slide showing a cartoon builder saying “Can we fix it? No. It’s f**ked.”

042

Reposted by Studio Mitte

Mario Rader @r8r.at · 04/05/2025

#btConf here we come. En route to Düsseldorf with @pimpmytype.bsky.social via #oebb and @deutschebahn.com. Looking forward excitedly to bring lots of information and inspiration back home to @studiomitte.com HQ.

A Deutsche Bahn ICE train is at platform 6B at the train station in Linz. The display board above shows “ICE 94 Hamburg Altona 07:34 via Wels Hbf” along with an analog ÖBB station clock.

011

Studio Mitte @studiomitte.com · 29/03/2025

We’re at State of the Browser again this year. Thank you @londonwebstandards.org for this beautiful, cozy, informative, inclusive event. It’s great to see so many awesome people and take home this great input.

Dave welcoming the #StateOfTheBrowser crowd on stage.

@r8r.at at the Barbican in front of a Barbkcan Centre Sign.

Oliver Schöndorfer, speaker at State Of The Browser and @r8r.at on the tube, smiling into the camera.

021

Reposted by Studio Mitte

Mario Rader @r8r.at · 28/03/2025

Leaving home at 5am - en route to @londonwebstandards.org‘s #SotB.

Business classes seats on a train of the ÖBB

Train tracks in front of a graveyard graffiti wall.

021

Studio Mitte @studiomitte.com · 05/03/2025

Unternehmerisches demokratisches Mitspracherecht verdient ✅

Mario Rader @r8r.at · 09/12/2024

Reposted by Studio Mitte

Teaching HTML & CSS basics, many times I've been wondering about HTML color names & their origins. Especially "Rebecca Purple" – being married to a Rebecca myself. The story behind it is sad, but interesting & memorable. Nods to @meyerweb.com & @robocco.bsky.social. www.linkedin.com/pulse/heartw...

linkedin.com

The Heartwarming Story Behind CSS's New Logo and the Color That Changed the Web

#rebeccapurple — A tribute to the girl who wanted a “big girl” name. ❤️ A New Logo With a Hidden Meaning You might not think twice about the story behind the colors you see on websites or in design to...

051

Studio Mitte @studiomitte.com · 17/04/2023

Beyond Tellerrand ist zurück. Und wir sind das auch. #btconf t.co/O7vk8xIzLf t.co/kKnN5gYH7k

Studio Mitte @studiomitte.com · 17/04/2023

After an interesting workshop day - kicking off @btconf DUS 23. beautiful to be back. Thank you @marcthiele and your entire team. / @r8r@mastodon.social t.co/xBLr6gwPs3

Studio Mitte @studiomitte.com · 23/09/2022

Der komplexe Prozess der Berechnung der Höhe der Studienbeihilfe wird mit dem neuen AK Stipendienrechner zum Kinderspiel. t.co/VDzmaSJQ1j t.co/x60kxItaiF

Studio Mitte @studiomitte.com · 02/09/2022

Serverbackups sind essentiell und müssen nicht mühsam sein - @elmarputz zeigt es hier anhand von BorgBackup t.co/FJSKWVP4Bz

Studio Mitte @studiomitte.com · 23/04/2022

Remote development with #docker and #ddev - hands on and lessons learned by @elmarputz at #t3cvie #TYPO3 t.co/lgW4DJ0BRQ