You can see it on the sub-domain, I later called my project “Skip it!” and it is a card game you can play anywhere. On your phone, on your computer and on your tablet. If you know the card game “Skip-Bo”, you could probably guess, how you can play my game. I chose to create a clone of Skip-Bo because I sometimes play it with my family and also enjoyed playing the iPad app a while ago. Through the iPad app I found out how addicting and fun the game can be and the game-play might be simple enough to create it with my skills in web technologies.

The developer experience using SvelteKit and Svelte was awesome! For years I primarily use React for my projects. I actually felt a little nostalgic, because I wrote actual HTML again, instead of JSX (no more className) and handling states is way more straightforward. I also use Svelte’s feature for scoped stylesheets. In previous projects I normally use SCSS and create global stylesheets. In Skip it! I switched to component-scoped architecture. Benefit is, you automatically just keep CSS, you will actually use, because the code-editor will underline unused CSS rules.

Right now you can play against 3 players. I also thought about if you could play against real players. There are multiple ways to realise such realtime actions. Maybe I will implement it next holidays.

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.

Deswegen habe ich für dieses Problem einen kleinen Service entwickelt. Dort gibst du die URL des Tumblr-Posts ein und du wirst direkt auf die Vollansicht weitergeleitet.

lgk.io/show-tumblr-image

Startmon v11.11

Ab sofort können registrierte Nutzer von Startmon die täglich wechselnden Bilder von Bing als Hintergrund nutzen.

Um dieses Feature zu aktivieren, gehe einfach nach “Anpassen” » “Hintergrund” und klicke auf “Use Bing’s image of the day”.

Da das Feature noch neu ist, würde ich gerne deine Meinung dazu wissen.
Schreibe dein Feedback gerne als Kommentar unter diesem Post oder schreib mir per Kontakt.

Colorganize wurde nun komplett auf HTTPS umgestellt. Außerdem wurde das Logo aktualisiert.

Um den Service noch nützlicher zu machen, plane ich eine Windows App. Mit Hilfe von CefSharp soll Colorganize in einem eigenen Fenster geöffnet werden und bequem von der Taskleiste aus gestartet werden können.

In Kürze dazu mehr.

Colorganize.com »

In den letzten Versionen von Startmon wurde vor allem die Client-Seite verbessert und optimiert.

Im nächsten Schritt soll vor allem die Server-Seite überarbeitet werden, damit diese eine bessere Struktur erhält und auch mit Blick auf die Performance verbessert werden.

Außerdem soll das System mehr Modular-basierend sein, damit Startmon zukünftig leichter durch neue Features erweitert werden kann.

Um das zu realisieren, muss der grundsätzliche Code neu geschrieben werden. Diese neue Version, welche die Release-Nummer 12.x erhalten wird, nenne ich während sie noch in der Entstehung ist “Startmon Rookie” (hergeleitet aus Digimon).

Neues Feature: Pocket

Pocket ist ein Dienst, um schnell Web-Inhalte als Favorit zu speichern und das plattform-unabhängig. In der neuesten Firefox-Version ist Pocket bereits fest integriert.

Dank der API von Pocket, können gespeicherte Links aus Pocket auch direkt auf Startmon angezeigt werden.

Startmon Rookie testen

Sobald Startmon Rookie die grundsätzlichen Funktionen übernommen hat, werde ich es online zur Verfügung stellen und es so oft es geht updaten.

Sobald es so weit ist, werde ich es natürlich bekannt geben.

Ab sofort beherbergt Startmon einen News-Stream. Er verlinkt die neuesten Artikel verschiedener Quellen.

Momentan werden Posts von tagesschau.de, GIGA, DIE WELT, WinFuture, Servaholics, CNET und LGK Blog angezeigt.
Geplant ist, dass registrierte Nutzer die Quellen selbst zusammenstellen können.

Abgerufen werden die Posts per RSS. Aufgrund des Layouts werden aber nur Posts mit Thumbnails angezeigt.

Der Clou: Der Aufruf von Startmon wird nicht verlangsamt, da die Streams erst geladen werden, wenn der Nutzer die News sehen will.
Die News können auf zwei Weisen aufgerufen werden:

• Du klickst unten auf das “Show feeds”-Button.
• Du scrollst runter.

Ich bevorzuge die zweite Variante, da es deutlich fixer geht.

Startmon gleich ausprobieren »

html_bones ist ein kleines Werkzeug für Web-Entwickler, die schnell mit einem neuen Web-Projekt starten wollen.
Aus eine Reihe an häufig genutzten HTML-Elementen, können die benötigten Komponenten aus- und abgewählt werden.

So erhältst du schnell ein HTML-Grundaufbau, welchen du auch für später speichern kannst.

Es ist keine Anmeldung oder Registrierung notwendig.
Jetzt starten »

Änderungen zur vorherigen Version

Während v1.x vor allem mit PHP lief, läuft v2.1 ausschließlich client-seitig. Das heißt: Weniger Laden.
Denn mit PHP musste für jede Auswahl eine neue HTTP-Anfrage gestellt und bearbeitet werden. Das kostete viel Zeit, vor allem, weil man höchst wahrscheinlich mehrere Elemente hintereinander an- und abwählen möchte.

v2.1 dagegen läuft ausschließlich mit HTML, CSS und JavaScript. Das hat allerdings auch Nachteile, da ich so mehr auf die Browserkompatibilität achten musste. So gibt es mit IE leider immer noch einen Bug, den ich nicht lösen konnte (das UTF-8-Meta-Element kann nicht ausgewählt werden).

Das Design: Materialize

Ich bin zwar ein riesen Bootstrap-Fan, hier wollte ich aber mal ein anderes CSS-Framework testen: Materialize CSS.

Wie sich bereits heraushören lässt, basiert Materialize auf das Material Design von Google. Zu diesem Zeitpunkt befindet sich das Framework allerdings noch im Alpha-Status.

• Materialize Website
• Materialize auf GitHub