Neue Ressourcen für Webdesigner und -entwickler (März 2016)

In unserem letzten Teil konzentrierten wir uns auf die verschiedenen Javascript- und CSS-Bibliotheken, um bessere Websites und Webanwendungen zu erstellen. In diesem Monat haben wir weitere Bibliotheken zu empfehlen, neben einem kleinen Fokus auf Typografie.

In dieser Runde der Serie sehen Sie einige JS-Bibliotheken, für die Sie Verwendung finden, aber auch eine Sammlung von Tipps, einen sehr langen Aufsatz über Typografie, einen Farbgenerator und ein leichtes Frontend-Framework. Lasst uns sie ohne weiteres überprüfen.

Klicken Sie hier für weitere Ressourcen

Hier finden Sie unsere gesamte Sammlung empfohlener Ressourcen sowie die besten verfügbaren Webdesign- und -entwicklungstools.

JS-Tipps

JS Tips ist eine Sammlung von JavaScript-Tipps, von denen sich einige umkreisen Syntax, einige über Code-Effizienz und Leistung, und einige andere sind spezifisch für ein Framework wie AngularJS. Täglich werden neue Tipps hinzugefügt. Derzeit werden 50 Tipps ausgegeben. Es ist im Wesentlichen ein Muss-Lesezeichen Website für jeden Webentwickler.

Vagrant Manager

Vagrant Manager ist eine GUI-Anwendung zur Steuerung von Vagrant. Ähnliches MAMP, wo Sie Vagrant anhalten oder laufen lassen können und sehen, welches Vagrant gerade läuft. Die App ist für OS X und für Windows verfügbar. Wenn Sie sich nicht sicher sind, was Vagrant ist, lesen Sie unseren vorherigen Beitrag zur lokalen Installation von WordPress mit Vagrant.

Bulma

Bulma ist ein Frontend-Framework. Das Paket beinhaltet einige allgemeine UI-Komponenten des Netzes wie Navigation, Dropdown und (natürlich) das Gitter, das vollständig mit erstellt wird Flexbox. Das einzige Feature, das (zumindest jetzt) fehlt, sind die JavaScript-Komponenten. Bulma-Komponenten sind im Vergleich zu Bootstrap viel schlanker, aber es sollte ausreichen, um eine kleine, aber ansehnliche Website zu erstellen.

Gutenberg

Benannt nach Johannes Gutenberg, dem Erfinder der Massenpresse. Gutenberg ist eine Sammlung von Stilregeln für die richtige typografische Einstellung im Internet. Die Stilregeln legen die Grundlinie, die Schriftgröße und -skalierung sowie die Zeilenhöhe fest. Eine großartige Stilbibliothek, mit der der Inhalt Ihrer Website wesentlich besser aussieht.

OkayNav

OkayNav ist eine jQuery zum Erstellen einer responsiven Navigation, aber nicht nur einer weiteren. Das Plugin hat eine etwas andere Einstellung für das responsive Design: Da die Größe des Ansichtsfensters auf eine kleinere verkleinert wird, wird jedes Menü angezeigt allmählich in einem Symbol zusammengeführt, um die begrenzte Größe des Ansichtsfensters zu tolerieren. Klingt cool, oder??

Neue Web-Typografie

Das Neue Web-Typografie ist ein ausführlicher, aufschlussreicher Aufsatz über Typografie. Es behandelt die Stile von den Anfängen der Bücher bis hin zur aktuellen Art und Weise, wie wir im Web bauen und konsumieren. Mit zahlreichen Illustrationen recherchiert und umfassend referenziert, handelt es sich hierbei um einen ausführlichen Artikel von Robin Rendle, der jedoch unbedingt gelesen werden sollte, um die Typografie besser verstehen zu können.

Farbe sicher

Farbe sicher ist eine Farbgeneratorpalette für das Web. Im Gegensatz zu Werkzeugen, die wir zuvor in dieser Serie erwähnt haben, wird ColorSafe nur Farben generieren, die dem WCAG-Standard für Farbzugänglichkeit entsprechen.

Barrierefreier modaler Dialog

Dies ist eine kleine (nur ~ 0,5 kb) JavaScript-Bibliothek ein modales Dialogfenster erstellen. Der Benutzer kann auf einfache Weise mit einer Tastatur und einer Maus das Dialogfeld öffnen, schließen und navigieren. Das Paket enthält lediglich reines JavaScript (keine Stylings), sodass Sie das Dialog-Modul beliebig gestalten können.

Mo.js

Mo.js ist ein komplettes Paket der JavaScript-Animationsbibliothek. Im Lieferumfang sind einige Voreinstellungen enthalten, mit denen Sie die Animation schnell einstellen und ausführen können. Es ist modular aufgebaut und ermöglicht es Ihnen, unnötige Funktionen zu entfernen sowie flüssig und reibungslos. Da es sich um eine neue Bibliothek handelt, ist die Dokumentation leider noch nicht fertig..

Partikel

Diese Bibliothek fügt Ihrer Website Floating-Particle-Netzwerke hinzu, damit Ihre Website einfach cooler wird. Die Partikel reagieren auf die Bewegung des Cursors. Die Reaktionen sowie andere Elemente wie Farben, Abstand und Form können über die Optionen konfiguriert werden.