Future Maik

Hi, ich bin Maik, studiere Medien-Informatik an der TU-Dresden, arbeite als Webentwickler bei blueways und schreibe hier über Webtrends, Technologien und Zeug was ich für erzählenswert halte und nicht in 140 Zeichen passt.

[futuremaik]

http://ift.tt/2gJCHXS

[futuremaik]

Capifony: Install bower components after symfony2 deplyoment

Since most modern frontend frameworks like Foundation 5 use package control systems like bower, there is quite a controversy of how to handle its assets towards versioning and deployment.

In my mind these files should not be checked-in which would unnecessarily increase the size of the repository. So I had to come up with an an idea of how to include the components installation in my deployment workflow with capifony.

Fortunately, this tool has many hooks and can be extended very quick. In my deploy.rb I added the following lines to search for the bower config file and execute the installation command on the remote.

namespace :bower do task :install do desc "Install bower components" run "cd #{deploy_to}current/web && cd $(dirname `find -name .bowerrc`) && bower install" end task :clean do desc "Remove bower components" run "cd #{deploy_to}/current/web && cd $(dirname `find -name .bowerrc`) && rm -rf bower_components" end end after 'deploy:create_symlink', 'bower:install'

[futuremaik]

MySQL Problem after Mavericks Update

Installing Mavericks somehow changed my security settings: Not sure if the built-in firewall had been activated on my mac before, but it was after the update and it caused some trouble with mysql.

The server just didn't start up with no error message. I don't know why there was no prompt like this to allow networks connections:

Manually adding the mysql process to the firewall settings at the security tab has fixed the problem.

[futuremaik]

Reconfigure Apache2 after Mavericks Update

After updating to OSX Mavericks, my Apache2 configuration seemed to be broken. No virtual host was working and the default web directory changed again to the famous "It works!" HTML file.

What happened? Since I'm using the built-in web server, the OS update affected its apache2 as well: The /private/etc/apache2/httpd.conf was replaced by a new one. Good for us that the old configuration file was backed up to httpd.conf.pre-update.

To determine what changed, you can simply use the FileMerge tool:

$ /Applications/Xcode.app/Contents/Applications/FileMerge.app/Contents/MacOS/FileMerge -left /private/etc/apache2/httpd.conf -right /private/etc/apache2/httpd.conf.pre-update

In my case, the the PHP module and vhost conf file inclusion were commented out. 

After re-enabling these lines and restarting the apache, everything should be back to normal.

EDIT: To check, where the actual loaded httpd.conf file is located, you can run the following two commands described over here.

[futuremaik]

Eindrücke der iOS7 Beta

Erst einen Tag in Benutzung und drei komplette Akku-Ladungen später, konnte ich mir einen ersten Eindruck des neuen iPhone-Betriebssystems machen. Wie bei jeder Beta liegt der Schatten der miesen Performance über allen Tests und frustriert natürlich. Auf meinem 4S sind Animationen ruckelig, Apps starten nur verzögert und crashen regelmäßig. Einen Tweet konnte ich damit leider nicht senden.

Aber der eigentliche Grund meiner Installation waren nicht neue Funktionen, sondern das neue Flat-Design und angepasste UI. Diskussionen über die neuen Icons gibt es genug; mein Gedanke dazu: Insgesamt zu inkonsequent - wenn, dann bitte richtig. Besonders problematisch sehe ich den bewussten Verzicht auf grafische Hilfsmittel, wie Icons oder Umrahmungen. Beispielsweise habe ich immer wieder Probleme die richtige Richtung des "Swipe to unlock" zu finden - es ist grafisch einfach nicht erkennbar.

Auf ein ähnliches Phänomen bin ich in vielen Apps gestoßen: Die Navigationspunkte in der Titlebar heben sich relativ schlecht von der Headline und der darüber befindlichen Statusleiste ab, lediglich die veränderte Farbe lässt ein Click-Event vermuten. Selbes gilt für die Wiedergabeoptionen - einfach ungewohnt.

