Permalink

Kurztipp: Faviconographer bringt Favicons zurück zum Safari

Auch wenn es vielleicht langsam nervt: ich muss noch mal kurz auf das Favicon Thema im Safari von vor ein paar Wochen zurückkommen.

Es gibt nämlich seit ein paar Tagen eine schlanke Lösung, wie man sich nun doch Favicons im Safari anzeigen lassen kann.

Wie sich herausstellte, hatte Daniel Alm, der Entwickler hinter der Zeiterfassungsapp Timing, durch den bereits vorliegenden Quellcode seiner App die gewünschte Funktionalität quasi umgesetzt.

Bildschirmfoto 2017-09-15 um 04.34.51

Das Problem war nur, dass Apple durch SIP keinen derartigen Code mittels einer Browser Erweiterung im Safari zulässt. Daher musste die Umsetzung über eine separate App namens Faviconographer erfolgen.

Nach der Installation muss man die App zunächst einmal bei den Bedienungshilfen in den macOS Systemeinstellungen > Sicherheit > Privatsphäre zulassen.

Bildschirmfoto 2017-09-05 um 02.35.12 2-minishadow

Anschließend hat man zwei Möglichkeiten, die auch in Kombination funktionieren:

  • Favicons in den Safari Tabs anzeigen lassen
  • Favicons bei den Lesezeichen in den Favoritenleiste des Safaris anzeigen lassen

Bildschirmfoto 2017-09-11 um 04.31.45 2-minishadow

Wie sieht das nun live aus?

Nun, die Ausgangsposition ist ohne irgendwelche Icons in der Tab- bzw. Favoritenleiste:

Bildschirmfoto 2017-09-11 um 11.05.08-minishadow

Lässt man sich die Favicons nur in der Tableiste anzeigen, wird daraus:

Bildschirmfoto 2017-09-11 um 11.06.02-minishadow

Kommt dann noch die Favoritenleiste dazu, sieht es so aus:

Bildschirmfoto 2017-09-11 um 11.09.36-minishadow

Ich konnte diesen Hack, wie Daniel seine App selbst nennt, schon in der Betaphase ausgiebig testen und er funktioniert erstaunlich gut.

Man muss allerdings mit kleineren Einschränkungen leben, die allesamt technisch bedingt sind:

So werden die Favicons nur angezeigt, wenn das Safari-Fenster aktiv ist. Dazu gibt es leichte Verzögerungen, wenn man Tabs oder das ganze Safari-Fenster verschiebt. Auch unter macOS 10.13 High Sierra gibt es bekannte Problemchen.

Daher gilt: einfach mal ausprobieren und dem Entwickler Feedback geben.

Der Faviconographer ist kostenlos und setzt macOS 10.12 Sierra oder höher zur Installation voraus. Eventuell läuft die App auch unter OS X 10.11 El Capitan. Das müsste allerdings mal jemand testen 😉

-> https://faviconographer.com

Permalink

iTunes Vorschau Webseiten für iOS Apps ab sofort ohne direkte Weiterleitung in den iOS App Store?! //UPDATE

Dem einen oder anderen ist bestimmt aufgefallen, dass die iTunes Vorschau Webseiten für iOS Apps seit gestern nicht mehr direkt nach iTunes bzw. in den iOS App Store weiterleiten. Außerdem fehlt die blaue Schaltfläche In iTunes anschauen, die sich zwischen dem Icon und dem Preis der App befand und mit der man iTunes ebenfalls starten konnte.

Handelt es sich nur um ein temporäres Problem?! Sind es finale Vorbereitungen für iOS 11 bzw. macOS 10.13 High Sierra?! Keine Ahnung.

Bildschirmfoto 2017-09-10 um 23.00.55-minishadow_1300px

Um diesem Phänomen entgegenzuwirken, können Nutzer des Safaris die Erweiterung NoMoreiTunes installieren.

Durch die Erweiterung, die eigentlich das Starten von iTunes bei App Store Links verhindern soll, wird nun oben recht eine kleine Schaltfläche erzeugt. Darüber lässt sich iTunes starten und die App direkt im App Store anzeigen.

-> http://nomoreitunes.einserver.de

Für Apps aus dem Mac App Store gilt diese neuerliche Einschränkung übrigens nicht. Hier funktioniert sowohl die direkte Weiterleitung, als auch die Weiterleitung über die Schaltfläche Im Mac App Store ansehen.

Darüber hinaus kann man auch hier die NoMoreiTunes Browser Erweiterung nutzen.

Bildschirmfoto 2017-09-10 um 23.03.47-minishadow_1300px

