Auch nach 4 Jahren noch kein Ende in Sicht

Mein Blog wird heute 4 Jahre alt. Beim letzten Geburtstagspost hatte ich ja schon eingestehen müssen, dass ich nicht mehr so viel gepostet habe, wie in den ersten beiden Jahren. Aber mir fällt es im Moment etwas schwer, die Zeit zu finden, um mal wieder längere Artikel zu schreiben.

Nichts desto trotz habe ich seit der langen Pause Ende Februar schon wieder zwei Artikel fertig bekommen und einige sind schon fast so weit, veröffentlicht zu werden. Thematisch habe ich in der Vergangenheit oft über SASS bzw. Compass geschrieben, da ich seit Anfang des Jahres damit einiges an Erfahrung gesammelt habe und von der Sprache absolut überzeugt bin. Gerade die Programmierung von Mixins hat es mir angetan. Einige davon findet ihr in meinem Gist Account und einige mehr warten noch darauf gepostet zu werden.

Wer meinen Blog schon länger aufmerksam liest, der kennt wohl auch meine kleine Statistik zu jedem Geburtstag zu den erfolgreichsten Artikel im vergangenen Jahr und insgesamt. Auch in diesem Jahr möchte ich euch wieder jeweils die Top 3 präsentieren:

Weiterlesen →

WordPress Backup zu Dropbox, Amazon S3, Rackspace und SugarSync in BackWPup aktivieren

Ich bin schon lange überzeugter Nutzer des Backup-Plugins BackWPup von Daniel Hüsken. Dieser hat das Projekt mittlerweile zu den Profis von Inpsyde mitgenommen und eine recht umfangreiche Pro-Version entwickelt. Mir hat bisher ja eigentlich die kostenlose Version für meinen kleinen Blog ausgereicht. Seit ich meinen Blog aber auf einen neuen Server umgezogen habe, fehlte mir eine sehr wichtige Funktion im Plugin: Die Sicherung zu Cloud-Speicherdiensten wie Dropbox, Amazon S3, Rackspace und SugarSync.

Ablagemöglichkeiten vor der Reparatur

Mein neuer Hoster hat schon einen sehr guten Backup-Mechanismus und eigentlich wäre es kein Problem, die Daten direkt auf meinem Webserver abzulegen. Aber ich fühle mich doch etwas sicherer, wenn das Backup nicht auf dem System nur eines Unternehmens liegt. Denn wenn es auf allen Systemen zu einem Datenverlust kommt, dann ist eben auch mein Backup weg. Folgende Möglichkeiten standen mir nach der Installation des Plugins zur Auswahl:

Weiterlesen →

Melde dich noch heute für das WP Camp 2013 an!

Auch in diesem Jahr findet das WP Camp wieder in Berlin an der Beuth Hochschule statt. Als Datum haben wir dieses Jahr den 9. November ausgesucht. Wie auch im letzten Jahr bin ich wieder Teil des Organisationsteams und freue mich, viele von euch wieder dort zu treffen.

Vor nicht einmal einer Woche haben wir offiziell die Registrierung gestartet. Mittlerweile sind schon über ein Drittel der Plätze weg. Ihr solltet also nicht zu lange warten, euch für das WP Camp anzumelden.

wpcamp-restplaetze-164Restplätze: Stand vom 12.06.2013 00:00 Uhr

Die Anmeldung ist wie auch im letzten Jahr sehr einfach. Auf der Registrierungsseite zum WP Camp 2013 habt ihr die Möglichkeit, euch als neuer Teilnehmer anzumelden. Dazu bezahlt ihr einfach die Teilnahmegebühr (auch in diesem Jahr wird der gesamte Überschuss gespendet). Anschließend könnt ihr einen Account erstellen und euch auf der Seite anmelden.

Wenn ihr schon im letzten Jahr dabei gewesen seid, ist es sogar noch einfacher. Dann meldet ihr euch einfach an eurem Profil an, und findet dort den Button zum Bezahlen.

Also wartet nicht zu lange und meldet euch bald an, damit ihr auch mit Sicherheit einen der begehrten Plätze bekommt. Wir werden auch bald damit starten, die Sessionvorschläge einzusammeln. Wenn ihr euch registriert habt, könnt ihr auch sehr gerne ein passendes Thema vorschlagen. Wir freuen uns schon jetzt auf eure Ideen!

CSS3 Animationen mit SASS Mixins einfach umsetzen

Vor ein paar Wochen zum ersten Mal CSS3 Animationen eingesetzt. Dabei kamen dann wieder die obligatorischen Vendor-Prefixes ins Spiel. So etwas ist aber für einen Webentwickler wie mich nicht gerade zufriedenstellend und normalerweise nimmt einem SASS die Sache ja ab. Leider habe ich für CSS Animations keine Standard-Mixin in SASS bzw. Compass gefunden. Auch bei Github gab es keine allgemeinen Lösungen. Dort wurden meist nur für ganz spezifische Animationen Mixins angeboten.

Mixins für Animationen

Da eine Animation viele Eigenschaften kennt, habe ich mit selbst drei kleines Mixins geschrieben, die für so gut wie alle Anwendungsfälle ausreichen sollten. Man muss zwar jede Eigenschaft einzeln definieren, hat damit aber volle Freiheit bei der Gestaltung der Animation und muss nicht auf fest definierte Mixins für bestimmt Animationen zurückgreifen. Die Mixins sind wie folgt definiert:

Weiterlesen →

Mobile First Design mit SASS für alte Internet Explorer umsetzen

