design – eay.cc

Introducing »Views by Hypercode«

Hier reiht sich Release an Release, aber hier ist sie nun, die Hypercode-App, von der ich hier zuletzt immer wieder berichtete: Views by Hypercode.

Die App ist tatsächlich aus einem einfachen Need heraus beim Befüllen dieses Blogs entstanden: Ich schreibe super viele Blogposts mobil oder auf dem iPad und wollte immer sehen, wie sie denn auf anderen oder größeren Displays aussehen und wie die Texte umbrechen. Was auf dem Desktop problemlos durch’s Browserfenster größer oder kleiner ziehen geht, ist auf dem Tablet ein Pain und auf dem Smartphone unmöglich. Hinzu kommt: seit letztem Oktober nutze ich ein Pro Max und hätte gerne regelmäßiger mobil gesehen, wie alles auf dem regulären iPhone Pro ~~Min~~ aussieht.

Und wenn man den Gedanken einmal weiterdenkt, bekommt man eine Ahnung, dass eine mobile Lösung insb. für Designer und Developer recht nützlich sein könnte: Bei immer mehr Formfaktoren (hello, iPhone Duo 👋) wird der Blick über den eigenen Device-Tellerrand immer wichtiger. Mit Views by Hypercode, liebevoll und kurz »Views« genannt, lassen sich nun unterschiedlichste Viewports direkt auf dem eigenen Gerät simulieren. Triple-Win, würde ich sagen!1

Dass sich Views dann auch noch per kostenfreier Companion CLI direkt mit dem eigenen Mac & PC verbinden lässt, um beim Speichern des eigenen Codes direkt einen Reload durchzuführen, ist Ehrensache. Auch die KI-Agenten eurer Wahl können Views so direkt steuern. Support für Shortcuts/Kurzbefehle und ein eigenes URL Schema inkl. Builder ist natürlich auch direkt mit an Bord. Hier ein tonloser Ausschnitt von meiner Videodemo für’s App-Store-Review:

Ausschnitt aus dem Demovideo für Apples App-Store-Review-Team, das die Verbindung zwischen Views und CLI zeigt.

Die App ist kostenlos, ohne Abo, ohne Tracking und mit, wie ich finde, großzügigen Limits in der Free-Version (Begrenzung auf drei, frei wählbare Viewport-Größen; Limit von 10 Minuten pro Woche für Live Reload und Auto Reload, Views-Badges bei den Device-Screenshots), die sich per In-App-Einmalkauf für 9,99 Euro unbegrenzt entfernen lassen.

Auf unserer Projektseite erfahrt ihr mehr über die App. Im App Store könnt ihr sie direkt kostenlos herunterladen.

Für’s Blog, für Hypercode und für diejenigen von euch, die sowas auch gebrauchen können. [↩]

Where are typefaces being designed?

Type.lol ist eine Art Suchmaschine und Pinterest für Typografie-Nerds, die von Designer Mark Johnson betrieben wird und mittlerweile über 23.000 Schriftarten von über 1.100 Foundries enthält. Diesen Datens(ch)atz hat er sich nun im verlinkten Artikel angesehen, um zu prüfen, wo unsere Fonts denn so herkommen. Und siehe da: Deutschland liegt mit 148 Foundries auf Platz 2, hinter den USA mit 221 und vor Frankreich mit 94 Foundries.

A foundry’s address can place its catalog on a map. It can’t tell us where every typeface was drawn. The gaps in our records change that map again.

Bastardica – A foundry for bastard web fonts

Ein Tool um Schriftarten miteinander zu kreuzen und anschließend als TTF, OTF oder WOFF2 runterzuladen. Oder um es mit John Gruber zu sagen:

This is why I’m not at all worried about AI destroying the world. Look at the horrible things human beings have made.

A type foundry for bastard web fonts.

Decoy Font: A TTF font that hides what you type

A TTF font that hides what you’re typing from AI. Type a message where each letter contains a decoy.

Bleiben wir bei AI: Soweit ist es schon gekommen, eine Schriftart, die es künstlichen Intelligenzen schwerer macht, sie zu lesen. Ironischerweise entwickelt von Eric Lu, der ansonsten ein Tool baut, mit dem sich aus begrenztem Material per AI eine passende Font generieren lässt.

Decoy Font: A TTF font that hides what you type | OpenGraph Preview Image

Decoy Font combines every letter with a decoy, making it harder for AI to read what you type. Type a message to try it out or download the TTF directly.

We are living in a ‘ChatGPT Flyer Pandemic’

