The future of testing is yellow

Pingdom, my favourite service for monitoring my servers, released a new tool yesterday that saves you from becoming a click monkey: Transaction Monitor.

What it does is accessing your webpage, clicking links, filling out forms and checking on the results (URL, Status Codes, etc.). I just implemented it for checking all of our stores checkout processes once a day.
Setting up is straigt forward and easy (as long as you have a check left in your Pingdom account). The Check editor offers context sensitive suggestions on actions and validations and has instant feedback on how long it took to perform the action and wether it was successful or not.
check-editor

So with the Transaction Monitor annyoing repetitive task can be automated and thanks to that performed even more often as when executed manually.

check

For some inexplicable reason however there is an artificial limit on the number of steps you can add to a check which is currently 25 and limits the usefulness unnecessarily.

Sublime Text 2 Settings

Martin over at The Amazing Web asked for Sublime Text 2 Settings yesterday, so here we go:

{
    "font_face": "Consolas",
    "font_size": 15.0,
    "word_wrap": "true",
    "highlight_line": true,
    "tab_size": 4,
    "translate_tabs_to_spaces": false,
    "line_padding_bottom": 1
}

I’m a huge fan of Microsoft’s Consolas font, so this is my default in both Sublime Text 2 and iTerm 2. The font size looks a little bit to large, but Consolas in 15pt is similar to Monaco in 13pt.
As Martin I hate scrolling horizontally and like my lines highlighted, however, I prefer tabs over spaces when it comes to indentation. The line padding is taken from Martin, it makes things way mare readable.

There are no color scheme settings in my config. As most Sublime Text 2 users I was a long-time Textmate user before and loved their Twilight theme (also on a dark background). However, I instantly fell in love with Sublime’s default Monokai theme and I’m still happy with it.

And I’m pretty happy I finally had the chance to play with Lea Verou’s great prism.js for this post.

Remote Debugging Safari on iOS

Remote debugging finally comes built into Mac OS and iOS 6. All you need is Safari 6 (which is, as the windows version of Safari was discontinued silently, only available on Mac OS) and the afore mentioned iOS 6.

If not done so already you have to turn on the Developer menu in the safari settings.

On the device, go to ‘Settings’ – ‘Safari’ – ‘Advanced’ and turn on ‘Web Inspector’ (which was translated to ‘Webinformationen’ in german).

Once you connect your device thru USB it shows up with it’s name in the Developer menu and you can start debugging sites opened in Safari or chrome-less web apps. This also works with pages opened in the simulator and will make tools like iWebInspector obsolete. However, as it only works on iOS, there is still a gap when it comes to debugging on android devices which, so there is still a place for Adobe Shadow out there.

Update: The ink’s not yet dry on this post as Adobe discontinued Shadow and replaced it with Edge Inspect, which is part of the Creative Cloud and therefore no longer free.

Mach ma kleiner!

An allen Ecken und Enden wird optimiert, was das Zeug hält. Bei Javascript und CSS gehört es quasi mittlerweile zum guten Ton, das ganze um Leerzeichen und Kommentare bereinigt auszuliefern, um die Dateigröße zu minimieren und damit die Ladezeiten zu optimieren. Bei Bildern, so scheint es, ist diese Erkenntnis noch nicht überall angekommen. Aber auch hier steckt immenses Optimierungspotential.

Zwei Apps erleichtern dem Webworker dabei die tägliche Arbeit.

Smaller

Sicher, es gibt diverse Online-Lösungen, die ein unkomprimiertes Javascript oder CSS durch den YUI Compressor jagen und man kann sich diesen natürlich auch selbst installieren, aber eine grafische Oberfläche, die auch Dateien per Stapelverarbeitung abarbeiten kann, wäre schon schön. Genau das leistet die Shareware Smaller, die darüber hinaus auch noch HTML komprimiert. Mit $20 nicht ganz billig, aber ich möchte im täglichen Arbeitsablauf nicht mehr darauf verzichten müssen. Neben der reinen Komprimierung kann das Programm darüber hinaus auch noch mehrere Dateien zu einer kombinieren.

ImageOptim

Eine verlustfreie Komprimierung von Bildern hat sich dagegen ImageOptim auf die Fahnen geschrieben. Auch hier ist eine Stapelverarbeitung möglich, das Tool unterstützt alle gängigen Web-Grafikformate (inkl. animierterter GIFs, sofern das heutzutage noch jemand braucht) und wählt selbständig die beste Kompressionsmethode. Selbst aus Bilder, die in Photoshop mit „Für Web speichern” gespeichert wurden kitzelt es noch ein paar Prozent raus. Punkten kann das Tool auch beim Preis, es ist nämlich Freeware.

Kleinere Dateien wirken sich nicht nur bei der Ladezeit positiv aus sondern mitunter auch im Geldbeutel, beispielweise wenn man seine Bild- und CSS-Dateien über ein CDN ausliefern lässt.

Websitegeschwindigkeit über UMTS/EDGE testen

Viele Webdeveloper kennen das Problem sicherlich: Man sitzt zu Hause vor der dicken Leitung mit 25, 50 oder gar 100 MBit und baut z.B. eine mobile Version einer Website. Schwer vorstellbar, wie da die Ladezeiten im wirklichen Leben auf mobilen Endgeräten aussehen. Und das komplette Kontingent seiner Daten’flatrate’ will man ja auch nicht mit Tests aufbrauchen.

Abhilfe kommt von Apple. Im neuen XCode 4.1 (kostenlos) für Max OS X Lion (10.7) findet sich, versteckt unter /Programme/Dienstprogramme (bei manchen auch unter /Developer/Applications/Utilities) ein Ordner Namens Network Link Conditioner.

Klickt man die Prefpane-Datei doppelt, die sich darin befindet, installiert sich ein neuer Eintrag in den Systemeinstellungen, über den man verschiedenste Zugänge und Leitungsqualitäten simulieren kann. Apple hat bereits diverse Profile angelegt, eigene Konfigurationen kann man problemlos hinzufügen. Und dann kann man feststellen, dass beispielsweise diese Seite über VDSL50 in knapp zwei Sekunden lädt, während sie über gutes 3G-Netz ca. 10 mal so lange braucht.

Es wäre schön, wenn Apple dieses Utility einzeln zum Download anbieten oder direkt mit Lion ausliefern würde, derzeit bleibt einem nur der 3GB große XCode-Download. Nur dafür lohnt sich das sicherlich nicht, alle, die XCode sowieso installiert haben, bekommen aber ein nützliches kleines Helferlein für die tägliche Arbeit an die Hand.

via Matt Gemell