Hypercode Blog
Introducing »Views by Hypercode«
Testgeräte, Simulatoren und Browser-DevTools haben wir bei Hypercode reichlich. Doch unterwegs oder beim schnellen Blick aufs iPhone sehen wir meist nur die eine Ansicht, die zum eigenen Display passt. Unsere neue App Views genau schließt diese Lücke: URL öffnen, mehrere Viewports vergleichen und direkt in die Device-spezifischen Details einsteigen.
Ein Gerät. Viele Perspektiven.
Views zeigt eine Website dazu in mehreren Gerätgrößen nebeneinander. Mit dabei: Alle iPhones und iPads, aktuelle Macs, ausgewählte Android-Devices, Boostrap-Breakpoints und die Möglichkeit eigene Viewports zu definieren. So seht ihr auf einen Blick, wie sich euer Responsive Webdesign schlägt, wo Texte ungünstig umbrechen oder eine Navigation zu voll wird.
- Viewports nach Wahl: Smartphone-, Tablet-, Foldable- und Desktop-Größen aus einem umfassenden Gerätekatalog, als Bootstrap-Breakpoints oder mit eigenen Abmessungen.
- Interaktive Vorschauen: Scrollen, Klicken, Links folgen, Menüs öffnen – mit synchronisierter Scroll-Position und direkt in den Device-Viewports.
- Live Reload und Auto Reload: Vorschauen aktualisieren sich bei Dateiänderungen über die kostenlose Views CLI für Mac und PC oder in einem festen Intervall.
- Im eigenen Workflow: Safari-Erweiterung, Apple Shortcuts, URL-Scheme, CLI und Markdown-Guides für euren KI-Coding-Agenten sind direkt mit dabei.
- Device-Screenshots: Einzelne Viewports in den Device-spezifischen Größen festhalten, teilen im Team besprechen und fixen waren nie einfacher.
Alle Funktionen und weitere Einblicke findet ihr auf unserer Projektseite zu Views.
Kostenlos plus Pro-Features
Views ist für iPhone und iPad kostenlos und zeigt bis zu drei Viewports gleichzeitig. Views Pro schaltet per einmaligem In-App-Kauf für 9,99 EUR unbegrenzt viele Viewports, unbegrenztes Live Reload und Auto Reload sowie Device-spezifische Screenshots ohne Views-Badge frei.
Wir würden uns freuen, wenn ihr Views ausprobiert. Und meldet euch gerne mit Feedback, Ideen oder Fragen!
Viel Spaß beim Perspektivwechsel!
Design & Development aus der Praxis: Vorstellung von datengetriebenen Messe- und Event-Apps an der Media University
Bevor das neue Semester beginnt, blicken wir noch einmal auf das vergangene zurück: Auf Einladung von Prof. Dr. Boris Becker gaben Florian und Stefan Einblicke in die Zusammenarbeit unserer Unternehmen. Prof. Becker, mit dem Stefan seit zwei Jahren das Modul „Web-Technologien“ im Studiengang „Digitales Marketing und E-Commerce“ in Köln gestaltet, begrüßte die beiden gemeinsam mit Prof. Dr. Alexander Rühle.
UX/UI-Design und Technologie für den Messebesuch
In anderthalb Stunden zeigten Stefan und Florian den Studierenden, wie Event-Apps den Messebesuch gezielt unterstützen können: bei der Suche nach relevanten Inhalten, der Orientierung vor Ort und beim Knüpfen passender Kontakte.
Am Beispiel der FairMate Event-App gaben sie Einblicke in die gemeinsame Produktentwicklung. Hypercode begleitet dimedis seit mehreren Jahren als strategischer Design- und Technologiepartner – von der Konzeption über das UX/UI-Design bis zum Development für iOS und Android. Die beiden teilten Erfahrungen aus dieser Zusammenarbeit und erläuterten das Zusammenspiel von Gestaltung und technischer Umsetzung.
Personalisierung und KI im Messealltag
Ein Schwerpunkt der Diskussion war die Frage, wie sich Inhalte, Empfehlungen und Interaktionen an individuelle Interessen und die jeweilige Situation anpassen lassen. Florian und Stefan erläuterten, wie die Auswertung von Daten dabei helfen kann, relevante Informationen im richtigen Moment bereitzustellen, sowie das Potenzial von KI und intelligentem Matching: Apps könnten passende Kontakte und Angebote vorschlagen und so zu persönlichen Messe-Assistenten werden. Ein Thema, das die beiden bereits bei ihrer Masterclass beim connect circle 2026 vertieften.
Danke an die Media University und die Studierenden für den Austausch – wir freuen uns auf das neue Semester!
→ Zum Bericht der Media University über den Gastvortrag
Über Stefans Lehrtätigkeit
Bereits seit dem Sommersemester 2023 unterrichtet Stefan an der Media University die Seminare „Web-Technologien“ und „User Experience & Web-Analytics“. Dabei bringt er Erfahrungen aus unserer täglichen Arbeit an digitalen Produkten in die Lehre ein – von der ersten Produktidee bis zum Zusammenspiel von Design, Development, Stakeholdern und Dienstleistern.
awork for Stream Deck – Aufgaben & Zeiten mit dem beliebten Bedienpult immer im Blick
Mit der Raycast-Integration hatten wir zunächst das schnelle Suchen und Buchen in awork für uns vereinfacht – und, wie sich herausstellte, auch für einige andere. Nun wollten wir die wichtigsten Infos jederzeit sichtbar machen, um Zeitbuchungen und neue Aufgaben stets im Blick zu behalten.
Da wir im Team große Fans des Elgato Stream Decks sind, bot es sich an, beides miteinander zu verbinden: Das frei konfigurierbare Bedienpult mit kleinen Display-Tasten bringt die awork-Infos direkt auf den Schreibtisch.
Erfasste Zeit direkt auf der Taste
Mit Tracked Time Today seht ihr, wie viel Arbeitszeit ihr heute bereits in awork erfasst habt. Das Plugin setzt diese Zeit ins Verhältnis zu eurer eingestellten täglichen Arbeitsdauer und zeigt euch den Fortschritt direkt auf der Taste an.
Das ist vor allem dann praktisch, wenn zwischen Meetings und Projektarbeit die Frage aufkommt: Habe ich für heute schon alles gebucht? Ein Blick aufs Stream Deck hilft bei der Orientierung; per Tastendruck geht es direkt zur passenden Ansicht in awork.
Die eigenen Aufgaben auf einen Blick
Wie viele Aufgaben sind noch offen? Sind neue dazugekommen? Die Aktion Task Count zeigt die Anzahl der Aufgaben direkt auf einer Stream-Deck-Taste. Dafür könnt ihr zwischen den drei persönlichen Ansichten New Tasks, My Tasks und Private Tasks wählen – oder gleich jeder Ansicht eine eigene Taste geben.
awork AI per Tastendruck
Mit der Aktion Open awork AI öffnet ihr awork AI in eurem verbundenen Workspace direkt vom Stream Deck aus. Für jede AI-Taste könnt ihr einen eigenen Prompt speichern. Beim Tastendruck öffnet sich awork AI im Browser mit eurem Text als vorausgefülltem Prompt für einen neuen Chat. Ohne gespeicherten Prompt gelangt ihr direkt zu awork AI.
So bekommen auch wiederkehrende Prompts einen festen Platz auf dem Schreibtisch: Legt mehrere AI-Tasten an, hinterlegt die jeweiligen Texte und gebt den Tasten passende Namen. Eure häufig genutzten Prompts sind damit jederzeit griffbereit.
Setup & Download
Das Plugin läuft unter macOS und Windows. Für die Einrichtung legt ihr zunächst einen API-Client in awork an; dafür können Adminrechte nötig sein. Die einzelnen Schritte findet ihr in unserer Setup-Anleitung. Anschließend legt ihr fest, welche Infos und Aktionen auf welchen Tasten erscheinen. Wie häufig die Aufgaben- und Zeitwerte aktualisiert werden, lässt sich für jede dieser Tasten einzeln einstellen. Für Open awork AI tragt ihr euren optionalen Prompt in den Einstellungen der jeweiligen Taste ein.
Ihr findet das Plugin im offiziellen Elgato Marketplace, über den ihr es kostenlos auf eurem Stream Deck installieren könnt. Viel Spaß damit und möget ihr immer alle Buchungen und Tasks im Blick haben!
Dies ist das erste einer Reihe von Stream-Deck-Plugins, die wir für Professionals (und uns) entwickelt und veröffentlicht haben. Bereits online sind außerdem:
- Web Analytics for Stream Deck, das diverse Website-Metriken von den beliebten, DSGVO-konformen Analytics-Diensten Matomo, Plausible und Fathom darstellt.
- Feed Key for Stream Deck, unser Take eines Feedreaders für Elgatos Hardware-Steuerung, der per Badge über neue Inhalte in RSS-/Atom-Feeds, YouTube-Kanälen, GitHub-Releases und Podcasts informiert und die Quelle bei Tastendruck öffnet.
Auch diese stellen wir später hier im Blog nochmal genauer vor.
Hole-in-One unter Schwarzlicht ⛳
Unser leider nicht ganz besetztes Team hat sich von Bahn zu Bahn durch die bunten Schwarzlicht-Welten gespielt. Mit den 3D-Brillen auf der Nase ging es vorbei an leuchtenden Tempeln, ins All und durch neonbunte Cyberpunk-Städte. Einige hatten dabei zum ersten Mal einen Minigolf-Schläger in der Hand, ließen sich davon aber wenig beeindrucken: Auch die Neulinge lochten mit wenigen Schlägen ein. Durch die Bank gab es gute Leistungen und das ein oder andere Hole-in-One zu feiern. ⛳
Anschließend haben wir den Abend gemeinsam bei gutem Essen und Drinks ausklingen lassen. Schön, auch außerhalb des Büros mal wieder länger zusammenzusitzen. Einmal mehr ein gelungenes Team-Event. Gerne wieder!