May/130
comments
Minimierung von HTML, PHP, CSS und JavaScript mit Smaller für Mac
Ladezeiten von Web-Seiten können gar nicht kurz genug sein. Eine von zahlreichen Optmierungsmöglichkeiten ist die Minimierung von HTML-, PHP-, CSS- und JavaScript-Code. Das Mac Tool “Smaller” von Chen Luo erlaubt die effiziente stapelweise Verarbeitung solcher Dateien.
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.
May/130
comments
Slicy für MacOS – komfortabel Grafiken aus Photoshop Dateien ausschneiden
Slicy ist eine MacOS App, die das Ausschneiden von Grafiken und Abspeichern im jpg- oder png-Format aus Photoshop-Dateien automatisiert.
Wer mit Photoshop Grafiken für Web oder Apps erstellt, wird die Speicher-Funktion “Safe for Web…” gut kennen. Je mehr Grafiken von Hand aus einer Photoshop-Datei ausgeschnitten, ggf. skaliert und dann über diesen Weg gespeichert werden müssen, desto aufwendiger und mühseliger wird der Prozeß.
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.
- Layer Gruppen oder einzelne Layer mit dem gewünschten Dateinamen benennen.
- Photoshop PSD Datei auf die Slicy-App ziehen.
- 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.
Dec/120
comments
MacOS Mountain Lion Spotlight indiziert nicht
Brandneues MacBook mit MacOS Mountain Lion (10.8), aber Spotlight indiziert und findet nichts. Hier ist die Lösung!
Das Problem: Ein neues MacBook Pro mit MacOS Mountain Lion 10.8.2. Alles funktioniert prima, nur die Spotlight-Suche nicht. Egal welches Wort eingegeben wird: Der Indexierungsdienst findet nichts. Ganz so, als ob überhaupt nichts von der Festplatte indiziert worden sei.
Apple beschreibt in diesem Support-Artikel, wie man Verzeichnisse und ganze Festplatten von Spotlight neu indizieren lassen kann. In aller Kürze:
- Die Systemeinstellungen starten.
- Dort Spotlight auswählen.
- Das “Privat”-Tab (Privacy) anklicken.
- Mit dem Plus-Symbol unten links einen Ordner oder ein gesamtes Laufwerk, bspw. die eingebaute Festplatte, auswählen.
- Das soeben hinzugefügte Objekt wieder entfernen (Minus-Symbol unten links).
Spotlight wird nun den angegebenen Ordner oder eben die gesamte Festplatte neu indizieren.
Dec/120
comments
MacOS selektiv versteckte Verzeichnisse und Dateien sichtbar machen
Ein Tip für alle, die unter MacOS einzelne versteckte (unsichtbare) Verzeichnisse oder Dateien sichtbar machen wollen; bspw. die .htaccess Dateien.
Keine Angst vor der Kommandozeile, denn sie ist mächtig! :-) Mit dem Befehl chflags lassen sich versteckte oder unsichtbare Verzeichnisse und Dateien im Finder selektiv sichtbar machen. Das Ganze funktioniert auch rekursiv für ein gesamtes Verzeichnis und dessen Unterverzeichnisse.
Und so geht’s: Ein Terminal-Fenster öffnen, bspw. mit CMD+Leertaste und dann Terminal eintippen gefolgt von Return. Im Terminal-Fenster mit dem Befehl cd in das Verzeichnis wechseln, in dem sich die Datei oder das Verzeichnis befinden, die sichtbar gemacht werden sollen. Dann mit
chflags nohidden <filename 1> <Verzeichnis 1> <filename 2> ...
die Dateien und/oder Verzeichnisse sichtbar machen.
Soll ein Verzeichnis nebst aller darin befindlichen Dateien und Unterverzeichnisse sichtbar gemacht werden, das Flag -R verwenden, also
chflags -R nohidden <Verzeichnis>
um <Verzeichnis> und alle darunter befindlichen Dateien und Unterverzeichnisse sichtbar zu machen. Oder
chflags -R nohidden .
um alle Dateien im aktuellen Verzeichnis sichtbar zu machen.
Toller Befehl, um bei Web-Projekten die .htaccess-Datei im Finder sehen zu können!
Nov/120
comments
Spendenaktion der seonomicon GmbH für die Kindernothilfe
Die seonomicon GmbH führt auf deren Staubsauger Testportal eine Spendenaktion durch, im Rahmen derer bis zu 1000,- € von den Redakteuren gespendet werden.
Mit der zunehmenden Digitalisierung unserer Gesellschaft entwickelt sich auch die Form des Spendensammelns weiter. So sind Charity-Aktionen auf Web-Seiten, bei denen die Besucher zum Mitmachen aufgefordert werden, um Spendengelder – zumeist für einen bestimmten Zweck – zu sammeln, keine Seltenheit mehr.
Wir sind in diesem Zusammenhang auf eine Aktion aufmerksam geworden, bei der das Redaktionsteam der seonomicon GmbH auf deren Staubsauger Testportal zur Teilnahme auffordert, um einen bestimmten Spendenbetrag für die Kindernothilfe zu erreichen. Dabei müssen die Besucher nicht selber spenden, sondern lediglich verschiedene Aktivitäten ausführen (bspw. die Aktion twittern oder bei Facebook teilen) und jede dieser Aktivitäten wird vom Redaktionsteam mit 1,- € in den Spendentopf belohnt.
Die Kindernothilfe hat bereits mit einem Artikel im eigenen Kindernothilfe Blog auf die Aktion aufmerksam gemacht. Auf dem Staubsauger Testportal gibt es eine eigene Seite mit allen Details zur Spendenaktion. Nach Angaben der seonomicon wird das Spendengeld dem Kindernothilfe-Projekt “Äthiopien: Hilfe für Straßenkinder” zugute kommen.
Die Kindernothilfe (KNH) ist ein wohltätig arbeitendes Unternehmen und trägt sich als eingetragener Verein zu über 90% durch seine Spender. Daher sind die Spenden essentiell, um dem gemeinnützigen Auftrag heute und in Zukunft nachkommen zu können. Ein Großteil der Förderung erfolgt über Projekt- oder Kinderpatenschaften, aber auch jede Einzelspende ist jederzeit herzlich willkommen.
Sep/120
comments
SEO-Charity-Verlosung für einen guten Zweck
Eine tolle SEO Charity Verlosung läuft aktuell bei Felix Beilharz. Das Ganze findet in Zusammenarbeit mit der Lost Voices Stiftung statt. Die Preise im Gesamtwert von mittlerweile über 20.000 € sind u.a. Zugänge zu verschiedenen SEO-Software-Tools wie bspw. den Cemper Tools (LRT), Xovi, Onpage.org, KeywordMonitor, Searchmetrics, etc. sowie Konferenz- und Seminartickets (Seoday, SEOkomm, etc.), Bücher, SEO-Beratungen und vieles mehr. Die Aktion nebst Preise und der Teilnahmebedingungen werden auf der oben verlinkten Seite ausführlich dargestellt. Auch an einem Erklärbär-Video mangelt es nicht. ;)
Wir unterstützen diese Aktion und haben bereits gespendet. Macht mit!
Apr/120
comments
Skype Humoticons: Neue Smileys von Skype
Skype stellt Humoticons als menschliche(re) Alternative zu den bekannten Skype Smileys vor.
Als Teil von Skypes neuer “It’s Time for Skype” (dt. “Es ist Zeit für Skype” oder vielleicht auch “Die Zeit ist reif für Skype”) Marketing Kampagne hat sich Skype zum Ziel gesetzt, die Kommunikation im Web menschlicher zu gestalten.
Mit einer neuen Facebook App möchte Skype die bekannten Skype Smileys – auch Emoticons genannt – um neue Icons ergänzen, die einen menschlicheren Touch besitzen und es Nutzern erlauben, Gesten und (Gesichts-)Ausdrücke mit der Welt zu teilen. Skype nennt die neue Smiley-Kategorie “Humoticons” als Wortschöpfung aus Human und Emoticons.
Die Skype Humoticons funktionieren wie folgt: Auf Basis existierender Photos oder neuen Bildern, die bspw. mit der WebCam aufgenommen werden, erstellt man sich seine persönlichen Emoticons. Bis zu fünf Bilder können je Humoticon zum Einsatz kommen, so daß man sich diese dann am ehesten wie animiertes GIFs vorstellen kann: Die Einzelbilder werden hintereinander abgespielt, so daß der Eindruck einer Animation entsteht. Einen ersten Eindruck verschafft die Startseite der Humoticon Facebook App.
Diese Humoticons können in die Facebook Humoticon Gallerie oder auf der eigenen Facebook Wall gepostet werden. Zusätzlich können die Humoticons runtergeladen oder deren URL (Web-Adresse) kopiert werden, um sie bspw. in anderen Instant-Messengern verwenden zu können.
Wer doch lieber die normalen Skype Smileys im Skype Chat verwendet, der kann auch dort für ein wenig Spaß sorgen und die Skype Smileys
verwenden.
Mar/122
comments
Harzflecken entfernen
Wie entfernt man Harzflecken aus der Kleidung? Hier ist ein Verfahren, das zuverlässig funktioniert!
Es gibt viele Tips und Tricks im Netz, die beim Entfernen von Harzflecken helfen sollen. Aus gegebenem Anlaß hier eine Methode, die zuverlässig hilft hartnäckige Harzflecken wieder los zu werden.
Das verharzte Kleidungsstück zunächst über Nacht in die Tiefkühltruhe legen. Das Harz wird dabei brüchig und größere Harzteile können vorsichtig vom Kleidungsstück abgebröselt werden. In der Regel reicht dieser Schritt aber nicht, um das gesamte Harz zu entfernen.
Im zweiten Schritt die verharzten Stellen mit ganz normaler Butter großzügig einschmieren und mehrere Stunden einwirken lassen. Die Butter löst das Harz. Ggf. lohnt es sich, diesen Vorgang zu wiederholen, bis kein Harz mehr zu sehen ist. Nun verbleiben auf dem Kleidungsstück nur noch Fettflecken, die mit der nächsten normalen Wäsche entfernt werden können.
Bei hartnäckigen Fettflecken hilft flüssige Seife ganz hervorragend, bspw. die sehr gute Gallseife von dm (Link zu Amazon, da dm keinen Online Shop hat).
Weitere Tips zum Entfernen von Harzflecken gibt es bspw. bei waesche-waschen.de, allerdings sind dort auch recht aggressive Methoden beschrieben, die mit Spiritus und Nagellackentferner arbeiten und sicher nicht für alle Materialen geeignet sind.
Feb/120
comments
Probleme mit Thunderbird RSS Feed reparieren
Thunderbird stolpert bisweilen über RSS Feeds. Wir zeigen, welche Probleme es geben kann und wie man sie löst.
Das Problem
Thunderbird ist ein erstklassiges Mail-Programm, mit dem man auch sehr komfortabel RSS Feeds abonnieren und lesen kann. Leider kommt es manchmal vor, daß abonnierte RSS Feeds einfach nicht mehr geladen werden. In der Regel geschieht dies unmittelbar, nachdem ein RSS Feed neu aufgenommen wurde.
Erschwerend kommt hinzu, daß für derart korrumpierte Feeds auch nicht mehr die Möglichkeit besteht, sie wieder mit Thunderbird-Bordmitteln zu entfernen. Der “Entfernen”-Knopf im “Abonnements bearbeiten”-Popup steht einfach nicht mehr zur Verfügung.
Manchmal erscheint auch zweimal derselbe Feed-Eintrag links unter “News & Blogs”. Aber auch das manuelle Löschen dieser Feeds, bspw. mit Rechtsklick auf den Feed und dann “Löschen”, wird in der Regel nicht gelingen. Ein Eintrag landet im Papierkorb, der zweite wird nicht gelöscht. Und nach dem Neustart von Thunderbird werden beide identischen Einträge wieder genau so angezeigt, wie vor dem Löschversuch.
Die Lösung
Abhilfe schafft in all diesen Fällen das manuelle Entfernen der Feeds aus dem Konfigurationsverzeichnis von Thunderbird.
Dieses Verzeichnis befindet sich auf Windows-Systemen unter
C:\Documents and Settings\UserName\Application Data\Thunderbird\
Profiles\xxxxxxx.default\Mail\Feeds
und auf Mac-Systemen unter
/Users/username/Library/Thunderbird/profiles/xxxxxxx.default/.
Mail/News & Blogs/
Beim Wechseln in dieses Verzeichnis ist xxxxxx.default durch den Namen Ihres individuellen Profils zu ersetzen; üblicherweise handelt es sich bei xxxxxx um eine Buchstabenkombination.
Löschen Sie nun in diesem Verzeichnis alle Dateien, die den Namen des korrupten RSS Feeds tragen. Danach Thunderbird neu starten und die RSS Feeds wieder über “Abonnements bearbeiten” neu hinzufügen.
Dec/110
comments
How to Decompile Windows chm Help Files
We show how to decompile a Microsoft HTML Help file with chm extension using the hh.exe onboard Windows tool.
Microsoft Compiled HTML Help is a proprietary online help format invented by Microsoft and released August 1997 with Internet Explorer 4. It is still used and supported up to Windows’ latest Version 7.
These help files come with a .chm file extension. They contain a set of HTML files, a TOC (table of contents) and an index file. The files start with the identifier “ITSF” which is an acronym for Info-Tech Storage Format. chm files can easily be produced with a variety of programs, e.g. with HTML Help Workshop.
If you happen to be in need of a decompiled version of a specific chm file, you will find several paid solutions on the Internet that claim to do the job. But there is no need to spend money since Windows is shipped with a program called hh.exe that is not only used to display help files but also suitable for decompiling chm files.
Follow these simple steps to decompile a chm file:
- Open a command prompt by pressing Win+R and entering
cmd.exefollowed by pressing <Return>. - Change to the folder with your chm file using the
cdcommand, e.g.
c:> cd c:\HelpFiles. - Now use the
hhcommand to decompile:
c:\HelpFiles> hh -decompile <TargetFolder> <MyFile>.chm
The process will finish quickly and you will find your decompiled chm parts in the <TargetFolder> directory.
