COM.lounge täglich

Eine Sammlung von Links, Posts, Videos und mehr zu den Themen Web-Development, Open Government und ePartizipation

[comlounge]

Neu in 3.0 sind:

Pluggable storage engines, including WiredTiger

Higher performance & efficiency

Simplified operations through Ops Manager

End-to-end auditing

Enhanced Query Language and Tools

Ein genaueres Changelog gibt es hier: http://docs.mongodb.org/manual/release-notes/3.0/

[comlounge]

Wer Inspiration für Loader/Spinner braucht, der ist hier richtig. Alles JS und/oder SVG

[comlounge]

Fuel UX, a front-end library that extends Bootstrap with additional lightweight controls.

Eine Erweiterung für Bootstrap, die viele nette Controls bereitstellt, wie z.B. einen Data Viewer, frei stylebare Radiobuttons und Checkboxes, eine dynamische Baumansicht oder einen Wizard

[comlounge]

JAVA_HOME unter Mac OS X 10.10 (Yosemite) setzen

Wer nach einem Update auf 10.10 nach dem richtigen JAVA_HOME sucht, sollte einfach folgendes in seine .bash_profile schreiben:

export JAVA_HOME=`/usr/libexec/java_home -v 1.7`

(bzw. 1.6 oder 1.8 je nach Version).

[comlounge]

Wer Bilder in ein responsive Design einbinden will, wird früher oder später merken, dass es so einfach leider doch nicht ist. Dieser Artikel gibt hoffentlich ein bisschen Hilfe.

[comlounge]

Wer Panels wie bei pinterest implementiert und die unendlich nachladen lassen will, der hat 2 Möglichkeiten: Entweder kann er die Panels weit genug "unten" nachladen lassen, so dass man den Ladeprozess nicht sieht, oder er kann sie schön animiert einblenden.

Bei codrops sieht man dazu einige Möglichkeiten, wie man dies tun könnte.

[comlounge]

Es ist ja immer sinnvoll, dem User anzuzeigen, wann gerade etwas passiert, vor allem, wenn die Aktion asynchron läuft. Hier mögen die Loda-Buttons helfen, die während einer solchen Aktion per CSS3 animiert werden können. Man ruft einfach lodaButton("start") bzw. lodaButton("stop") auf, wenn man beginnt bzw. fertig ist.

[comlounge]

Es tut sich was in Sachen Web und Animation. Wie man weiss, gibt es ja schon CSS und SVG, die bestimmte Bereiche abdecken und Web Animations soll diesen beiden Komponenten eine gemeinsame Grundlage geben.

Neue Features sollen aber auch dazu kommen, wie z.B. Timing Groups oder Speed Control. Genaueres kann man dem Blogpost von Brian Birtles entnehmen. Den eigentlichen Draft findet man hier.

[comlounge]

Jakub Linowski hat 16 Ideen für gutes bzw. besseres Interface-Design aufgeschrieben, vor allem im Hinblick auf Conversion Rates (aber nicht nur). Sollte man sich mal anschauen, manches kennt man sicher schon, aber immer wieder schön, noch mal dran erinnert zu werden.

[comlounge]

Buttons sind toll, denn man kann draufdrücken! Nicht so toll ist, wenn sie immer gleich aussehen. Da hilft aber vielleicht die Sammlung von CSS-Buttons von Alex Wolfe, die er mit Hilfe von SASS und Compass erstellt hat. Von Flat über Glow bis hin zu Bevels ist einiges dabei. Also mal anschauen!

[comlounge]

Wer auf der Suche nach einer Lösung für inline-Editing von Inhalten ist, der sollte sich X-Editable einmal anschauen. Im Prinzip kann man damit Form-Elemente in einem Popup bei einem Klick auf ein Element darstellen. Das Element selbst wird also nicht ersetzt.

Ob sich das für alle Dinge eignet sei einmal dahingestellt, aber für den ein oder anderen Fall mag es sinnvoll sein.

[comlounge]

