Before the update:

After the update:

I now use display: grid; to show the latest blog post link next to my introduction card. This way, I waste less space and the user can see more, the links to the featured apps are visible again on the first view. ^^

I also like the new blog post view, I now show the thumbnail image of the post in the background.

Of course the grid view is designed mobile-first. On mobile, the introduction card and the blog post will be just underneath each other.

In den Artikeln Traffic verringern: JavaScript-Dateien kombinieren und Website-Gestaltung: Beschleunigung durch Kombinieren von CSS-Dateien bin ich bereits darauf eingegangen, dass es Sinn macht, bei Web-Projekten CSS- und JavaScript-Dateien zusammenzufassen, um mehrfaches Abfragen einzelner Dateien zu verhindern.

Verwendet man CSS Pre-Prozessoren wie LESS oder Sass, ist es ziemlich einfach, seine Stylesheets zu kombinieren. Seit einiger Zeit nutze ich für das Kompilieren von LESS-Dateien die Anwendung Koala.

Nur für das Kombinieren von JavaScript-Dateien habe ich bisher noch keine Lösung gefunden. Und deswegen habe ich mir einfach selbst eine gemacht: Miniphpy

Durch das Web-Interface kannst du deine Dateien zu Bündel kombinieren. Um auf Dateien zu verweisen, kannst du entweder einen lokalen Pfad oder eine URI zu einer Datei angeben.

Die Dateien werden dann, abhängig von der Reihenfolge, zusammgefügt und anschließend komprimiert.

