Alltime Wallpaper

Für alle Schnarchnasen, die zu faul sind, monatlich ihr Hintergrundbild zu wechseln: Das heutige Wallpaper geht immer! Es ist dunkelblau (manche sagen auch es sei schwarz), das paßt zu allem. Es gibt mehrere Größen, die passen zu jedem Bildschirm. Es steht ganz oft “LOTUM – Die Ideenschmiede” drauf, im Vergleich zu “Januar” oder “Februar” absolut zukunftssicher!

320×480 (iphone 3) | 640×960 (iphone 4) | 1024×768 | 1024×1024 (ipad)
1280×800 | 1280×1024 | 1440×900 | 1680×1050 | 1920×1200

Wallpaper Januar

Um eine kurz- bis mittelfristige Wetterprognose für das nachfolgende Frühjahr anzustellen, werfen wir einen Blick auf das Januar-Wallpaper und gleichen es mit diesen Bauernregeln ab:

· Soll man den Januar loben, muss er frieren und toben.
· Wenn im Januar viel Nebel steigt, sich ein schönes Frühjahr zeigt.
· Hat der Januar viel Regen, bringt’s den Früchten keinen Segen.
· Im Januar viel Muckentanz, verdirbt die Futterernte ganz.
· Ist der Januar hell und weiß, wird der Sommer gerne heiß.

Aha, sollte der Januar also nicht so schön, schneefrei und friedlich wie auf Mareikes Wallpaper werden, dann wird es wenigstens laut Volksmund ein schöner Sommer! Denn der Januar muss krachen, soll der Sommer lachen!!!

Mit Kalender:

320×480 (iPhone 3) | 640×960 (iphone 4) | 1024×768 | 1024×1024 (iPad)
1280×800 | 1280×1024 | 1440×900 | 1680×1050 | 1920×1080 | 1920×1200 | 2560×1440

Ohne Kalender:

320×480 (iPhone 3) | 640×960 (iphone 4) | 1024×768 | 1024×1024 (iPad)
1280×800 | 1280×1024 | 1440×900 | 1680×1050 | 1920×1080 | 1920×1200 | 2560×1440

LOTUM Weihnachtsfeier

Gut gekleidet – Motto: Casino Style! – und gut gelaunt ging es letzten Freitag ins Restaurant Polster’s in der Bad Nauheimer Trinkkuranlage, wo die diesjährigen LOTUM Weihnachtsfeierlichkeiten mit Buffet und selbstgemachten Wichtelgeschenken starteten. Gewichtelt wurden neben selbstgebackenen Plätzchen und kreativer Weihnachtsdeko vor allem die weltweit ersten DIY-KING.ME-Fanartikel, z.B. unser royales Logo als Gemälde auf Leinwand und sogar eine KING.ME-Parkuhr.

Nach dem Essen öffnete das LOTUM Casino seine Pforten: Fleißige Helfer hatten zuvor das gesamte 4. Obergeschoss des Kurparkplaza in ein Casino umgestaltet mit Black Jack, Poker, Roulette, DJ und ganz viel grünem Filz. Auch an Croupiers, Cocktails und einen Poker-Profitisch wurde gedacht.

Laßt die Spiele beginnen! Alle Casino-Besucher erhielten ein Startguthaben von 5000 fiktiven Coins, so dass der Glücksspiel-Wettkampf um ganz reale Preise und ganz ohne schlechtes Gewissen beginnen konnte.

(weiterlesen…)

Quick Win: SpriteCow

Natürlich verwenden wir bei unseren großen Webprojekten längst CSS Sprites, denn wir müssen Serveranfragen und Dateigrößen so gering wie möglich halten, damit die Seiten rennen. Kein Icon darf alleine als einzelne Grafik gespeichert werden.

Das Erstellen des Sprites gehört allerdings nicht zu meinem Lieblingsbeschäftigungen. Es nimmt einfach zu viel Zeit in Anspruch, für jedes einzelne Icon die Position, Höhe und Breite in Photoshop abzumessen, um dann die entsprechenden CSS-Regeln festzulegen. Da gibt es spannendere Aufgaben. Einen Sprite-Generator habe ich nie verwendet, ich muss einfach selbst die Kontrolle über die Positionen der Grafiken im Sprite haben.

