Alle Elemente, die sich anpassen lassen, sind blau umrandet.
Momentan sind das nur die personalisierten Links-Listen.

Später sollen u.a. auch noch die Suchmaschinen-Masken hinzu kommen.

Unter start.lgkonline.com kann bereits eine Preview von Startmon getestet werden. Wenn dir einfällt, was man besser machen könnte, nutze gerne den Feedback-Button oder kommentiere hier im Blog.

Ich arbeite momentan noch daran, die Personalisierung vom LGK Start-Nachfolger “Startmon” zu ermöglichen.

Um euch aber schon mal ein kleines Sneak Peek zu geben, habe ich nun eine Version noch ohne Profile online gestellt.

Ihr erreicht die Preview unter: start.lgkonline.com

Auch für mobile Endgeräte

Damit Startmon auch auf Smartphones und Tablets eine gute Figur macht, habe ich u.a. die Listen mit den Links entsprechend angepasst.

Tippt man auf eine der Kategorien, wird die Liste in voller Größe eingeblendet. Auf dem PC erscheint dafür beim Rüberfahren mit der Maus einfach ein Dropdown-Menü, wie üblich.

Für allgemeine Responsiveness sorgt übrigens das Framework Bootstrap.

Feedback gefragt

Habt ihr etwas an Startmon auszusetzen oder ihr wollt es vielleicht auch loben, zögert nicht, und schreibt eure Meinung hier in die Kommentare oder nutzt das Feedback-Formular auf Startmon.

Der Algorithmus zum Erzeugen der Autofill-Daten

Um zu vermeiden, dass Tippfehler als Daten für die Autofill-Funktion genutzt werden, muss nach einem Begriff mindestens zwei Mal gesucht worden sein.

Also suche ich z.B. nach “Goggle”, wird der Begriff erst gespeichert, wenn danach noch jemand nach “Goggle” sucht.

Scrollbar für die Autofill-Liste

Da die Liste für Suchvorschläge schnell mal ziemlich lang werden kann, würde sie so die gesamte Seite verschieben.

Deshalb wurde der Liste nun eine Scroll-Leiste verpasst.

Ein Nachteil des “Über LGK Start”-Menüs war, dass es den Inhalt überdeckt, wenn das Browser-Fenster zu klein war.

Dieses Problem wurde nun gelöst: Ist das Fenster kleiner als 1300 Pixel, verwandelt sich das Menü in eine kompakte Ansicht bestehend aus Symbolen.

Auf nach LGK Start »

Außerdem habe ich dieses kleine Filmchen erstellt:

Ihr könnt nun die nächste Version austesten. Benutzt dazu diesen Link:
lgkonline.de/start_new

Ich habe mir dabei vor allem die Macht von jQuery zu nutzen gemacht. Testet mal die neue “Über LGK Start”-Ansicht. Dazu müsst ihr lediglich den Cursor über das Symbol links oben fahren.

Außerdem wollte ich das Design noch einheitlicher machen. Vor allem das Menü-Design stammt aus der LGK-Leiste, welche sich immer ganz oben mittig befindet, auch hier im Blog.

Das besondere an der “Über LGK Start”-Ansicht ist außerdem das jQuery-Plugin Page Scroller LITE (Zur Plugin-Website).

Öffnet man die Ansicht, steht ganz oben die Überschrift “LGK Start Touch”. Klickt man links im Menü beispielsweise auf “Über LGK Start”, wird smooth nach unten gescrollt.

Ich arbeite zur Zeit an LGK Start weiter. Die Seite soll sich noch besser dem Bildschirm anpassen.

Das Hintergrundbild wird nun immer proportional gestreckt, sodass es die ganze Seite füllt.

Trotzdem hat sich die Mindest-Breite geändert. Diese beträgt nun 1000 Pixel, statt 1366 Pixel. Hat man einen kleineren Monitor, muss man später horizontal scrollen.

Es gibt noch weitere optische Änderungen. Die Tabs für die Suchmaschinen wurden etwas breiter, so wirken die Icons nicht mehr so gequetscht.
Was auf dem Bild links nicht zu sehen ist: Die aktuelle Suchmaschine wird nun statt statischer Farbe, durch Animation zwischen zwei Farben hervorgehoben.

Außerdem gibt es einen neuen Menüpunkt in der Links-Liste: Entwickler-Tools. Darin findet man Links zu Seiten, wie loremipsum.de oder Codecadamy.

Wenn die Seite fertig ist, findet ihr sie unter: lgkonline.de/start

Ich habe mithilfe von Adobe Edge Animate einen Werbebanner für LGK Start erstellt. Das heißt, die Animation basiert auf HTML5.
Das hat einige Vorteile gegenüber Flash-Bannern.

Wenn du LGK Start unterstützen willst, kannst du den Banner gerne auf deine Seite einbinden.

Hier ist der Code dafür:

Lass auch gerne einen Kommentar mit einen Banner von dir da, dann kann ich diesen ebenfalls auf diese Seite einbinden.

Im Juli letzen Jahres startete ich das Projekt “mys”.

Ziel ist es, Nutzern das Personalisieren einer eigenen Startseite zu ermöglichen.

Leider bin ich nicht mehr dazu gekommen, mys weiter zu entwickeln. Nun habe ich allerdings wieder damit angefangen.

Die alten Nutzer sind weiterhin registriert. Bis jetzt lässt sich die Hintergrundfarbe der Startseite und der Avatar ändern.

Ist der Nutzer eingeloggt, wird dessen Avatar im LGK-Menü angezeigt. Ist man nicht eingeloggt, ist anstatt des Avatars das mys-Logo mit Link zur Infoseite zu sehen.

Fährt man mit den Cursor über das mys-Logo, erscheint außerdem ein Dropdown-Menü mit Links zur Einlogg- und Registrieren-Seite.

Ich habe die Version von LGK Start jetzt auf 9.0 hochgestuft.

Neuerungen gibt es eigentlich nicht, es wurde lediglich das Design an das des neuen LGK-Menüs angepasst.

Fährt man nun mit der Maus über einen Punkt der LGK Start-Menüs, startet eine Animation als Hintergrund.

Auch die Blockboxes wurden optisch aufgepeppt. Das sind die Fenster, die erscheinen, wenn man im Optionen-Menü ein Link klickt.

Optisch hat sich auch etwas an der mobilen Version von LGK Start getan.

Das Design ist jetzt mehr an das der Standard-Version angelegt.

Außerdem passt sich die Größe des Eingabefeldes und der Buttons dem Bildschirm an.

Wenn LGK Start auf einem mobilen Gerät aufgerufen wird, wechselt die Seite sofort zur mobilen Version.

Alternativ kann auch direkt lgkonline.de/start/touch aufgerufen werden.