Ihr kennt das vielleicht: Wenn man in der Dev-Konsole/DevTools debuggt, fehlt manchmal einfach ein jQuery. Hier helfen die DevTools-Snippets, die man in einer JavaScript-Konsole ausführen kann und die dann z.B. jQuery laden. Die verlinkte Seite hat aber nicht nur dieses einfache Beispiel, sondern noch viele mehr. Auf jeden Fall also hilfreich!

Im Chrome (und im Firefox wohl auch) kann man diese Snippets zudem speichern. Geht in den DevTools einfach auf den Sources-Tab und klickt dann auf das Sidebar-Icons:

Dort könnt ihr dann neue Script anlegen. Wenn ihr sie gespeichert habt, könnt ihr sie dann per rechts-Klick einfach ausführen:

[comlounge]

Gestern wurde ein grosser Schritt im Bereich Open Data im Ruhrgebiet getan. Und zwar ging OpenRuhr:RIS an den Start, ein offenes Ratsinformatinossystem, wo im Moment die Städte Bochum und Moers mitmachen. Mehr sollen folgen.

OpenRuhr:RIS ist dabei ein alternatives Ratsinformationssystem, das also nicht die offiziellen Ratsinformationssysteme der Städte ersetzt. Es versucht stattdessen, die Daten aus diesen System zu nutzen und (ähnlich wie offeneskoeln.de) besser darzustellen. Es beinhaltet zudem nur die öffentlichen Daten.

Die Daten kommen dabei im Moment noch nicht aus offiziellen Schnittstellen der bestehenden Ratsinformationssystem, sondern werden von einem Scraper von den Webseiten automatisch extrahiert.

Sollte ein Standard wie OParl irgendwann einmal von Herstellern von Ratsinformationssystemen implementiert werden, sollte dieser Schritt deutlich einfacher werden. Man könnte sich dann z.B. rein auf die bessere Darstellung und weniger auf die Datenextraktion konzentrieren.

Und auch in Aachen wollen wir morgen an einem solchen System weiterarbeiten. Daher findet heute der Open Data Day Aachen statt, wo Verwaltung und Politik über die Möglichkeiten von Open Data diskutiert und morgen werden wir bei uns bei COM.lounge einen Open Data Hackday veranstalten. Das Hauptprojekt dort wird sicherlich pyallris sein, ein Projekt, das versucht, Daten des Aachener RIS zu extrahieren.

[comlounge]

Die OAuth Bible beschreibt die technischen Abläufe des OAuth 1.0A- und OAuth 2.0-Protokolls in den jeweils verschiedenen Konfigurationen (one-legged, two-legged etc.).

Es ist sicherlich mehr an diejenigen gerichtet, die eine OAuth-Library oder auch nur selbst einen Endpunkt implementieren wollen, aber auch für die Nutzer einer bestehenden Library mag es hilfreich sein, zu verstehen, was hinter den Kulissen abgeht.

[comlounge]

Wer die Visualisierung von Google Trends kennt, wird das Grid dort kennen. Bei codrops gibt es dazu jetzt ein Experiment rund um dieses Grid und verschiedene Arten, es zu animieren. Sehr nett.

[comlounge]

In diesem Online-Buch erklärt Mixu, wie Single Page Apps (also Apps wie GMail, Twitter etc.) arbeiten. Es geht dabei nicht so sehr um ein spezielles Framework, sondern die generellen Konzepte.

Das Buch gibt es als PDF, HTML, .mobi und epub.

In den Kommentaren wurde ausserdem auch noch ein Blogpost der Soundcloud-Entwickler zu demselben Thema erwähnt, der evtl. auch hilfreich sein könnte.

[comlounge]

Chris Coyler hat sich bei CSS-Tricks mal drangesetzt und versucht, die Chatbox von Google Hangouts nachzubauen. Was auf den ersten Blick einfach aussieht, ist dann scheinbar doch nicht ganz so einfach. Vor allem scheint es da so einiges zu geben, was einem erst beim Versuch des Nachbaus auffällt, wie die variable Breite der Chatbubbles.

Wen also die Nutzung von ein paar CSS3-Features wie Radial Gradients, Flexbox, Animationen und mehr in der Praxis interessieren, der sollte dort mal reinschauen.