Hypercode Blog
Introducing »Views by Hypercode«
We have plenty of test devices, simulators and browser DevTools at Hypercode. But when we’re on the go or taking a quick look on an iPhone, we usually only see the layout that fits its display. Our new app Views fills that gap: open a URL, compare multiple viewports and explore the details at each device size.
One Device. Many Perspectives.
Views shows a website at several device sizes side by side. The catalog includes all iPhone and iPad sizes, current Macs, selected Android devices and Bootstrap breakpoints. You can also define your own viewports. At a glance, you can see how your responsive web design holds up, where text wraps awkwardly or a navigation menu gets too crowded.
- Your choice of viewports: Pick smartphone, tablet, foldable and desktop sizes from an extensive device catalog, use Bootstrap breakpoints or set your own dimensions.
- Interactive previews: Scroll, click, follow links and open menus directly in each device viewport, with synchronized scroll positions.
- Live Reload and Auto Reload: Refresh previews when files change through the free Views CLI for Mac and PC, or automatically at a set interval.
- Fits your workflow: The Safari extension, Apple Shortcuts, URL scheme, CLI and Markdown guides for your AI coding agent are all included.
- Device screenshots: Capture individual viewports at device-specific sizes, share them with your team and make it easier to discuss and fix layout issues.
You’ll find all the features and more on our Views project page.
Free, With Pro Features Available
Views is free for iPhone and iPad and shows up to three viewports at once. Views Pro unlocks unlimited viewports, unlimited Live Reload and Auto Reload, and device-specific screenshots without the Views badge for a one-time in-app purchase of EUR 9.99.
We’d love for you to give Views a try. And please get in touch with any feedback, ideas or questions!
Enjoy the new perspectives!
Design & Development in Practice: Presenting Data-Driven Trade Fair and Event Apps at Media University
Before the new semester begins, we’re looking back at the previous one. At the invitation of Prof. Dr. Boris Becker, Florian and Stefan shared insights into the collaboration between our companies. Prof. Becker, who has been teaching the “Web Technologies” module with Stefan on the Digital Marketing and E-Commerce program in Cologne for the past two years, welcomed them alongside Prof. Dr. Alexander Rühle.
UX/UI Design and Technology for Trade Fair Visitors
Over an hour and a half, Stefan and Florian showed students how event apps can help people make the most of a trade fair: finding relevant content, navigating the venue and making the right connections.
Using the FairMate Event App as an example, they shared insights into our joint product development process. Hypercode has worked with dimedis as a strategic design and technology partner for several years, from concept development and UX/UI design to development for iOS and Android. The two shared lessons from this collaboration and explained how design and technical implementation work together.
Personalization and AI at Trade Fairs
One focus of the discussion was how content, recommendations and interactions can adapt to individual interests and the situation at hand. Florian and Stefan explained how data analysis can help deliver relevant information at the right moment. They also explored the potential of AI and intelligent matching: apps could suggest relevant contacts and offers, becoming personal trade fair assistants. It’s a topic they also explored in their masterclass at connect circle 2026.
Thank you to Media University and the students for the exchange. We’re looking forward to the new semester!
→ Read Media University’s report on the guest lecture
About Stefan’s Teaching
Stefan has been teaching “Web Technologies” and “User Experience & Web Analytics” at Media University since the summer semester of 2023. He brings experience from our daily work on digital products into the classroom, from the first product idea to the collaboration between design, development, stakeholders and service providers.
awork for Stream Deck: Keep Tasks and Time in View
We originally built the Raycast integration to make searching and logging time in awork faster for ourselves. As it turned out, it helped quite a few others, too. Next, we wanted to keep the most useful information visible at all times, so we could stay on top of our time entries and new tasks.
Since we’re big fans of the Elgato Stream Deck, bringing the two together felt like a natural next step. The customizable controller with its small display keys puts awork information right on your desk.
Tracked Time, Right on the Key
Tracked Time Today shows how much work time you’ve already logged in awork today. The plugin compares that time with your configured daily working hours and displays your progress directly on the key.
It’s especially useful when, between meetings and project work, you find yourself wondering: have I logged everything for today? A glance at the Stream Deck gives you a quick overview, and pressing the key takes you straight to the relevant view in awork.
Your Tasks at a Glance
How many tasks are still open? Have any new ones come in? The Task Count action displays the number of tasks directly on a Stream Deck key. You can choose from three personal views, New Tasks, My Tasks and Private Tasks, or give each view its own key.
awork AI at the Press of a Key
The Open awork AI action opens awork AI in your connected workspace directly from your Stream Deck. You can save a different prompt for each AI key. Pressing the key opens awork AI in your browser with your text prefilled as the prompt for a new chat. Without a saved prompt, the key takes you straight to awork AI.
Your recurring prompts now have a place on your desk, too: add several AI keys, save your prompts and give each key a matching name. The prompts you use most are always within reach.
Setup & Download
The plugin runs on macOS and Windows. To get started, create an API client in awork; this may require admin permissions. You’ll find each step in our setup guide. Then choose which information and actions appear on each key. You can set the refresh interval for each task or time key individually. For Open awork AI, enter your optional prompt in that key’s settings.
You can find the plugin in the official Elgato Marketplace and install it on your Stream Deck for free. Enjoy, and may your time entries and tasks always be in view!
This is the first in a series of Stream Deck plugins we’ve developed and published for professionals and ourselves. Also available:
- Web Analytics for Stream Deck, which displays website metrics from the popular, GDPR-compliant analytics services Matomo, Plausible and Fathom.
- Feed Key for Stream Deck, our take on a feed reader for Elgato’s hardware controller. A badge lets you know about new content in RSS and Atom feeds, YouTube channels, GitHub releases and podcasts, and pressing the key opens the source.
We’ll take a closer look at these here on the blog soon.
A Hole-in-One Under Blacklight ⛳
Although not everyone could make it, our team played its way from hole to hole through the colourful blacklight worlds. With our 3D glasses on, we passed glowing temples, ventured into space and explored neon cyberpunk cities. Some of us were holding a minigolf club for the first time, but that hardly slowed them down: even the first-timers sank their balls in just a few strokes. There were strong performances all round and a few holes-in-one to celebrate. ⛳
Afterwards, we rounded off the evening with good food and drinks. It was lovely to spend some more time together outside the office. Another successful team outing — we’d happily do it again!