Ich habe mich alleine in der vergangenen Woche mit drei Leuten, die alle nichts mit Design zu tun haben, über diese Pandemie der generischen, vollgepackten ChatGPT-Flyer ausgetauscht, die man dieser Tage für jedes Sommerfest, jede WM-Party und jede Mini-Dienstleistung vorgesetzt bekommt. Wir fanden es alle grausam und möchte eure schlechten, aber besseren Word-Flyer zurück!

(404media-Artikel hinter der Bezahlschranke, aber ihr kennt euch ja aus. Gerade auch erfolgreich für euch getestet.)

We Are Living in a ‘ChatGPT Flyer Pandemic’ | OpenGraph Preview Image

"Hey if this is your flyer, I’m not going, I’m not donating, I’m not sharing. Don’t ask me."

allRGB, eine Galerie mit Bildern, die jeweils das gesamte RGB-Farbspektrum abbilden

The objective of allRGB is simple: To create images with one pixel for every RGB color (16,777,216); not one color missing, and not one color twice.

ALL YOUR RGB ARE BELONG TO US

Hier z.B. die Mona Lisa. Entdeckt bei Zwentner, wo Sven das für seine Leser (und meine) direkt richtig einordnet:

Ich brauche dass den Leuten hier ja nicht zu sagen, aber für alle Anderen: Man macht sowas, weil man es kann und wir dürfen das genießen 🙂

The objective of allRGB is simple: To create images with one pixel for every RGB color (16777216); not one color missing, and not one color twice.

Free The Icons

Apple should end their prohibition on shapes in MacOS app icons.

Yep.

Free The Icons | OpenGraph Preview Image

Apple should end their prohibition on shapes in MacOS app icons

Save the Date – Every WWDC Invite since 1990

Every invitation Apple ever sent for WWDC, and the redesign each one quietly gave away.

One image a year, back to 1990. The art goes flat the year Apple kills skeuomorphism. It turns to glass the year everything turns to glass. It glows for years before Siri does. Apple keeps telling you what’s coming. In the invite.

Nach den 154 Macs seit 1983 hier passend zur heute beginnenden WWDC die nächste, schöne Apple-related Zusammenstellung bei The Data Drop. (via iPhoneBlog)

Save the Date. Every WWDC Invite. | OpenGraph Preview Image

Every WWDC invitation, 1990–2026. Apple keeps telling you what's coming. In the invite.

FontCrafter: Create Your Handwriting Font for Free

Chris Pirillo hat mit FontCrafter ein Tool zu seiner „Arcade“, seiner Sammlung von bisher über 300 kleinen bis großen Vibe-gecodeten Online-Tools, hinzugefügt, mit dem man im Handumdrehen aus einem ausgefüllten DIN-A4-Blatt eine herunterladbare Schriftart aus seiner Handschrift erstellen kann. Und zwar kostenlos und nur im Browser stattfindend:

No account, no server, 100% private — everything happens in your browser

FontCrafter: Create Your Handwriting Font for Free | OpenGraph Preview Image

Turn your handwriting into an installable font — free, no account, no uploads. Works on every platform and the web. Print, write, scan, download.

Ein paar Nachträge/Ergänzungen zu den Posts der letzten Wochen:

Nach den neuerlichen Horrorstories um Metas KI-Brillen und die Sichtung von privaten Aufnahmen durch externe Dienstleister hat, wie 404Media berichtet (hier als Paywall-freie archive.is-Kopie, aber ihr wisst ja Bescheid über die Seite), der Soziologe und Hobby-Entwickler Yves Jeanrenaud eine Warn-App für Smart Glasses gebaut, die per Bluetooth die Kennungen der Geräte scannt und im Fall des Auftauchens in der Nähe eine entsprechende Warnung per dringlicher Notification anzeigt. Die App mit dem Namen „Nearby Glasses“ ist hier im Play Store und hier auf Github zu finden.
Stephan Hackett von 512 Pixels hat den Little Finder Guy als 3D-Print veröffentlicht. Es bleibt fast zu hoffen, dass Apple das neue, liebgewonnene Maskottchen selbst nur minimal einstreut und es ansonsten ein Community-Ding bleibt.
Ich habe eine Quote von John Gruber zu Tim Cooks „50 Years of Thinking Different“-Brief ergänzt, der ihn als „so Cook-ian […] that it’s so utterly anodyne“ beschreibt.
Die britische Zeitung Telegraph, deren Design-System wir hier zuletzt noch hatten, wird vom Axel Springer-Verlag übernommen, nachdem der erste Übernahmeversuch vor 20 Jahren noch scheiterte.