Neue Ressourcen für Webdesigner und -entwickler (August 2016)

In diesem Artikel finden Sie eine Liste von Frameworks und Tools auf Web-Entwicklung ausgerichtet. Interessanterweise habe ich einige dieser Tools und Frameworks von Unternehmen wie Microsoft und Alibaba entdeckt.

Dies ist ein gutes Zeichen, da immer mehr Unternehmen zu Open Source beitragen und dazu beitragen, das Web besser zu gestalten. Werfen wir einen Blick darauf, was für die Compilation dieses Monats auf Lager ist.

Klicken Sie hier für weitere Ressourcen

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

CuteStrap

Ein UI-Framework, das auf Sass aufgebaut ist. Es verfügt über alle gängigen Weboberflächen wie Formulare, Navigationen und Schaltflächen, die in vielen Fällen ausreichen sollten. Wenn Sie beliebte Frameworks wie Bootstrap und Foundation als überwältigend empfinden, Cutestrap könnte eine gute Alternative für Sie sein.

HTML5-Test

HTML5-Test ist ein Online-Tool, das testet, inwieweit ein Browser die neuesten HTML5-Spezifikationen unterstützt. Es ist ein praktisches Werkzeug für alle, die am Debuggen und Testen moderner Webanwendungen beteiligt sind.

Browserkalorien

Browserkalorien ist eine Chrome-Erweiterung, die das Gewicht einer Webseite misst. Es prüft die geladenen Dateien und ihren Beitrag zum Gesamtgewicht der Seite. Ein großartiges kleines Tool, mit dem Sie die Leistung Ihrer Website optimieren können.

Weex

Weex ist ein Framework von Alibaba, um mobile Apps nur mit HTML, CSS und JavaScript zu erstellen. Es verfügt über Module, UI-Komponenten, eigene DevTools und CLI, die für mobile Umgebungen und zur Beschleunigung der Entwicklung konzipiert sind.

Microsoft Web Framework (MWF)

Ein Framework von Microsoft, die UI-Komponenten in MWF basiert auf der Designsprache von Microsoft Modern: flach, sauber und minimalistisch. Dieses Framework gibt neben den Komponenten der Benutzeroberfläche auch Anweisungen für die Verwendung von Farben, Typografie und Animation. Ich denke, dass Material Design Lite endlich einen gleichberechtigten Anwärter getroffen hat.

Vital

Vital ist ein Framework mit einer sehr ansprechenden minimalen Oberfläche. Es ist leicht, hat kein JavaScript und nativ Rogue - ein auf Ruby basierender Syntaxhiglighter.

Fontea

Fontea ist eine kostenlose Photoshop-Erweiterung zum einfachen Verwalten und Anwenden von Hunderten von Google-Schriftarten. Sie können die Schriftart in Photoshop durchsuchen, eine Vorschau anzeigen und die Schriftart direkt in Ihr Design übernehmen - so wird Ihr Workflow optimiert.

Nieseln

Mit diesem Tool können Sie UI-Muster oder Style-Guide für Ihre Website erstellen. Es werden Elemente wie Farben, Grundstile oder Layout für Komponenten sowie der Code-Ausschnitt generiert. Ein Style-Guide-Generator gefällt Nieseln ermöglicht es Ihnen, konsistent mit Ihren Website-Stilen zu bleiben.

InterCooler

InterCoolerJS ist eine JavaScript-Bibliothek, die die Anwendung von AJAX auf Ihrer Website so einfach macht wie das Hinzufügen von HTML-Attributen. Es enthält einen ausführlichen Leitfaden und viele Beispiele, die Ihnen den Einstieg in die Verwendung des Tools erleichtern.

Picla

Picla ist ein jQuery-Plugin, um Bildetiketten anzuzeigen, die aus dem Bild abgerufen werden alt Attribut. Es bietet einige Optionen, mit denen Sie der Beschriftung benutzerdefinierte Formatierungen und Bewegungen hinzufügen können. Picla kann als Abhängigkeit von Ihrer Website mit Bower installiert werden.

IziModal

Hier ist ein jQuery-Plugin zu zeigen modal Popups. IziModal hat viele Möglichkeiten zur Personalisierung. Sie können z. B. die Animation, den Textinhalt und die Farben anpassen. Es ist leicht, reaktionsschnell und für die Retina vorbereitet.

MegaBoilerplate

MegaBoilerplate ist ein Generator zum schnellen Aufbau eines Entwicklungsstacks. Gehen Sie zur Website und wählen Sie aus, welche Tools und Bibliotheken (Node.js, HTML5, Vanilla JavaScript und Electron) als Basis für Ihre Website verwendet werden. Es wird alles kompilieren und konfigurieren, was Sie in einem komprimierten Paket zum Download benötigen.

Heuler

Eine JavaScript-Bibliothek zum Anzeigen moderner Audioplayer mithilfe der Web-Audio-API, Heuler funktioniert in Browsern so alt wie IE9 und unterstützt viele Audio-Codecs wie MP3, WEBM, WAV. Viele Funktionen, modular und funktionieren ohne externe Bibliothek.

SuperEmbed

SuperEmbed ist eine kleine JavaScript-Bibliothek, die eingebettete Objekte anspricht und das ursprüngliche Verhältnis beibehält. Es unterstützt eine Vielzahl von Quellen, darunter Youtube, Flickr, Vine, VideoPress und DailyMotion. Siehe die Demo.

CleaveJS

Spalten ist eine JavaScript-Bibliothek, die automatisch Werte in der Eingabe formatiert. Es kann beispielsweise das Tausendertrennzeichen bei der Währungseingabe hinzufügen, bei der Eingabe der Kreditkartennummer Leerzeichen hinzufügen oder hinzufügen / in der Datumseingabe. Verwenden Sie diese Bibliothek, um die Benutzererfahrung zu verbessern.

Typisch spiegeln

FlippingTypical ermöglicht das Anzeigen aller auf Ihrem System installierten Schriftarten. Ich finde diese App bequemer als die Verwendung der FontBook App in MacOS. Ich tippe zufälligen Text ein und sehe, welche der Schriftarten in meinem System am besten aussehen.

LightTable

Eine neue IDE, die meiner Meinung nach eine Untersuchung wert ist. Es begann als KickStarter-Projekt, unterstützt von Matt Mullenweg (Gründer von WordPress), und wurde schließlich Open Source. In diesem Video können Sie sich ein Bild davon machen, wie cool diese IDE ist.

Kompressor

Kompressor ist eine Web-App, die Bilddateien auf die kleinste Größe komprimiert, ohne dabei die visuelle Qualität zu beeinträchtigen. Es unterstützt auch JPG, GIF, PNG und SVG. Diese App ist kostenlos.

Microsoft Site Scan

Dies ist ein praktisches Tool von Microsoft, mit dem Sie Ihre Website auf Probleme wie Browserkompatibilität und Zugänglichkeit hin analysieren können. Das Tool listet einen Bericht auf, der Ihnen mitteilt, ob etwas über Ihre Website nicht stimmt und wie Sie das Problem beheben können. Versuche es!

Blogging deaktivieren

Dieses Plugin entfernt, wie der Name schon sagt, Blogging-Funktionen wie Posts, Kommentare und Feeds. Es ist das richtige Plugin für Sie, wenn Sie die Blogging-Funktion in WordPress nicht benötigen.