Über uns

Thomas Bieli

Lead Frontend Entwickler

«Ich liebe es, komplexe Herausforderungen in eleganten, funktionierenden Code zu übersetzen. Für mich zählt am Ende des Tages, dass die Plattform stabil läuft und der Kunde zufrieden ist.»

Thomas Bieli ist Lead Frontend Entwickler bei Raffiniert Media AG und eine tragende Säule in der technischen Umsetzung unserer grössten Enterprise-Projekte. Er verantwortet als Lead Developer die Frontend-Architektur für coop.ch und Coop City und meistert dabei die Herausforderung, hochkomplexe Systeme stabil und performant zu halten. Thomas zeichnet sich durch seine Leidenschaft für eleganten Code und seine Fähigkeit aus, technische Hürden in effiziente digitale Erlebnisse zu verwandeln, die täglich von Millionen von Nutzern verwendet werden.

Thomas Bieli

Technologische Exzellenz & Architektur

Bei der Umsetzung setzt Thomas auf moderne Frameworks und bewährte Industriestandards. Ziel ist es, digitale Plattformen zu schaffen, die nicht nur heute performen, sondern auch morgen skalierbar und wartbar bleiben. Der technologische Schwerpunkt liegt auf:

Frontend & Full-Stack Development

Tiefgreifende Expertise in der Entwicklung grossskalierter Web-Applikationen.

Moderne Frameworks

  • React
  • Next.js
  • Tailwind

Legacy & Core-Technologien

Fundiertes Wissen in

  • jQuery
  • Handlebars
  • LESS

Enterprise E-Commerce

Frontend Lead für

  • coop.ch
  • coop-city

Technical Leadership

Verantwortung für die Code-Qualität und technische Leitung innerhalb grosser Shop-Projekte.

Stories von Thomas Bieli

Illustration eines Laptops

Responsive Tables: Die bessere Option zu Tabellen

Tabellen werden häufig verwendet, um Daten übersichtlich darzustellen. Auch auf Webseiten sind sie oft zu finden. Allerdings werden sie immer seltener eingesetzt, da es oft Probleme mit der Darstellung auf kleinen Geräten wie Tablets oder Handys gibt.

Fancy Css hover menu

Ein fancy Hover-Menü mit CSS gestalten

Navigationen bestehen oft aus Dropdown-Menüs, die meist mit JavaScript eingeblendet werden. Doch das geht auch nur mit CSS. In diesem Beispiel zeigen wir ein einfaches Menü mit vier Hauptpunkten, dessen Untermenüs per Hover erscheinen – ganz ohne JavaScript.

Container Queries

CSS Container Queries erklärt

Webentwickler kennen Media Queries, um Layouts je nach Gerät anzupassen. Am Beispiel von Produkt-Teasern zeigen wir erst die klassische Lösung mit Media Queries und deren Grenzen – und danach, wie Container Queries diese Probleme deutlich flexibler lösen können.