Nun bin ich zufällig auf SpriteCow gestoßen. Dieser geniale Webservice übernimmt den lästigen Job des Abmessens und gibt die entsprechenden CSS Regeln für Background-Position, Height und Width zurück.

Dazu muss man nur sein Sprite hochladen und kann dann jede einzelne Grafik im Sprite anklicken. Alle gefüllten, benachbarten Pixel werden automatisch mit ausgewählt. Man kann auch mit gedrückter Maustaste einen Bereich auswählen, falls die Pixel der gewünschten Grafik nicht direkt nebeneinander liegen.

Wallpaper Dezember

Zuckerstange und rote Socke,
Ein Pixel pro weißer Flocke.
Tannenbaum, Rentier, Mann aus Schnee,
Auch Super Santa ward gesehen.

Oh, du herrliches Weihnachtsklischee!
Schmückst die Tapete für den PC,
Und versprühst noch mehr Magie
Mit etwas 8-Bit-Nostalgie!

Smashing Magazine hat unser Wallpaper auch wieder veröffentlicht – Juhu! Die englische Version ist neben vielen weiteren tollen Desktop-Hintergrundbildern hier zu finden.

Mit Kalender:

640×960 (iphone 4) | 1024×768 | 1024×1024 (iPad)
1280×1024 | 1440×900 | 1680×1050 | 1920×1080 | 1920×1200

Ohne Kalender:

640×960 (iphone 4) | 1024×768 | 1024×1024 (iPad)
1280×1024 | 1440×900 | 1680×1050 | 1920×1080 | 1920×1200

LOTUM Talks im November

Ein Mal im Monat. Seit 12 Monaten. 15 Minuten pro Talk. 33 Präsentationen von Design über Entwicklung bis Marketing und Crazy Internet Facts. Im Konferenzraum nebenan. For Free!

Die Bilanz nach einem Jahr LOTUM Talks schreit nach einem großen Danke an alle bisherigen Sprecher, die mit uns in den vergangenen Monaten ihr Wissen teilten: DANKEEEE!

Trotzdem wollen wir mal nicht sentimental werden, und liefern lieber ein paar Impressionen von der November-Jubiläumsausgabe am letzten Freitag: (weiterlesen…)

LOTUM Event: Nachtwächter-Rundgang

Was? Einstein und Roosevelt haben schon in Bad Nauheim gechillt gekurt? Die EU beschränkt die Höhe der stolzen Fontainen im Sprudelhof? Diese und weitere überraschende Fakten wurden uns letzten Freitag präsentiert, als wir den Bad Nauheimer Nachtwächter auf seinem Rundgang durch die schönsten Ecken der Kurstadt begleiteten. Verrückt, wie schlecht man den Ort kennt, in dem man arbeitet bzw. wohnt.

Gut beschützt vor dem “lichtscheue’ G’sindel” und gut unterhalten durch die augenzwinkernden Anekdoten des Nachtwächters ging es u.a. vom Kurpark über den Gradierbau I zum Sprudelhof, in die Trinkkuranlage und in die Kutschergasse. Auf dem Marktplatz endete schließlich unsere Führung durch das nächtliche Bad Nauheim, wo wir im Luciferos in gemütlicher Runde die vielen Informationen verdauten.

Hier ein paar Eindrücke:

Quick Win: Responsive CSS Grids

CSS Grids wie 960.gs und BlueprintCSS dürften mittlerweile jedem bekannt sein. Sie helfen, die Website in ein festes Raster zu unterteilen und mehrspaltige Layouts umzusetzen. Nun beschäftigt uns ein Thema, das immer häufiger in den Entwickler-Blogs zu lesen ist: responsives Webdesign.