Hierbei kannst du wählen, ob die Komprimierung lokal (erfolgt mithilfe von Bibliotheken, die in Miniphpy enthalten sind) oder remote (dabei werden APIs der Komprimierungs-Dienste http://javascript-minifier.com/ und http://cssminifier.com/ verwendet) passieren soll.

Da Miniphpy eine PHP-Anwendung ist, musst du Apache (z.B. durch XAMPP) auf deinem PC am Laufen haben.

Diese Posts werden unter der Kategorie Startmon Build-News veröffentlicht und werden außerdem immer auf der Startseite in der Sidebar erscheinen.

Die Verkündungen neuerer Versionen werden aber auch weiterhin über Twitter (@lgkonline) geschehen.

Die Domain-Endung “.io” ist eigentlich länderspezifisch für das Britische Territorium im Indischen Ozean vorgesehen.
Da IO aber auch für “Input/Output” steht, werden .io-Domains in letzter Zeit aber vor allem auch in der IT-Branche verwendet.

Wer sich beispielsweise bei GitHub eine Seite einrichten lässt, ist diese dann unter nutzername.github.io erreichbar.

Endlich eine deutlich kürzere URL!

Da der Name “LGK” schon vorher stand und die Domains lgk.de und lgk.com bereits vergeben war, hatte ich mich für lgkonline.com, auch wenn ich das Anhangen von “online” schon immer hässlich fand. ^^
Das hat man vielleicht in den 90ern so gemacht.

Deshalb bin ich umso glücklicher mit der neuen knackigen Domain lgk.io.

Neue Möglichkeiten für Services

Startmon wird dann wohl die Subdomain startmon.lgk.io erhalten.
Und auch die anderen Services sollten dann eine deutlich kürzere Adresse bekommen.

LESS und Sass sind sogenannte “CSS Pre-Prozessoren”.
Damit ist es möglich, Stylesheets effizienter als je zu vor zu erstellen.
Mehr über die Vorteile von CSS Pre-Prozessoren »

Es ist nun möglich, seine Paletten aus Colorganize.com direkt mit eigenen LESS- und Sass-Code zu verbinden.
Ein @import genügt und du kannst deine Farben aus deiner Palette innerhalb deines Projektes benutzen.
Sobald du etwas an deiner Palette in der Web App änderst, wirkt sich das automatisch auf deinen Code aus.
Wenn du eine z.B. aus LESS-generierte CSS-Datei verwendest, muss diese vorher neu komprimiert werden.

Damit du eine Palette mit LESS oder Sass nutzen willst, muss diese als “public” markiert sein.
Standardmäßig sind aber alle Nutzer-Paletten als “private” markiert. So kannst du das ändern:

1. Klicke oben rechts auf “Edit mode”, um in den Bearbeitungs-Modus zu gelangen.
2. Klicke links im Paletten-Menü auf das jeweilige Stift-Symbol, um die Palette zu bearbeiten.
3. Aktiviere “public”, indem du auf den entsprechenden Button klickst.

Die Variablen-Namen der Farben stehen immer griffbereit. Ein Klick genügt und die gewünschte Farb-Variable kann in deinen LESS-, bzw. Sass-Code eingefügt werden.

Probiere es gleich aus »

Falls du noch nicht registriert bist, ist es übrigens auch möglich sich mit seinen Twitter-Account anzumelden. Mehr dazu hier »

Die dritte Preview von Startmon ist nun online und nun ist auch die Registrierung möglich.
Somit können Nutzer Startmon jetzt selbst anpassen.

Nun können eigene Link-Menüs und Links angelegt werden.

Für die Link-Menüs können Icons und Farben angepasst werden.

Klicke hier, um dich zu registrieren.
Um eigene Anpassungen zu machen, logge dich ein und klicke oben rechts auf das -Symbol und der Edit-Modus wird aktiv.

Später sollen auch noch die Suchmaschinen-Masken personalisiert werden können.

start.lgkonline.com »

colorganize.com hat endlich ein Redesign bekommen und sieht nun deutlich freundlicher aus als zuvor.
Aber es gibt auch ein paar nette neue Features.

Um ein Farbcode direkt im Zwischenspeicher zu halten, reicht nun ein einfacher Klick.

Außerdem speichert der Client deine letzte Position, wenn du ihn schließt.
Sowohl in welcher Palette du zuletzt warst als auch dein Code-Format (also Hex#, Hex, RGB oder RGBA).

Besuche colorganize.com »

Ich habe außerdem eine Hosted App für Chrome erstellt. Diese wird womöglich bald im Chrome Web Store veröffentlicht.

Schon länger liegt eine verbesserte Version von orange_files auf meiner Festplatte rum. Nun bin ich endlich dazu kommen, diese fertig zu stellen.

Auffälligste Änderung ist die neue Oberfläche. Diese basiert nun auf das Framework Bootstrap und ich damit auch responsive.
Lässt sich also auch prima auf Tablets und Handys nutzen.

Ebenfalls lassen sich in OPTIONS.php die Thumbnails jetzt komplett abschalten. Auch die Icons für die verschiedenen Dateiformate bekamen ein Facelift.

Das fancyBox-Plugin ist nun bereits bei dem Installations-Paket integriert. Bilder werden so in einer schicken Lightbox angezeigt.
In der Datei OPTIONS.php lassen sich die Plugins aber auch ganz einfach deaktivieren.

Auf zur orange_files-Website »

Brandheiße News für Nintendo-Fans: Gestern wurden auf der japanischen Nintendo Direct zwei neue Handheld-Modelle vorgestellt. Den New Nintendo 3DS und den New Nintendo 3DS LL.

Es stellt vor allem ein Update an der Hardware dar. So wurde der Arbeitsspeicher und auch die CPU verbessert. So soll beispielsweise das Surfen im Browser als auch das Laden von Software aus dem eShop deutlich schneller erfolgen.

Auffallende Neuigkeit ist auch ein zweiter Analog-Stick. Dieser fällt allerdings deutlich kleiner aus, als von manchen gehofft.

Ebenso soll der 3D-Effekt deutlich verbessert werden. Bisher mussten 3DS-Besitzer direkt auf den Bildschirm gucken, um den Effekt wahrzunehmen. Ansonsten wurde das Bild schnell verschwommen.
Bei den neuen Geräten soll sich der Effekt der Position des Spielers anpassen.

Im Folgenden gehe ich näher auf die einzelnen Neuerungen ein.

Verbessertes 3D

Ein neuer Sensor am Gerät soll die Position des Spielers erfassen und dem entsprechend den 3D-Effekt darstellen.
Somit könnte der 3D-Effekt endlich mehr werden als nur eine Werbe-Grundlage.

Das C-Pad

Viele Fans wünschten sich ein einen zweiten Analog-Stick. Das C-Pad ist vom Namen her dem GameCube-Controller entsprungen und soll beispielweise zur Steuerung der Kamera genutzt werden. Das könnte bei Spielen wie Kingdom Hearts sehr nützlich sein.

Neue Schulter-Tasten

Man kennt sie schon vom Wii U-Controller. Jetzt nehmen die Schulter-Tasten ZL und ZR auch auf dem 3DS Platz. Sie sollen von neuen Spielen genutzt werden können, die exklusiv für die neuen Geräte erscheinen werden.

Gefärbte ABXY-Knöpfe

Bei all den neuen Tasten und Analog-Sticks sah es Nintendo wohl für sinnvoll, die Hauptknöpfe ABXY einzufärben. Dabei ließen sie sich vom SNES-Controller (Super Nintendo Entertainment System) inspirieren. Auf dem 3DS LL sind allerdings lediglich die Letter eingefärbt.

Entwickler können die Indikatoren sinnvoll in ihren Spielen einbringen.

Amiibo

Von der Wii U kennen wir Amiibo bereits. Es soll dort u.a. für Super Smash Bros. genutzt werden. Das Prinzip ist mit Disney Infinty auch bereits bekannt.

Dabei können die Spieler kleine Spielfiguren erwerben. Der Chip darin verbindet sich mit dem NFC-Chip auf dem Wii U-Controller und es werden entsprechende Events im Spiel freigeschaltet.

Auch die neuen 3DS-Geräte besitzen einen NFC-Chip, womit auch diese Amiibo nutzen können. Vermutlich kommt dies als erstes bei Super Smash Bros. für 3DS zum Einsatz.

Mehr Speed

Die neuen CPU- und RAM-Specs sollen sich vor allem positiv auf das Surf-Verhalten auswirken. So wird die Nutzung des Browsers deutlich angenehmer und auch das Laden von Software aus dem eShop soll sich beschleunigen.

Der Browser, welcher im Übrigen von Opera zur Verfügung gestellt wird, soll außerdem auch HTML5-Videos abspielen können. Da Opera vor kurzem auf die Engine von Chromium umgestiegen ist, liegt die Vermutung nahe, dass auch der 3DS-Browser Chromium als Unterbau nutzt.

Personalisierbarer Home-Screen

Dieses Feature kommt auch Nutzer der älteren Modelle zugute: Eine neue Version der Firmware ermöglicht es, das Home-Menü mit Skins anzupassen.

Das Update soll ebenfalls im Oktober veröffentlicht werden. Hoffentlich auch für uns Europäer. Und zwar für den Nintendo 3DS, Nintendo 3DS XL und Nintendo 2DS.

Hard-Cover für den New Nintendo 3DS

Teile an der Vorder- und Rückseite des New 3DS lassen sich abnehmen und durch alternative Cover ersetzen. So ist es viel einfacher, seinen 3DS den eigenen Wünschen anzupassen.

Leider geht das nur mit dem normalen New 3DS, nicht mit der größeren Variante New 3DS LL (oder hier wahrscheinlich XL). Das finde ich persönlich ziemlich schade, da ich eigentlich den XL aufgrund der größeren Displays bevorzuge.

Neue Positionen

Der Lautstärke-Regler befindet sich nun gegenüber vom 3D-Regler und wurde auch vom Layout her diesem angeglichen. Stellt man die Lautstärke auf OFF wird dieser Zustand, ähnlich wie schon beim 3DS XL, eingerastet.

Die START- und SELECT-Knöpfe befinden sich nun wieder, wie beim DSi, unter den ABXY-Knöpfen und sind wieder einfacher zu erreichen. Der HOME-Button hat die Form von der Wii U bekommen und befindet sich weiterhin unterhalb vom Touchscreen.

Auf der Unterseite hat sich einiges getan. Der Einschub für 3DS- und DS-Karten befindet sich nun unten links. Wahrscheinlich war auf der Oberseite aufgrund der neuen Schulter-Tasten kein Platz mehr.
Der Audio-Ausgang ist mehr mittig und daneben befindet sich der Stauraum für den Stylus. Schade, ich fand den Platz an der Seite eigentlich ideal, weil man den Stylus dann ganz einfach während des Spielens rausziehen konnte.

Der Power-Button ist jetzt außen und dient gleichzeitig als Symbol für die Power-LED.

Zubehör und Nicht-Zubehör

Ich bin zwar des Japanischen nicht mächtig, aber das Stecker-Symbol auf der offiziellen Website lässt darauf schließen, dass bei den neuen Geräten wieder keine Ladekabel mitgeliefert werden.
Im Text darunter werden 3DS, 3DS LL, DSi und DSi LL genannt, also denke ich, dass das gleiche Ladekabel wie von dort genutzt werden kann.

Außerdem sind mehrere Lade-Muscheln abgebildet. Das Gerät wird demnach hochkant angeschlossen.

Im Übrigen werden nun statt SD- microSD-Karten verwendet. Eine 4 GB große wird aber mitgeliefert.

Preis und Veröffentlichung

Der Nintendo 3DS wird in Japan 16.000 Yen (umgerechnet ca. EUR 116,94) und der Nintendo 3DS LL 18.800 (umgerechnet ca. EUR 137,71) kosten.
Ich fürchte allerdings, dass es für uns einen deutlichen Aufschlag geben wird, da der aktuelle 3DS XL für rund 180 Euro zu haben ist. Trotzdem würde ich mich natürlich über einen niedrigeren Preis freuen.

Eine Veröffentlichung für Amerika oder Europa wurde noch nicht angekündigt. Ein Verkaufsstart für 2014 wird deshalb ausgeschlossen.
Vermutlich werden die neuen Geräte erst März 2015 veröffentlicht.

Alle Grafiken in diesem Artikel stammen von der japanischen Nintendo-Website sowie von der Nintendo Direct.