MacOS

Mit MacOS 10.10 “Yosemite” hat Apple einige Neuerungen eingeführt. Dazu zählt u.a. ein geändertes Verhalten des grünen Zoom Buttons, der sich oben links in jedem Applikationsfenster befindet. Bisher führte ein Klick auf diesen Button dazu, daß das zugehörige Fenster maximiert – also auf die gesamte Bildschirmfläche exklusive Title Bar und Dock aufgezogen – wurde.

In Yosemite schaltet ein Klick auf diesen Button die Applikation nun in den Vollbildmodus. Wenn sich die Maus den Buttons nähert, deuten dieses Verhalten auch zwei kleine Pfeile im grünen Button an.

Es gibt eine Möglichkeit, das alte Verhalten – also Maximieren des Applikations-Fensters – zu erreichen. Leider nicht dauerhaft über eine Einstellung sondern nur über eine (simple) Tastenkombination für jeden einzelnen Klick. Dazu muß während des Klicks die Alt-Taste gedrückt werden. Nähert sich die Maus den Buttons bei gedrückter Alt-Taste, so wird das (alte) Verhalten im grünen Button durch das bekannte Plus-Symbol angezeigt.

1. Falls MAMP läuft via “Stop Servers”-Button die Server stoppen.
2. Ein Terminal-Fenster öffnen. Geht beispielsweise mit CMD+Leertaste, dann terminal tippen und mit Return bestätigen.
3. Im Terminal-Fenster mit cd /Applications/MAMP/bin/apache2/bin und abschließendem Return in das genannte Verzeichnis wechseln.
4. Dort die Datei envvars in _envvars umbenennen: move envvars _envvars und Return.
5. Danach im MAMP Fenster “Start Servers” klicken.

Läuft.

Im April 2010 hat Google mit dem Artikel Using site speed in web search ranking in seinem Webmaster Central Blog offiziell die Ladezeit einer Web-Seite als Ranking-Faktor deklariert. Der Vorteil schnell ladender Web-Seiten liegt auf der Hand: Neben einer verbesserten User Experience lassen sich lt. Google dadurch ebenfalls Betriebskosten reduzieren.

Viele Tools unterstützen bei der Analyse und Optimierung der eigenen Web-Site. Zu den bekannteren gehört Googles eigenes PageSpeed-Tool, das sowohl als Online-Variante als auch in Plugin-Form bspw. für Firefox oder natürlich Chrome zur Verfügung steht. Ebenfalls bekannt: Das von Yahoo bereitgestellte YSlow sowie die in Googles Webmaster Tools angezeigte Site Performance (unter Labs, dann Site Performance).

Die Optimierungsvorschläge dieser Tools sind umfangreich und reichen vom verzögerten Laden von JavaScript, der Nutzung von Cache Validators oder Browser Caching weiter über die Angabe von Grafik-Abmessungen, der Nutzung von CSS Sprites bis hin zur Minimierung von Grafik und HTML, PHP, CSS sowie JavaScript Dateien. Für den letztgenannten Fall stellt Chen Luo mit seiner Smaller ein hervorragendes Tool bereit, daß diese Arbeit optimiert und insbesondere die Stapelverarbeitung mehrerer Dateien gleichzeitig erlaubt.

Zwar gibt es dafür auch zahllose online Tools, allerdings sind diese in der Regel auf eine Teilmenge der verschiedenen Dateitypen spezialisiert. So beispielsweise der YUI Online Compressor, der nur JavaScript und CSS komprimiert, nicht jedoch PHP oder HTML. Die Smaller App erlaubt dagegen in einem Arbeitsgang alle genannten Dateitypen gleichzeitig zu minimieren. Der Prozeß läuft in wenigen einfachen Arbeitsschritten ab.

Nach Download und Start der Smaller App wird der Nutzer mit einer leeren Arbeitsfläche begrüßt.