Wie gesagt: So recht kann ich mir darauf keinen Reim machen. Eventuell löst Apple auch endlich mal den iOS App Store aus iTunes heraus und plant eine eigene App.

Morgen sind wir schlauer 😉

Update 13.09.2017 09:44 Uhr

Nun ist die Katze aus dem Sack.

Bildschirmfoto 2017-09-13 um 09.41.36-minishadow_1300px

Auch wenn Apple dieses Thema bei der gestrigen Keynote nicht groß an die Glocke hing, muss man sich nur das Changelog zum neuen iTunes 12.7, das derzeit über den Mac App Store verteilt wird, anschauen.

Kurzgesagt liegt der Fokus von iTunes ab sofort auf Musik, Filmen, TV-Sendungen, Podcasts und Hörbüchern.

Bildschirmfoto 2017-09-13 um 10.00.12-minishadow

Der iOS App Store wurde entfernt und findet sich nur noch auf dem iPhone, iPad und iPod touch wieder 😧

-> https://support.apple.com/de-de/HT208075

Permalink

Howto: Icons für fixierte Tabs im Safari erstellen und nutzen

Vor ein paar Wochen hatte ich an dieser Stelle die Problematik um die fehlenden Favicons im Safari angesprochen. Eher am Rande erwähnte ich, dass der Safari bei fixierten Tabs sehr wohl eine Art Favicon anzeigt.

Im Standard werden festgepinnte Webseiten als kleines Tab auf der linken Seite des Safaris in der Tab-Leiste gesammelt. Das Icon wird dabei aus dem erste Buchstaben der Webseite generiert.

Bildschirmfoto 2017-09-06 um 16.50.44-minishadow

Gibt man sich damit nicht zufrieden, kann man mit etwas Aufwand auch ein eigenes Icon hinterlegen. Dieses muss allerdings im SVG-Format vorliegen und mit einer extra Zeile Code aktiviert werden.

Schritt 1

Zunächst benötigt man ein Logo bzw. Symbol, das die eigene Webseite repräsentiert; in unserem Fall der Space Invader.

Hat man kein Illustrator, Sketch oder Affinity Designer zur Erstellung der SVG-Datei installiert, gibt es auch diverse Online-Tools, die aus einer PNG-Datei das benötigte Format konvertieren.

Bildschirmfoto 2017-09-06 um 22.18.19

Wichtig ist dabei, dass der Hintergrund des Bildes transparent und das Logo selber in nur einer Farbe, nämlich 100% Schwarz, dargestellt wird. Als Größe werden 16×16 Pixel (32×32 Pixel für Retina Displays) benötigt.

Bevor sich jemand wundert: das hier erstellte „schwarze Logo“ dient nur als Maske. Die schlussendlich im Browser angezeigte Farbe des Icons wird erst in Schritt 2 festgelegt.

Schritt 2

Nachdem man die erstellte SVG-Datei auf seinen Server hochgeladen hat, muss man folgende Zeile Code in den Head-Teil (zwischen < head >…< /head >) seines HTML-Templates hinzufügen:

<link rel="mask-icon" href="/pinfavicon.svg" color="#990000">

Das href zeigt dabei auf die hochgeladene SVG-Datei. Die Farbe des Icons wird über color bestimmt, was in unserem Fall ein dunkleres Rot ist.

Das wars im Prinzip schon. Sollte das Icon anfangs übrigens nicht zu sehen sein, muss man den Safari beenden, den Ordner ~/Library/Safari/Template Icons löschen und den Safari anschließend neu starten.

(via)(via)

Permalink

Safari Should Display Favicons in Its Tabs

Eine der großen Unterschiede zwischen dem Chrome und Safari ist das Anzeigen von Favicons in den einzelnen Tabs.

In den beiden folgenden Screenshots der Browser ist das vermeintliche Problem recht anschaulich dargestellt.

Während man beim Chrome bei 15 geöffneten Tabs trotz des eingeschränkten Titels alleine durch das Favicon die einzelnen Tabs recht gut identifizieren kann, ist das beim Safari schlichtweg nicht möglich.

Beim Safari haben die Tabs die feste minimale Breite, was zur Folge hat, dass sie ab einer bestimmten Anzahl auf der linken Seite des Browsers zusammengeschoben und so gar nicht mehr auseinander gehalten werden können. Man muss entweder mit der Maus durch die Tabs scrollen oder links in die zusammengeschobenen Tabs klicken, die sich daraufhin auseinanderfalten…

John Gruber setzt sich im heutigen Linktipp mit genau dieser Problematik auseinander und ich kann ihm nur zustimmen.

