Kategorien
Frontend: HTML5, CSS3, jQuery

Fwd: Another 20 Docs and Guides for Front-End Developers

Louis Lazaris hat eine Liste über Frontend-Tools, Info-Seiten und Anleitungen zusammengestellt. Sehr interessant finde ich Mastering the :nth-child (was man hier nicht alles kombinieren kann) und den Code Fight Club.

Aber auch einige Flexbox-Hilfestellungen gibt es (Flexbox adventures, flexbugs), ein Thema mit dem ich mich auch mal umgehender mit beschäftigen möchte.

Another 20 Docs and Guides for Front-End Developers

Kategorien
Software

Piwik-Datenbank-Update bei domainfactory über SSH und PHP

Ab und an (gefühlt alle fünf Tage) gibt es ein Update der Analytics-Software Piwik, welches oft auch ein Update der Datenbank mitbringt. Bei großen Piwik-Installationen wird empfohlen, das Datenbank-Update über die Kommandozeile auszuführen, das recht easy über einen eingerichteten SSH-Account bewerkstelligt werden kann.

Piwik empfiehlt unter anderem diesen Befehl:

$ php /path/to/piwik/console core:update

Leider gibt’s bei domainfactory bei Verwendung von php nur die Version 4 – jedenfalls habe ich das bislang feststellen können. Aktuellere Piwik-Versionen benötigen hier aber was neueres und möglichst mit CLI im Namen, weswegen sich bei uns folgender Befehl etabliert hat:

$ php5-54LEGACY-CLI /kunden/XXXXXX_YYYYYYY/pfad/zu/piwik/console core:update

Wer mag kann es ja mal mit einer höheren Versionsnummer probieren, das habe ich bislang nicht ausprobiert:

$ php5-55LEGACY-CLI /kunden/XXXXXX_YYYYYYY/pfad/zu/piwik/console core:update

$ php5-56LEGACY-CLI /kunden/XXXXXX_YYYYYYY/pfad/zu/piwik/console core:update

Welche PHP-Versionen sonst noch zur Verfügung stehen, findet man hiermit heraus:

$ ls /usr/local/bin

(Dieser Beitrag wurde etwas von „Domainfactory Webspace: cronjobs mit bestimmter PHP-Version ausführen“ inspiriert.)

Kategorien
Frontend: HTML5, CSS3, jQuery Typographie Webdesign/Gestaltung

Silbentrennung im Browser mit CSS hyphens

„Die Texte hätten wir gerne in Blocksatz.“ Spätestens hier gilt es zu überprüfen wie es um die Silbentrennung im Browser steht: geht, aber nicht ohne Präfixe und lang-Attribut, und erst recht nicht überall.

Kategorien
Allgemein Software Textpattern Wordpress

Die Crux mit Textpattern und WordPress

Ich hatte hier vor ein paar Jahren mehrere Beiträge aus einem Blog importiert. Dieses lief mit Textpattern und ich wollte die Beiträge in ein WordPress migrieren. Das hat soweit auch gut geklappt, bis auf eine Sache, mit der ich noch heute Probleme habe und die ich leider erst spät herausfand: der Slug (wie man das so schön in WordPress-Sprech nennt) wurde teilweise nicht übernommen, falsch oder nicht generiert.

Symptome: In den Titeln der Textpattern-Beiträge wurde jeweils ein „Non Breaking Space“ zwischen den letzten beiden Wörtern eingefügt, um Hurenkinder zu vermeiden. Leider hat das damals verwendete Script diesen Fall nicht berücksichtigt und dementsprechend dieses mit   eingefügte, geschützte Leerzeichen nicht – wie beim normalen Leerzeichen – mit einem Strich ersetzt, sondern setzte einfach beide Wörter zusammen. So wurde beispielsweise aus pixelscheucher.de/neue-buecher-im-schrank/ ein pixelscheucher.de/neue-buecher-imschrank/. Teilweise hat auch es auch mit den Umlauten nicht funktioniert, so dass auch aus Bücher kein buecher wurde, sondern bucher. An manchen Stellen wurde auch, ich vermute den Fehler hier allerdings im Import-Tool, überhaupt kein Slug erstellt, so dass der jeweilige Beitrag gar nicht aufgerufen werden kann.

Die Folge sind bislang viele 404-Errors, die ich vor allem in den Google Webmaster Tools regelmäßig begutachte und nach und nach korrigiere. Bis dato habe ich an die 100 solcher Fehler, die aber nicht alle auf diesen Export-Import-Vorgang zurückzuführen sind. Ab und an verbringe ich also meine Freizeit damit, URLs zu korrigieren. Manche Beiträge lösche ich auch direkt, da sie inzwischen blödsinnig geworden sind.

Kategorien
Technik und Gadgets

Mein Upgrade aufs iPhone 6 (vom 4S)

Heute war es soweit und ich konnte – nach einem kurzen Sprint in Richtung DHL-Lieferant – ein neues iPhone 6 entgegen nehmen. Dieses wird bald mein 4s ersetzen, sobald die Rufnummernportierung durch ist. Ich habe mich für 64 GB in Space Gray einem Vodafone-Tarif entschieden, womit ich Congstar in Sachen Mobilfunk vorerst Goodbye sage (ohne schlechte Erinnerungen).

Erster Eindruck

Groß. Mit meinem Wechsel über drei Generationen überspringe ich ja nicht nur die gewachsene Größe in der Höhe, sondern auch in der Breite. Es ist noch ungewohnt, hinzu kommt die Parallelnutzung mit den 4S. Die Einhandmodus-Funktion ist schon jetzt meine zweitliebste Funktion geworden, auch das Muskelgedächtnis hat sich schon dran gewöhnt. Noch lieber ist mir allerdings jetzt schon Touch ID, da ist allerdings noch die Eingabe des Sicherheitscodes in den Fingern. Eher zufällig entdeckte ich die „Hey Siri“-Funktion.