Wie ich euch ja schon in meinem letzten Artikel erzählt habe, setze ich seit einiger Zeit SASS bzw. Compass ein. Für das Redesign einer Website habe ich mich für den Mobile Fist Ansatz entschieden. Für diejenigen von euch, die damit nichts anfangen können: Bei Mobile First entwickelt man ein Design zuerst für kleine Bildschirmauflösungen, also z.B. Smartphones, und entwickelt dieses dann Schrittweise bis zur Desktop-Version weiter.

Das Problem dieses Ansatzes mit älteren Internet Explorern

Für die technische Umsetzung verwendet man immer CSS Media Queries. Man definiert bei Mobile First dann zuerst die Eigenschaften für mobile Endgeräte und anschließend über weitere Anweisungen in einem Media Query die Anweisungen für die größeren Auflösungen. In SASS könnte es vereinfacht wie folgt aussehen:

Weiterlesen →

SASS oder Compass-Dateien in eclipse automatisch beim Speichern kompilieren

Ich arbeite seit einigen Wochen mit Compass und bin bisher begeistert. Eine Sache die mich anfangs aber gestört hat war die Notwendigkeit die Dateien immer kompilieren zu müssen. Meine erste Idee war es, die Dateien von einem PHP-Skript direkt auf dem Server kompilieren zu lassen. Dazu habe ich dann sogar mit PHPSass einen passenden Kompiler gefunden. Aber irgendwie war ich dann von der Idee doch nicht so begeistert.

Kompilieren über einen Watch-Prozess

Wer SASS bzw. Compass kennt, der wird sich jetzt wohl fragen, wieso ich nicht einfach einen Watch-Prozess starte, der ja genau dafür da ist. Gestartet wird er innerhalb des Projekts wie folgt:

Weiterlesen →

Videos vom WP Camp 2012 endlich online

Viele von euch haben wohl schon sehnsüchtig darauf gewartet, nun sind sie endlich da: Die Videos vom WP Camp 2012 in Berlin. Die Sessions aus dem Beuth-Saal wurden während des Camps vom einem Uniprojekt live ins Netz gestreamt. Somit konnten auch viele die Session miterleben, die nicht persönlich vor Ort sein konnten.

Wer die Sessions aber auch im Live-Stream nicht verfolgen konnte oder vor Ort eine andere Sessions zur gleichen Zeit besucht hat, kann sich nun diese Sessions in aller Ruhe noch einmal ansehen.

Wir möchten dem Team der Beuth Hochschule noch einmal ganz herzlich für ihre tolle Arbeit beim Streaming und auch bei der Nachbearbeitung der Sessions danken. Aber nun wie angekündigt hier die Videos zu WP Camp:

Videos WP Camp 2012 Berlin

Eclipse an die Windows Taskbar anheften

Wie schon bei Windows 7 kann man auch bei Windows 8 Programme an der Taskbar anheften. Leider macht das Eclipse nicht von sich aus. Hat man Eclipse normal gestartet und versucht es anzuheften, bekommt man nach einem Rechtsklick auf das Icon nur folgende Optionen angeboten:

Der erste Lösungsversuch

Leider findet man hier keine Option zum anpinnen an die Taskleiste. Aber als versierter Windows Nutzer weiß man sich ja zu helfen. Man zieht sich also einfach das Icon per Drap and Drop auf die Taskleiste und schon ist es angepinnt. Leider ärgert einen Eclipse aber auch hier wieder. Denn nachdem man es dann gestartet hat erscheint ein zweites Icon. Das erste, welches man geklickt hat, ist nicht aktiv markiert und man kann es lediglich wieder entfernen:

Weiterlesen →

URL-Rewrite ohne Weitergabe des Query-Strings

Heute habe ich mal wieder ein nützliches kleines Snippet für euch. Ich stand vor kurzem vor dem Problem, dass ich bei einem Rewrite den Query-String entfernen wollte. Normalerweise ist es bei Rewrites ja so, dass ein vorhandener Query-String nur dann weitergegeben wird, wenn bei der RewriteRule das QSA-Flag gesetzt wurde.

Aber nun wollte ich einen existierenden Query-String von einem Rewrite entfernen. Dazu habe ich dann eine recht einfache Lösung gefunden. Man muss lediglich ein Fragezeichen das die Ziel-URL anhängen. Es könnte dann wie folgt aussehen:

RewriteCond %{QUERY_STRING} .+
RewriteRule ^script.php$ script.php?

Wir prüfen also zuerst, ob es einen Query-String gibt und entfernen diesen dann für das angegebene Skript durch Anhängen des Fragezeichens.

Zugegeben braucht man so etwas nur sehr selten, aber ich habe lange nach einer Möglichkeit gesucht genau das direkt per Mod-Rewrite zu lösen und nicht erst im Skript selbst. Ich hoffe es hilft auch euch weiter, wenn ihr ein ähnliches Problem habt.

Windows 8 Pro 64 bit auf einem Thinkpad R61

Vor fast genau 3 Jahren habe ich in meinem Artikel Windows 7 Professional 64 bit auf einem Thinkpad R61 – Ein Erfahrungsbericht beschrieben, wie Windows 7 in der 64 bit Version auf einem Thinkpad R61 läuft. Damals war ich sehr überrascht darüber, wie gut es funktioniert.

Jetzt ist mein Laptop also schon drei Jahre älter als damals und ich habe mich aber trotzdem getraut, ihm Windows 8 zuzumuten. Ich hatte Windows 8 vorher noch nicht getestet und somit war es auch für mich interessant zu sehen, wie gut die neue Oberfläche auf einem normalen Notebook funktioniert.

Weiterlesen →