{
    "version": "https://jsonfeed.org/version/1",
    "title": "eay.cc",
    "description": "Weblog von Stefan Grund",
    "home_page_url": "https://eay.cc",
    "feed_url": "https://eay.cc/2026/introducing-views-by-hypercode/feed/json/",
    "icon": "https://eay.cc/apple-touch-icon.png",
    "favicon": "https://eay.cc/favicon.ico",
    "author": {
        "name": "Stefan Grund",
        "url": "https://stefangrund.de/",
        "avatar": "https://stefangrund.de/avatar.jpg"
    },
    "items": [
        {
            "id": "43255",
            "_type": "standard",
            "url": "https://eay.cc/2026/introducing-views-by-hypercode/",
            "title": "Introducing \u00bbViews by Hypercode\u00ab",
            "content_html": "<p><video src=\"https://eay.cc/uploads/2026/views-by-hypercode-teaser.mp4\" muted autoplay loop playsinline style=\"width: 100%; height: auto; aspect-ratio: 16/0;\"   poster=\"https://eay.cc/uploads/2026/views-by-hypercode-teaser.webp\" data-lightbox><img decoding=\"async\" src=\"https://eay.cc/uploads/2026/views-by-hypercode-teaser.webp\" alt=\"Screencast von der Nutzung von \u00bbViews by Hypercode\u00ab. Gezeigt werden die \u00dcbersicht mit verschiedenen Viewports, die Detailansicht, das iPhone Duo in Views und Views auf dem iPhone Duo, die Verbindung mit der CLI und der \u00bbView by Hypercode\u00ab-Logo-Schriftzug.\" /></video></p>\n<p>Hier reiht sich Release an <a href=\"https://eay.cc/2026/introducing-feed-key-for-stream-deck/\">Release</a>, aber hier ist sie nun, die Hypercode-App, von der ich hier <a href=\"https://eay.cc/2026/aktuelle-app-entwicklungen/\">zuletzt</a> <a href=\"https://eay.cc/2026/nochmal-zu-omarchy-und-noch-geheime-hypercode-apps/\">immer</a> <a href=\"https://eay.cc/2026/built-to-last/\">wieder</a> berichtete: <strong>Views by Hypercode</strong>.</p>\n<p>Die App ist tats\u00e4chlich aus einem einfachen Need heraus beim Bef\u00fcllen dieses Blogs entstanden: Ich schreibe super viele Blogposts mobil oder auf dem iPad und wollte immer sehen, wie sie denn auf anderen oder gr\u00f6\u00dferen Displays aussehen und wie die Texte umbrechen. Was auf dem Desktop problemlos durch&#8217;s Browserfenster gr\u00f6\u00dfer oder kleiner ziehen geht, ist auf dem Tablet ein Pain und auf dem Smartphone unm\u00f6glich. Hinzu kommt: seit letztem Oktober nutze ich ein Pro Max und h\u00e4tte gerne regelm\u00e4\u00dfiger mobil gesehen, wie alles auf dem regul\u00e4ren iPhone Pro <del>Min</del> aussieht.</p>\n<p>Und wenn man den Gedanken einmal weiterdenkt, bekommt man eine Ahnung, dass eine mobile L\u00f6sung insb. f\u00fcr Designer und Developer recht n\u00fctzlich sein k\u00f6nnte: Bei immer mehr Formfaktoren (hello, iPhone Duo \ud83d\udc4b) wird der Blick \u00fcber den eigenen Device-Tellerrand immer wichtiger. Mit Views by Hypercode, liebevoll und kurz \u00bbViews\u00ab genannt, lassen sich nun unter&shy;schied&shy;lichste View&shy;ports direkt auf dem eigenen Ger\u00e4t simulieren. Triple-Win, w\u00fcrde ich sagen!<a href=\"https://eay.cc/2026/introducing-views-by-hypercode/#footnote_0_43255\" id=\"identifier_0_43255\" class=\"footnote-link footnote-identifier-link\" title=\"F&uuml;r&rsquo;s Blog, f&uuml;r Hypercode und f&uuml;r diejenigen von euch, die sowas auch gebrauchen k&ouml;nnen.\">1</a></p>\n<p>Dass sich Views dann auch noch per kostenfreier <a href=\"https://www.npmjs.com/package/@hypercodestudio/views-cli\">Companion CLI</a> direkt mit dem eigenen Mac &#038; PC verbinden l\u00e4sst, um beim Speichern des eigenen Codes direkt einen Reload durchzuf\u00fchren, ist Ehrensache. Auch die KI-Agenten eurer Wahl k\u00f6nnen Views so direkt steuern. Support f\u00fcr Shortcuts/Kurzbefehle und ein eigenes URL Schema inkl. Builder ist nat\u00fcrlich auch direkt mit an Bord. Hier ein tonloser Ausschnitt von meiner Videodemo f\u00fcr&#8217;s App-Store-Review:</p>\n<figure style=\"margin: 2em 0 0 0; font-size: 0.825em; color: var(--color-meta); line-height: 1.3;\"><video src=\"https://eay.cc/uploads/2026/views-for-apple-review.mp4\" muted autoplay loop playsinline style=\"width: 100%; height: auto; aspect-ratio: 16/0;\"   poster=\"https://eay.cc/uploads/2026/views-for-apple-review.webp\" data-lightbox><img decoding=\"async\" src=\"https://eay.cc/uploads/2026/views-for-apple-review.webp\" alt=\"Ausschnitt aus dem Demovideo f\u00fcr Apples App-Store-Review-Team, das die Verbindung zwischen Views und CLI zeigt.\" /></video><figcaption>Ausschnitt aus dem Demovideo f\u00fcr Apples App-Store-Review-Team, das die Verbindung zwischen Views und CLI zeigt.</figcaption></figure>\n<p>Die App ist kostenlos, ohne Abo, ohne Tracking und mit, wie ich finde, gro\u00df&shy;z\u00fcgigen Limits in der Free-Version (Begrenzung auf drei, frei w\u00e4hlbare Viewport-Gr\u00f6\u00dfen; Limit von 10 Minuten pro Woche f\u00fcr Live Reload und Auto Reload, Views-Badges bei den Device-Screenshots), die sich per In-App-Einmalkauf f\u00fcr 9,99 Euro unbegrenzt entfernen lassen.</p>\n<p><a href=\"https://hypercode.de/views/\">Auf unserer Projektseite</a> erfahrt ihr mehr \u00fcber die App. <a href=\"https://apps.apple.com/us/app/views-by-hypercode/id6804606717\">Im App Store</a> k\u00f6nnt ihr sie direkt kostenlos herunterladen.</p>\n<ol class=\"footnotes\"><li id=\"footnote_0_43255\" class=\"footnote\">F\u00fcr&#8217;s Blog, f\u00fcr Hypercode und f\u00fcr diejenigen von euch, die sowas auch gebrauchen k\u00f6nnen.</li></ol><img src=\"https://eay.cc/_a/matomo.php?idsite=1&#038;rec=1&#038;action_name=RSS&#038;url=https://eay.cc/2026/introducing-views-by-hypercode/&#038;rand=1869761562\" data-eay-feed-tracking=\"1\" style=\"border:0;\" width=\"1\" height=\"1\" alt=\"\" />",
            "date_published": "2026-10-21T16:14:01+00:00",
            "date_modified": "2026-10-21T16:36:59+00:00",
            "author": {
                "name": "Stefan"
            },
            "attachments": [
                {
                    "url": "https://eay.cc/uploads/2026/views-by-hypercode-teaser.mp4",
                    "mime_type": "video/mp4",
                    "size_in_bytes": 5941671
                }
            ],
            "tags": [
                "apps",
                "design",
                "hypercode",
                "ipad",
                "iphone",
                "projekte",
                "web-entwicklung"
            ],
            "_short_url": "https://eay.li/47g",
            "_syndication": [
                "https://bsky.app/profile/eay.social/post/3myflra6ewn2y",
                "https://bubbles.town/entry/44805564",
                "https://eay.social/@eay/117479874358013365"
            ]
        }
    ]
}