Schnell. Alles ist schneller geworden – sowohl von den Reaktions- und irgendwaspassiertinderapp-Zeiten, als auch vom Seitenaufbau in Safari.

Leicht und flach. 11 Gramm weniger Gewicht sind nicht viel, aber doch irgendwie spürbar. Und flacher ist es, kantenlos.

Verwirrend. Ich möchte noch immer den Lockscreen auf der Oberseite betätigen, der ist sitzt jetzt aber auf der rechten Seite. Screenshots sind ungewohnt und wollten teilweise noch nicht funktionieren.

iPhone 6

Migration und ihre Tücken

Die Migration soll eigentlich leicht vonstatten gehen, wenn man sich dazu Apples Migrations-Anleitung durchliest. Eigentlich, da auf dem 6-er noch iOS 8.1, auf dem 4S aber schon 8.2 installiert war. Daher musste ich das 6-er zuerst als neues Gerät einrichten, um dann das Update auf iOS 8.2 durchzuführen, damit ich dann das 4S-Backup aufspielen konnte.

Vodafone?

Jep, Vodafone. Mein allererstes Handynetz, als ich damals™ mein erstes Handy bekam (hieß da aber noch D2 Mannesmann). Back to the Roots sozusagen. Tariflich wurde es es der RED 3GB (Telefon-Flat, SMS-Flat, 3 GB Volumen) den ich als Family & Friends-Tarif ordern konnte und daher sogar recht erschwinglich ist. (Den Tarif – auch mit 1,5, 8 und 20 GB Datenvolumen– gibt’s gerade übrigens mit 6 Monaten Netflix gratis und 6 Monaten Gratisnutzung von Telefonie-Flat und Datenvolumen im Ausland. Schaut ihn euch hier an (Partnerlink)).

Kategorien
Technik und Gadgets

„Hey Siri“, würfeln und Karten ziehen

Eher zufällig habe ich heute entdeckt, dass man Siri auch per Sprache aktivieren kann. Hierfür muss das iPhone ans Stromnetz angeschlossen und die entsprechende Funktion unter Allgemein -> Siri -> „Hey Siri“ erlauben aktiviert sein. Und schon kann man Siri beispielsweise mit einem „Hey Siri ruf Oma an“ auffordern, die Oma anzurufen. In meinem Fall würde sie noch (oder er, lässt sich ja auch einstellen) fragen, welche Oma es denn sein soll.

Auch cool: „Wirf einen Würfel“ oder „Zieh eine Karte“. Beim Würfel werfen kann man sogar angeben, ob der Würfel 6, 8 oder 100 Seiten hat („wird einen sechsseitigen Würfel“). Blatt und Farbe werden nach dem Karten ziehen genannt, also zum Beispiel „Karo-Neun“.

Kategorien
Allgemein

Wie man zügig an sein 10.000-Links-Limit bei bit.ly stößt

Letztens bekam ich eine E-Mail von bit.ly, dass ich mein Linklimit von 10.000(!) Links pro Monat(!!) erreicht hätte. Ich staunte nicht schlecht und überlegte, wie es dazu überhaupt kommen konnte und seit wann dieses Limit überhaupt besteht. Also ab auf die bit.ly-Seite, eingeloggt und geschaut, wohin die letzten Links so gingen: last.fm. Wo kamen die her?

Nach kurzer Überlegung kam ich auf ifttt. Ich schaute durch meine ifttt-Recipes und fand als erstes ein Recipe, dass mir meine bei last.fm gescrobbelten Lieder in ein Google Spreadsheet schmeißt. Das hatte ich vor Ewigkeiten mal bei jemandem gesehen und fand es ganz brauchbar für … für … um es zu haben. Für jeden Song in dieser Tabelle wurde ein Shortlink generiert, der auf mein bit.ly-Konto ging. Da ich pro Woche ziemlich viel Musik über Spotify höre, kommen hier eine Menge Links zusammen.

Lösung des Problems wäre also das Recipe anzuhalten oder meinen bit.ly-Account von ifttt zu trennen. Ich tendiere zu ersterem, ich glaube nämlich nicht, dass mich in zwei Jahren interessiert, welche Musik ich letzte Woche auf dem Weg zur Arbeit hörte. Beim schreiben dieses Artikels bemerkte ich, dass ich auch einfach das Recipe um eine Spalte in der Tabelle verkürzen kann:

Beim heutigen Sichten meines bit.ly-Accounts sind mir außerdem vermehrt twitter.com-Links aufgefallen, da gibt es wohl auch noch ein ifttt-Recipe, das mir meine Favoriten irgendwo hinspült. Eigentlich war das mit der Automatisierung einfacher gedacht.

(Schauen wir mal, welche Firmen die in diesem Beitrag genannt werden, in fünf Jahren – 2020 – noch existieren.)

Kategorien
Frontend: HTML5, CSS3, jQuery Webdesign/Gestaltung

HTML5 Boilerplate 5.0

Das allseits bekannte HTML5 Boilerplate trägt nun Versionsnummer 5.0. Die IE6- und IE7-Unterstützung – und damit auch der furchtbare Conditional-Comment-HTML-Head – sind raus, normalize.css wird in der 3.0.2-er Version eingebunden, jQuery 1.11.12 ist drin, .ir ist weg (Image Replacement), eine .editorconfig liegt bei und die weiteren Änderungen stehen im Changelog. Die letzte Version des Boilerplate stammt übrigens aus September 2013.

(Faszinierend finde ich die Diskussion ob doctype oder DOCTYPE.)