Das gezielte Scrollen von langen Listen wurde schon immer durch ein Alphabet an der Seitenleiste ermöglicht. Leider wurde die vertikale Ausrichtung verengt und somit der Trefferbereich für einzelne Buchstaben extrem klein. In der Titelansicht, bei aktiviertem iTunes-Match, ist die Navigation sogar komplett unmöglich, da nicht treffbar. Die Einbettung der Alben-Cover fällt noch komplett.

Wie immer habe ich viel zu meckern, darum lasse ich es jetzt auch. Wahrscheinlich werden die meisten Fauxpas sowieso im Laufe der nächsten Versionen ausgebessert. Trotzdem bin ich lange nicht so zuversichtlich, wie bei der Einführung von iOS6.

[futuremaik]

Dynamisches Laden von Inhalten für das Bootstrap Carousel Plugin (Preloader)

In einem Projekt, welches ich mit Twitter Boostrap umgesetzt habe, verwendete ich erstmals das Carousel-Plugin und bin schnell an die Grenzen der Dokumentation gestoßen. Ich wollte größere Inhalte dynamisch nachladen und habe einige Varianten ausprobiert, von denen mir letztlich folgende am Besten gefällt - vielleicht erspart sie jemanden ja etwas Zeit.

HTML-Aufbau 

<div id="slider"> <div class="carousel-inner"> <div class="item active" data-url="false">###CONTENT###</div> <div class="item" data-url="false">###CONTENT###</div> <div class="item" data-url="http://api.example.com/slide/3"></div> <div class="item" data-url="http://api.example.com/slide/4"></div> <div class="item" data-url="http://api.example.com/slide/5"></div> </div> </div>

Bei diesem Beispiel werden die Inhalte der ersten beiden Slider Items ausgegeben, die anderen Slides bleiben leer. Dies hat den Vorteil, dass im Idealfall nie der Ziel-Inhalt geladen werden muss, sondern erst der darauf Folgende. Die URL für den API-Aufruf, die den zuladenden Inhalt liefert, steht im Attribut data-url des jeweiligen Slides (fertig geladene Slides haben den Wert false).

Javascript

