Emoticons sind aus sozialen Netzwerken längst nicht mehr wegzudenken. Sie werden vor allem dafür genutzt, Gefühle auszudrücken, etwas was durch Wörter häufig schwer auszudrücken ist. Oder sie untermahlen Geschriebenes, u.a. auch um Missverständnisse des Textes zu umgehen.

Aber nicht nur beim Austauschen von Nachrichten sind Icons hilfreich. Für die User Experience sind Symbole ein wichtiger Bestandteil. Ein ☰ öffnet ein Menü, ein 🔎 führt eine Suche aus und mit einem ♥ favorisiere ich etwas.

Oh, hast du gesehen, wie ich Icons sogar hier im Artikel verwendet habe? Und das ging ganz einfach. Und damit kommen wir zum eigentlichen Thema dieses Artikels. 〠

Ich benutzte dafür keine Icon-Library wie FontAwesome. Für das 〠 zum Beispiel habe ich nur folgendes als HTML geschrieben: 〠
Damit habe ich einfach nur den Unicode für dieses Symbol benutzt. Denn eine Menge Icons haben — genauso wie Buchstaben und Ziffern — einen eigenen Unicode.
Vorraussetzung dafür, dass das Symbol auch angezeigt wird, ist dass die verwendete Schriftart dieses auch enthält.

Finde Icons mit Graphemica

Graphemica sucht Icons im Unicode basierend auf Stichwörter.

http://graphemica.com/

In der Suchleiste gibst du einfach ein was du brauchst. Auf der Detail-Seite zu einem Icon findest du dann die nötigen HTML-Codes zum Einbinden auf deine Seite.

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

Ab sofort können sich Nutzer bei Colorganize ganz einfach mit seinem Twitter-Account einloggen.
Es ist keine extra Registrierung nötig.

Klicke einfach auf den Button “Sign in with Twitter” und autorisiere Colorganize als Twitter-App.

Es ist geplant, weitere Login-Möglichkeiten einzubringen (Facebook, Google etc.).

Teste es gleich aus: colorganize.com

Der Farb-Picker ist zurück!

Seit dem Redesign fehlte der bisher enthaltene Farb-Picker. Dieser ist nun wieder da.
Klicke im Farb-Modal einfach auf das Tropfen-Symbol und er erscheint.

Ideen für die Zukunft

Neben der Möglichkeit, sich mit verschiedenen Diensten einzuloggen, wünsche ich mir, dass Farbpaletten geteilt werden können.
Nutzer können von einer ihrer Paletten eine URL erhalten, die sie dann weitergeben können. Die Empfänger müssen nicht bei Colorganize eingeloggt sein.

Ebenfalls wäre es nett, wenn Nutzer ihre Paletten auf eigenen Projekt-Seiten einbetten könnten.

Mal sehen, inwiefern ich es schaffe, diese Ideen umzusetzen… ^^

Unter bones.lgkonline.com befindet sich die neue Web App “<html_bones>”.

Dieses Tool stellt Web-Entwicklern mit wenigen Klickst eine HTML-Vorlage um sicher zu gehen, dass die nötigsten Elemente bereits gesetzt sind.

Beispielsweise ist das Element <meta http-equiv="X-UA-Compatible" content="IE=edge"> unabdingbar, da sonst der Internet Explorer die Seite nicht im richtigen Modus anzeigen könnte.

Auch häufig genutzte Frameworks wie Bootstrap oder jQuery können mit einem Klick der HTML-Seite per CDN eingebunden werden.

Es ist keine Registrierung nötig. Genutzte Einstellungen können bei Bedarf als Cookie gespeichert werden um das nächste mal die gleiche Vorlage vorzufinden.

Auf geht’s: bones.lgkonline.com »

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.

Den Theme habe ich “Winegum” getauft, da mir der Hintergrund irgendwie darauf gebracht hat.
Der Theme basiert größtenteils auf Bootstrap. Damit ist er auch responsive, sieht also auf allen Endgeräten gut aus.

Weiteres zu lgkonline.com

Mit der Zeit sollen auch die anderen Teile meiner Website auf lgkonline.com rüberwandern.
Darunter auch das neue LGK Start, welches dann wahrscheinlich unter dem Namen “Startmon” betrieben wird.

Statt in den Bereichen Blog, Design und Start soll die Site dann in Blog, Services und Design unterteilt werden.

Unter Services wird man dann eine Auflistung mehrerer meiner Web-Apps, wie colorganize, Orange Files und auch Startmon finden.

Besonders in Zeiten des PRISM-Skandals, will man seine Dateien wohl nur noch ungern Internet-Riesen wie Google oder Microsoft anvertrauen.

Hat man einen eigenen Server, lagert man seine Dateien am liebsten dort.

Orange Files bietet die Möglichkeit, seine Dateien übersichtlich aufzulisten und diese zu teilen.

Die Dateien lädt der Nutzer selbst auf seinen eigenen FTP-Server hoch. Orange Files dient dann als Viewer. Damit aber nicht jeder Zugriff zu deinen Dateien bekommt, kannst du den Client durch Keys schützen.

Weitere Infos und den Link zum Download findest du hier:
orange-files.tk

Es ist mir wichtig hervorzuheben, dass Orange Files nicht dazu dient, seine Dateien zu sichern.
Die Methode der Keys dient nur wenig Schutz.

Orange Files ist lediglich dazu da, seine Dateien aufzulisten um es für Andere übersichtlicher zu halten.