Im folgenden Beispiel wurden zwei Javascript- und CSS-Dateien sowie eine HTML-Datei per Drag’n’Drop auf die Arbeitsflächer der Smaller App gezogen.

Mit einem Klick auf den Minify-Button beginnt Smaller mit der Minimierung und zeigt während der Arbeit den Fortschritt auf der Arbeitsoberfläche an.
Die minimierten Dateien werden automatisch im selben Verzeichnis wie die Originaldatei gespeichert.

Im Optionsdialog der Smaller App können zahlreiche Einstellungen vorgenommen, um die Arbeitsweise des Programms an die eigenen Bedürfnisse anzupassen.

So ist es möglich, den Klick auf den Minify-Button einzusparen, indem Smaller mit der Minimierung beginnt sobald Dateien per Drag’n’Drop auf die Arbeitsoberfläche gezogen wurden. Minimierte Dateien können automatisch mit dem Suffix “.min” ergänzt werden, so daß aus “main.js” bspw. “main.min.js” wird. Das Standardverhalten die minimierten Dateien im selben Verzeichnis abzulegen kann ebenso geändert werden, wie die automatische Erstellung einer gezippten Version.

Der Autor stellt eine 30-Tage-Testversion auf seiner Webseite smallerapp.com zum Download bereit. Zum Preis von gerade einmal $20,- erhält der Nutzer eine extrem praktische Drag’n’Drop Applikation für den Mac, die die Minimierung der gängigen Web-Datei-Formate unter einem Dach bündelt.

Slicy vom Hersteller MacRabbit ist eine geniale MacOS Applikation, die diesen Ablauf per Drag’n’Drop automatisiert und damit extrem komfortabel gestaltet. Die Arbeit mit Slicy läuft dabei in drei simplen Schritten ab.

1. Layer Gruppen oder einzelne Layer mit dem gewünschten Dateinamen benennen.
2. Photoshop PSD Datei auf die Slicy-App ziehen.
3. Grafiken werden automatisch von Slicy extrahiert und im gewünschten Zielformat abgespeichert.

Darüberhinaus verfügt Slicy über eine Änderungserkennung, d.h. sobald eine Photoshop-Datei geändert wurde, kann Slicy die enthaltenen Grafiken automatisch erneut extrahieren, ohne das dafür die Datei erneut in Slicy gezogen werden muß.

Der Ablauf im Detail anhand einer von Slicy mitgelieferten Beispieldatei (Basic Tagging): Inhalt sind vier Sterne, die mit Slicy automatisch extrahiert werden sollen.

Hier die Magie: Die Sterne-Layer werden mit den zukünftigen Dateinamen benannt, also Star1.png, Star2.png, etc.

Die Slicy Applikation starten.

Photoshop-Datei auf die App ziehen. Slicy beginnt mit seiner Arbeit.

Slicy zeigt nach der Extraktion die erkannten Grafiken aus der Photoshop Datei an. Nun kann über den Save-Button oben mit Wahl des Zielordners gespeichert werden.

Nach dem Speichern fragt Slicy selbständig, ob zukünftige Änderungen an dieser Datei automatisch einen neuen Export-Vorgang anstoßen sollen. Sehr praktisch! Hier die ausgeschnittenen und exportierten Dateien; Transparency bleibt selbstverständlich beim Export erhalten.

Slicy bietet noch weitere Funktionen wie bspw. Auto-Sizing für Retina Displays oder die Möglichkeit, bestimmte Bereiche in einer Grafik zu definieren, aus denen dann Teile extrahiert werden. Kurzum: Eine kleine und feine MacOS Applikation, die das Exportieren von Grafiken oder Teilen davon kinderleicht macht und daher unverzichtbar für jeden Web, App oder Icon Designer ist.

MacRabbit verkauft Slicy zum Preis von $29,- auf seiner Website macrabbit.com. Eine Testversion steht zum Download bereit.