Neue Ressourcen für Webdesigner und -entwickler (Januar 2017)

Diese Serie ist ein langer Weg gegangen, durch den wir gesehen haben Web-Entwicklungstools kommen und gehen; Einmal leuchten sie, einige Monate später werden sie mit anderen neuesten Werkzeugen veraltet. Nichtsdestotrotz haben wir einige neue Tools auf der Liste, die unsere Entwickler diesen Monat erkunden können JavaScript-Bibliotheken, ein Sketch-Plugin für responsives UI-Design, und ein paar CSS-Frameworks.

Klicken Sie hier für weitere Ressourcen

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

Ich tippte

Ein JavaScript Bibliothek, die Sie präsentieren können tippen Auswirkungen einer Textliste; eine Art Effekt, den Sie in letzter Zeit vielleicht im Web gesehen haben. Diese JavaScript-Bibliothek ist Einfach zu implementieren mit einer Handvoll Optionen zur Anpassung des Effekts. Sie können diese Bibliothek über NPM installieren oder über das CDN unter laden https://unpkg.com/[email protected].

Opera Neon

Opera war der erste, der tab-basierte Browser einführte, und seitdem haben wir es Browser mit sogenannten Tabs und Speed Dial. Opera hat kürzlich seine neue Initiative namens Opera Neon veröffentlicht. Ein neuer Browser mit frischerer Oberfläche wie zB Omnibox, Split-Screen-Modus und schönes Hintergrundbild Auswahlmöglichkeiten. Kann Opera Neon also wieder den Browser-Bereich ändern? Das müssen wir sehen.

At.js

At.js ist eine JavaScript-Bibliothek, die es Ihnen ermöglicht Smileys hinzufügen, Freunde erwähnen oder taggen; So etwas haben wir auf Slack, Twitter und Facebook gesehen. Dieses Plugin erfordert jQuery, was es erlaubt Arbeit mit Internet Explorer 7 und vielleicht Internet 6 auch erkunden. Fantastisch!

Veröffentlichung

Freigabe macht Erstellen einer neuen Version einer Software in Github effizienter. Eine neue Version wird normalerweise von einem Änderungsprotokoll und diesem Modul begleitet Damit können Sie das Änderungsprotokoll auffüllen automatisch von den Git-Commit-Nachrichten abgeleitet.

Hübscher

Ein JavaScript Beautifier Stellen Sie sicher, dass unser JavaScript-Code konsistent formatiert ist. Es unterstützt ES2017 und JSX.

Ayu

Ayu ist Erhabenes Textthema mit einer frischen und modernen Ausstrahlung. Es kommt mit 2 dunklen und hellen Tönen. Ayu bedeutet in Indonesien schön und sozusagen; es Sublime Text UI wird schöner.

JSON Splora

EIN leichte Anwendung zum Bearbeiten und Visualisieren von JSON-Daten. Die App ist mit Windows, Linux und MacOS kompatibel.

Zoomen

Ein JavaScript zum Zoomen des Bildes. Optimiert für Mobilgeräte, funktioniert gut auf dem Hi-Def-Bildschirm und ist leicht anpassbar.

Ramme

Ramme ist ein Instagram Desktop-Client. Obwohl es inoffiziell ist, können Sie vielleicht ein paar davon lernen Neues aus dem Quellcode.

Benutzernamen ändern

Ein WordPress-Plugin, das einmal aktiviert wurde, fügt ein “Veränderung” Verknüpfung neben dem Benutzernamen und erlaubt Ihnen, den Benutzernamen zu ändern.

NodeifyWP

NodeifyWP ist ein recht einzigartiges WordPress-Plugin. Sie können dann WordPress wie gewohnt verwenden den Inhalt mit einem Node.js-Modul ausgeben. Ich habe dieses Plugin noch bei keinem Projekt ausprobiert. Aber die Präsentation, die ich in WordCamp Denpasar 2016 gesehen habe, Dieses Plugin sieht sehr vielversprechend aus, um die WordPress-Entwicklung zu modernisieren.

ColorMe

ColorMe unterscheidet sich von anderen Farbgenerator-Apps, die ich zuvor gesehen habe. Neben der Erzeugung von Farbcodes gibt es auch die App Kontrolle der Einstellung von Farbhelligkeit, Farbton, Farbton, Sättigung, Kontrast usw.

WP-CLI-Pakete

EIN Sammlung von Erweiterungen von WP-CLI Das fügt zusätzliche Befehlszeilen und Parameter hinzu, um zusätzliche Aufgaben auszuführen, z. B. eine für Bereitstellen von WordPress auf Remote-Servern, Migrieren einer WordPress-Site, Leeren von Caches, und vieles mehr.

Tailor Page Builder

Ein WordPress-Plugin, das es Ihnen ermöglicht Erstellen Sie nichtlineare Inhalte mit einer Drag & Drop-Oberfläche. Das Plugin ist für eine neue Komponente erweiterbar, um einen eindeutigen Inhaltstyp hinzuzufügen. Es bietet eine WP-API zur Verwaltung dieser Inhalte. Tailor Page Builder ist mit Abstand das beste Plugin in dieser Kategorie.

XVG

XVG ist eine Chrome-Erweiterung Zeigt SVG-Grafikkonturen und Anker an das kann Ihnen helfen, die SVG-Objekte leicht zu debuggen.

RibbonJS

RibbonJS ist eine JavaScript-Bibliothek, die es Ihnen ermöglicht Erzeugen Sie dekorative Bänder auf Ihrer Website, wie Sie den folgenden Screenshot sehen können. Es ist nur 1kb groß und einfach anzupassen.

Automatisches Layout

Auto-Layout ist ein Sketch-Plugin mit einer Reihe voreingestellter Bildschirmgrößen zum Testen Ihres UI-Designs. So können Sie sicher sein, dass das Design gleich gut aussieht, egal ob es auf dem iPhone 5, iPhone 6 usw. angezeigt wird Definieren Sie benutzerdefinierte Größen, falls diese nicht in der Voreinstellung vorhanden sind. In diesem Video sehen Sie, wie das Plugin in Aktion ist.

Funktionen

Funktion ist ein Sammlung von CSS-Klassen das folgt dem reinen Funktionsprinzip. Jede CSS-Klasse definiert einen einzigen Zweck des Stylings. Dieses CSS-Framework ist derzeit in Arbeit und bietet in Zukunft weitere Funktionen wie z responsives Grid, Buttons, etc.

Webslides

Ein Leichtgewicht und einfaches Framework zum Erstellen von Präsentationsfolien nur mit HTML und CSS. Webslides bietet derzeit ein paar schöne Folienvorlagen, wo Sie können Starten Sie sofort Ihre Folienpräsentation.

Robustes Webdesign

Resilient Web Design ist ein Online-Buch. Dieses Buch ist nichts Technisches, sondern deckt es ab Geschichten, Prinzipien und Erfindungen, die das Web prägen wie wir in der heutigen Welt wissen. Ich denke, es ist eine großartige Lektüre für das Wochenende.