Der Safari ist auch mein favorisierter Browser beim Mac aber das Handling der Tabs ist teilweise wirklich gruselig. Da sich Apple dahingegen nicht äußert, bleiben nur Spekulationen, warum beim Safari keine Favicons1 angezeigt werden. Zumindest ein optionaler Schalter ist für zukünftige Versionen dieses Browsers wünschenswert.

But really, taken as a whole, the response to my piece was about one thing and one thing only: the fact that Safari does not show favicons on tabs and Chrome does. There are a huge number of Daring Fireball readers who use Chrome because it shows favicons on tabs and would switch to Safari if it did.

  1. Wobei das nicht ganz stimmt, denn bei fixierten Tabs gibt es sehr wohl ein Favicon, das einzelne Tabs auf kleinstem Raum unterscheiden lässt.↩︎
Permalink

Vimmy · Erweiterung lässt Steuerung des Safari mit Tastatur zu

Mit Tab Options hatte ich Anfang des Jahres schon eine Extension vorgestellt, mit der man den Safari um Tastaturkürzel erweitern kann; damals ging es allerdings nur um das Arbeiten mit Tabs.

Vimmy geht einen Schritt weiter und bietet weitere Tastaturkürzel an, die die Steuerung der Browsers per Maus weitestgehend überflüssig macht.

2017-07-05 11_57_10

Terminaljunkies werden sich zudem über die Nähe der neuen Shortcuts zum Text-Editor Vim freuen 😉

So kann man beispielsweise mit den Tasten h, j, k und l nach oben, unten, links und rechts scrollen. Mit shift+g bzw. gg scrollt man auf der Webseite ganz nach unten bzw. oben. Mit f werden Elemente wie Links, Bilder oder Knöpfe getriggert, auf die man daraufhin über weitere angezeigte Shortcuts zugreifen kann. Mit shift+k bzw. shift+j kann man zwischen den Tabs vor- und zurückspringen. Mit x schließt man Tabs u.s.w.

Eine genaue Auflistung aller verfügbaren Shortcuts sowie der Quellcode sind auf der Projektseite bei GitHub zu finden.

-> https://github.com/gggritso/Vimmy.safariextension

Permalink

macOS Tipp: Webseitenvorschau im Safari oder in Mail per Multi-Touch-Geste

Heute mal wieder ein Tipp aus dem Bereich Webbrowser, genau gesagt dem Safari.

Beim Lesen von Artikeln im Web kommt irgendwann jeder einmal an dem Punkt, an dem man eingebettete Links aus Gründen wie Ablenkung u.ä. nicht anklicken möchte. Der Safari und auch Apple Mail bieten unter macOS mittels definierbarer Multi-Touch-Geste eine Webseitenvorschau, die dieser Problematik geschickt entgegenwirkt.

Bildschirmfoto 2017-06-27 um 22.16.49-minishadow_1300px

Zunächst muss man allerdings in den macOS Systemeinstellungen > Trackpad > Zeigen und Klicken unter dem Punkt Nachschlagen & Datenerkennung die entsprechende Multi-Touch-Geste identifizieren.

Bei den neueren Force Touch-Trackpads mit haptischen Feedback handelt es sich per default um einen kräftigen Klick mit einem Finger; bei älteren Touchpads ist es i.d.R. eine Drei-Finger-Tab-Geste.

Wendet man diese Geste nun auf einen Link im Safari oder auch in Apple Mail an, wird ein Vorschaufenster generiert, das die dahinter legende Webseite ohne große Ablenkung vom eigentlichen Artikel anzeigt.

2017-06-27 22_07_55

Permalink

macOS Tipp: Zuletzt geschlossene Tabs im Safari öffnen

Dass man den (versehentlich) zuletzt geschlossenen Tab im Safari mit dem normalen Undo-Shortcut Cmd+Z erneut öffnen kann, ist bekannt oder?!

Bildschirmfoto 2017-03-16 um 00.14.58

Was aber, wenn man einen bestimmten beschlossenen Tab öffnen möchte?

Nun, wie sich herausstellte, hat der Safari von macOS mittlerweile das Verhalten des mobilen Safari von iOS übernommen. Es genügt im Prinzip ein langer Klick (genauer gesagt eine click-and-hold Geste) auf das Plus-Zeichen, das normalerweise einen neuen Tab im Safari öffnet.

Anschließend werden die letzten 20 geschlossenen Tabs angezeigt, die man nun auf Klick erneut öffnen kann.

IMG_3795

Der Vollständigkeit halber das identische Verhalten unter iOS:

Hier muss man im Safari zunächst die Tab-Übersicht aktivieren. Anschließend führt ein langer Klick auf das Plus-Zeichen zum Ziel.

(via)