var xhr; $('#slider').bind('slide', function(e){ // get target item var next = $(e.relatedTarget); // if already loaded, select next if($(next).attr('data-url')=='false') next = $(this).find('.item.active ~ .item[data-url!=false]')[0]; // abort if loading is complete if(!next) return true; // abort previous ajax request if(xhr && xhr.readyState != 4) xhr.abort(); // get data and insert it into target item xhr = $.get($(next).attr('data-url'), function(data){ $(next).html(data); $(next).attr('data-url', 'false'); }); });

Genutzt wird das slide Event des Plugins, welches direkt beim Aufruf eines Wechsels gestartet wird. In den Zeilen 6-10 wird das nächste zu ladende Item bestimmt. Sollte es keine mehr geben, wird abgebrochen. Anschließend wird überprüft, ob es noch einen aktiven XMLHttpRequest (beispielsweise durch schnelles Klicken oder lange Ladezeiten) gibt, welcher dann zugunsten der neuen Anfrage abgebrochen wird. Nun wird der API-Aufruf asynchron gestartet, die Animation des Sliders beginnt und die Antwort wird in das Ziel-Item ausgegeben.

[futuremaik]

Zwei Wochen Fusiondrive

15 Tage ist es nun her, seitdem ich mit meinem alten Macbook Pro (Mid 2009) auf ein Fusiondrive umgestiegen bin. Tun musste ich dank hardwk  nicht viel, eine SSD- und HDD-Festplatte habe ich schon seit Langem verbaut und die Anleitung war auch idiotensicher.

Was hat sich verändert? Beide Festplatten werden mir nun als eine einzige angezeigt - klar. Wo sich nun tatsächlich welche Daten befinden, ist nicht nachvollziehbar und eigentlich nur durch die Zugriffszeiten zu mutmaßen.

Da sich einige Programme anfangs sehr langsam angefühlt haben und Spotlight deutlich länger zum Auffinden der Anwendung benötigte, als ich es gewohnt war, behaupte ich mal, dass der Applications-Ordner nicht mehr komplett auf der SSD liegt.

Das Kompilieren zusätzlicher Software und Bibliotheken, wie zum Beispiel ein Apache Web Server, MySQL, ImageMagick oder python gingen wieder fix. Die Antwortzeiten vom Apache sind auch wieder ewig langsam - alles beim Alten.

Insgesamt gibt es eigentlich nur eine größere Sache, die man unbedingt beachten sollte: Die Installation von Windows durch Bootcamp ist nicht mehr möglich. Mir ist es zumindest nicht gelungen - auch nach ermüdend langer Recherche. Das Problem liegt höchstwahrscheinlich an der nachträglichen Partitionierung der Festplatte(n). Würde man vor der Installation von Mountain Lion ein Teil der HDD für Windows reservieren, könnte man vielleicht diese Fehlermeldung umgehen.

Persönlich sehe ich keine Vorteile zur vorherigen Konfiguration mit zwei Festplatten. Zum Glück hatte ich kaum Stress bei der Datenmigration, sonst hätte ich diesen Schritt womöglich noch bereut :-) Was passiert, wenn eine der Platten ihren Geist aufgibt, wäre vielleicht noch ganz interessant zu erfahren..

[futuremaik]

It's Only Rock #rock #music #halle (Wurde mit Instagram in Peißnitzbühne aufgenommen.)

[typeverything]

typeverything.com, seaarezea 

[futuremaik]

Cher (e) Mitglieder, Wegen der Stauung unseres Netzes muss die Ausstattung von Gmail alle Mails der Leitungen immer noch aufzählen sie werden benutzt, um zu schließen, die nicht benutzt werden, was sich in der Beseitigung aller Rechnungen von ergibt Nicht benutzte Gmail, wird sich unser Dienst seine Rechnung schließen als verpflichtet erweisen. Es lohnen Sie um irgendeinen von diesem verursachten Nachteil, bitte, zu vermeiden, die folgende Information anzupassen. Sie müssen das Formular füllen sorgfältig. Anders werden wir uns als verpflichtet erweisen, seine Rechnung ohne Gewissensbisse innerhalb 72 Stunden durch Sicherheitsgründe nach dem Empfang dieser E-Mail aufzuhängen. Klicken Sie in " Antworten ", Füllen Sie die Information des Netzes. Klicken Sie dann, in " Senden, " One Después De füllen. Ergänzen Sie die folgenden Felder korrekt: Name (*):.......................................................................................... VORNAME (*):...................................................................................... Mail (*):.............................................................. Kennwort (*):..................................................... Geburtsdatum (*):....................................................................... Besetzung (*):....................................................................................... LAND (*):..................................................................................... Nachdem sie den Fragebogen und nach der Prüfung durch uns beantworten werden, werden sie deine Rechnung von Gmail mit Normalität immer noch funktionieren. Irgendeine Weigerung mitzuarbeiten wird sich in der systematischen Beseitigung seiner Rechnung.... ergeben Aufmerksam, Die Ausstattung! Gmail!

Best Phishing Mail Ever

[digitalbyprocess]

I love all companies and all technologies. All I ask for is products, websites, etc that are developed with care and attention to deliver great experiences. Saw this today and had to repost:

Article: Source

Samsung is Apple’s Biggest Fan

I thought it would be fun to comprise a list of some...

[futuremaik]

Ob all die Apple-Produkte auch wirklich eher auf den Markt kamen?

[futuremaik]

Ein paar Runden mit dem Panzer durchs Gelände! www.panzer-power.de #tank (Wurde mit Instagram aufgenommen)

[futuremaik]

Cooliris App für iPhone & iPad

Gestartet war Coooliris als Browser-Erweiterung, die Bilder-Suchergebnisse grafisch schön aufbereitet und in Vollbild dargestellt hat. Das Prinzip hat sich nicht verändert, noch immer erstellt Cooliris eine Fotowand. Jetzt jedoch auf mobilen Geräten und mit Bildern aus verschiedenen Kanälen, wie Facebook, Instagram oder aus eigenen Aufnahmen.

Es ist möglich, mehrere Bilder zu markieren und in den Camera Roll zu speichern, per Email versenden oder auf Facebook teilen (was ja leider nicht selbstverständlich ist).

Was mich allerdings die ganze Zeit beschäftigt ist das App-Logo: Geht es nur mir so oder sieht es dem Windows 8 Logo verdammt ähnlich?

[futuremaik]

iOS6 Beta 4 Update

Die vierte Betaversion hat mich etwas überrascht: Als größte Änderung kann man wohl die Entfernung der Youtube-App bezeichnen. Eigentlich ist es ein logischer Schritt. Apple möchte sich möglichst unabhängig von Google machen, der erste Schritt war der Umstieg auf Apples eigenen Kartendienst.

Ansonsten ist die einzige spürbare und nützliche Änderung für mich die Integration des Wörterbuchs. Einen kompletten Changelog gibt es hier.

[futuremaik]

by Wolff Olins 1 year ago / Creative Commons License: by nc nd, vimeo.com

Just think about it… What if you were trapped under some­thing heavy and the mouse was out of your reach? Scary, right? That's exact­ly why we have these key­board short­cuts so you can still use Vimeo until the help arrives.

[Prev video • ]N…

Ich bin einer der wenigen Fans des Logos der Olympischen Spiele 2012 - der kurze Werbespot von Adidas setzt es für mein Geschmack besonders gut in Szene. http://flpbd.it/XFq18

[tdkrfanart]

Messenjah Matt does it again. Another great one based of one of my favorite scenes.

[futuremaik]

Werner Rises

Die Geschichte mit Werner Misch gerät langsam außer Kontrolle.  Ideen, die im Spaße mit meinen Mitbewohnern entstanden sind, wurden in den letzten Tagen so konkret, dass ich mir nun Gedanken über mögliche rechtliche Konsequenzen machen muss.

Kurz zusammengefasst: Vor 3 Jahren, auf dem Weg zu einem Grillabend, fiel uns ein heruntergefallenes Wahlplakat in Halles Straßen auf. Darauf abgebildet war kein geringerer als Werner Misch, CDU-Kandidat für die Kommunalwahlen 2009 in Halle. Sein verführerisches Grinsen gepaart mit seinem allwissenden Blick bewog uns dazu, das Plakat mitzunehmen und ihn zu unserem Anführer zu erheben. Seither vergeht kaum ein Urlaub oder Abend in unserer WG ohne seine Anwesenheit.

Nun hat sich im Laufe der Zeit eine nicht zu verachtende Fanbase um den Werner-Kult gebildet, deren Mitglieder immer aggressiver ihrem Idol näher kommen wollen. Wie ich schon berichtete, sah ich mich gezwungen, eine künstlerische Illustration des Freidenkers für ein Wandgemälde zu erstellen. Während der Arbeit wurden wir uns allerdings über die hervorragende Wiederverwendbarkeit der Grafik bewusst, sodass sehr schnell eine Liste für weitere kreative Einsatzmöglichkeiten entstand. 

Ich denke, folgendes Bild lässt erahnen, in welcher Zwickmühle ich mich gerade befinde:

  Kann ich Produkte mit dem Gesicht eines fremden Mannes bedrucken? Geht es vielleicht als künstlerische Interpretation durch? Wie cool wäre ein Batman Werner? Lohnt sich der Aufwand überhaupt? Stehen die Fans hinter ihm? Diese und viele weitere Fragen plagen mich nächtelang. Nun hoffe ich auf euer Feedback - was haltet ihr davon?