In letzter Zeit wurden einige Raster unter dem Grundsatz entwickelt, dass Websites für alle Bildschirmbreiten und Endgeräte optimiert sein sollten. Dabei reicht es nicht aus, die Breite der Website flexibel zu machen. Oft müssen Spalten neu angeordnet und Texte vergrößert werden, damit auch auf dem kleinsten Smartphone-Display der Inhalt optimal wahrzunehmen ist. Ich habe mir einige dieser Frameworks angeschaut und möchte hier zunächst drei sehr unterschiedliche Lösungen vorstellen.

Columnal CSS

Die Macher von Columnal haben sich vom 960 Grid inspirieren lassen. Die Maximalbreite beträgt jedoch 1140px. Bei kleineren Browserfenstern wird das Layout flexibel, bis sich schließlich bei geringster Breite die Spalten untereinander setzen.

Skeleton

Auch bei Skeleton wurden Ideen vom 960 Grid übernommen. Allerdings wird es nicht flexibel bei einer kleineren Breite als 960px, sondern setzt zunächst eine feste Breite von 768px. Auch für mobile Displays gibt es zwei feste Gesamtbreiten. Skeleton liefert auch einige Styles für Text, Formulare und sogar Tabs und Buttons mit, wodurch es sich gut zum Erstellen von Wireframes eignet.

SimpleGrid

Das SimpleGrid ist nicht an das 960 Grid angelehnt. Man muss z.B. keine Klassen für die erste bzw. letzte Spalte einer Reihe vergeben, was viele als Nachteil des 960 Grids sehen. Auch sonst verhält sich das SimpleGrid anders: Es gibt 4 feste Breiten für große Bildschirme, wobei das Layout für Displays unter 720px Breite flexibel wird. Ein Vorteil vom SimpleGrid ist, dass sich auch die Schriftgröße je nach Auflösung anpasst.

Diese drei Frameworks helfen auf sehr unterschiedlichen Wegen, ein responsives Layout umzusetzen. Es gibt noch unzählige andere Frameworks für diesen Zweck. Gerne könnt ihr eure Favoriten in einem Kommentar vorstellen.

Wallpaper November

It’s November again. Wieder kalt. Wieder keine Blätter mehr an den Bäumen. Wieder mehr Tapete sehen als den blauen Himmel.

Da muss die Wärme von Innen kommen, wie sie sich auch von der Mitte der Novembertapete her ausbreitet. Und wenn man sich daran satt gesehen hat, heißt es schon „It’s Christmas again, but I haven’t bought any presents yet“ und dann zum Glück auch bald wieder „It’s Spring again“.

Und welche Ehre, diesen Monat hat auch Smashing Magazine unser Wallpaper wieder in der Endrunde des monatlichen Wallpaper-Contest veröffentlicht. Die Smashing-Version gibt es hier zu sehen.

Und die exklusive LOTUM-Edition hier (Update 1+2+3: jetzt auch in 1920×1080, 1280×1024 und 960×800 um internen Wünschen nachzukommen):

Mit Kalender:

320×480 (iphone 3) | 640×960 (iphone 4) | 960×800 | 1024×768 | 1024×1024 (iPad)
1280×800 | 1280×1024 | 1440×900 | 1680×1050 | 1920×1080 | 1920×1200 | 2560×1440

Ohne Kalender:

320×480 (iphone 3) | 640×960 (iphone 4) | 960×800 | 1024×768 | 1024×1024 (iPad)
1280×800 | 1280×1024 | 1440×900 | 1680×1050 | 1920×1080 | 1920×1200 | 2560×1440

Quick Win: Javascript Tests in Jenkins integrieren

„untested code is broken code“

Nicht nur Hardliner werden zustimmen. Natürlich gilt das auch für Javascript, insbesondere da heutzutage viel Logik in den Client verlagert wird.

Tests für Javascript-Code lassen sich recht einfach z.B. mit qunit schreiben. Der Testcase ist dann eine HTML-Datei, die Javascript enthält und einfach im Browser geöffnet werden kann. Man sieht dort direkt, ob der Test durchgelaufen oder fehlgeschlagen ist.

Nun sollen diese Tests auch in den kontinuierlichen Build-Prozess integriert sein, da wohl kaum jemand die Tests ständig per Hand aufrufen will. In unserem Fall integrieren wir die Tests dafür in Jenkins. (weiterlesen…)