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

Die Fresh Resouces for Web Developers-Reihe hat läuft jetzt etwa 4 Jahre, Die Aufrechterhaltung dieser Serie hat mir einen großen Einblick gegeben, wie sich das Web im Laufe der Jahre entwickelt. Es gibt Jeden Monat kommen neue Tools heraus um die Webentwicklung zu erleichtern.

In dieser Tranche haben wir gesammelt eine Reihe neuer Werkzeuge, welche JavaScript-Bibliotheken enthalten, ein paar CSS-Bibliotheken und Verweise um deine Fähigkeiten zu verbessern. Lass uns sie ü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.

Bildbeschriftung

JavaScript ist Übernahme der Desktopanwendung für die Portabilität über verschiedene Plattformen sowie die Arbeit genauso gut wie die native App. Diese App, Bildbeschriftung, zum Beispiel ist auf Electron gebaut. Es ist eine einfache App, mit der Sie Untertiteldateien durchsuchen können (.srt) zum Anhängen an das Video, das Sie gerade ansehen.

Tolle OSX-Befehlszeile

Ein enorme Liste nützlicher und praktischer Befehlszeilen für macOS. Hier finden Sie viele Dinge, die über die CLI erledigt werden könnten, wie z “Löschen der Druckerwarteschlange”, “Ordner im Finder ausblenden”, und “Verhindert den Systemschlaf”.

Trevor

Trevor ist einfach Travis CI fertig offline. Travis ist ein Continuous Integration Service wo Entwickler ihre Software testen um zu sehen, ob die Software in mehreren Umgebungen ordnungsgemäß funktioniert. Trevor ist noch am Anfang; es unterstützt derzeit nur “NodeJS”.

Zunehmend

Ein schönes JavaScript Bibliothek, um das Bild schrittweise zu laden, daher der Name. Ein kleines Bild wird angezeigt und unscharf, während der Browser das vollständige Bild lädt. Diese hilft Ihre Website viel schneller zu laden besonders wenn es große Bilder enthält.

QartJS

Dies ist ein JavaScript das macht QR-Code weniger langweilig. Damit können Sie den QR-Code einem Bild überlagern, beispielsweise Ihrem Foto.

WP Docker

WP Docker ist ein Docker-Umgebung, die speziell für die Entwicklung von WordPress entwickelt wurde. Die Umgebung ist in sich abgeschlossen und hat keine Auswirkungen auf Ihr Computersystem, falls Sie eine Konfiguration vorgenommen haben. Es ist ein Eine großartige Alternative zu Vagrant, Valet, Local und MAMP.

Rellax

Rellax ist eine JavaScript-Bibliothek Erstellen Sie einen Parallax-Effekt für das Blättern der Seite. Es gibt nur wenige Optionen und ist relativ einfach zu konfigurieren. Es ist leicht, läuft super schnell und erfordert keine Abhängigkeit wie jQuery Daher ist es eine großartige Alternative zu anderen Bibliotheken in dieser Kategorie, wie beispielsweise Parallax.js oder Scrollax.js.

Artikulieren

Noch eine weitere coole JavaScript-Bibliothek. Artikuliert bringt synthetisch Stimme zu Ihrer Website. Es ist in der Lage, Ihre Website zu analysieren und zu lesen, kann schließlich die Zugänglichkeit Ihrer Website für Benutzer mit eingeschränkter Sichtbarkeit verbessern.

MonetizeJS

MonetizeJS ist eine JavaScript-Bibliothek für Stripe einfach implementieren; so einfach wie mit jQuery.

Vonic

Vonic ist eine Sammlung von UI für mobil mit Vue.js und Ionic CSS erstellt. Es umfasst eine Vielzahl von UI-Komponenten, die üblicherweise in Mobiltelefonen einschließlich der vorhanden sind Kontrollkästchen, Suchformular, Swiper und sogenanntes Akkordeon. Sie können eine mobile App-Anwendung erstellen Prototyp direkt im Browser.

WordPress-Komponentenbibliothek

10up, einer der führenden Namen in WordPress, veröffentlichte eine UI-Bibliothek speziell für WordPress. Im Gegensatz zu anderen UI-Bibliotheken, die nur CSS- und HTML-Codes bereitstellen, stellt 10Up auch das PHP-Code-Snippet bereit, das Sie einfach in Ihr Design einfügen können. Die Komponente beinhaltet Navigation, Registerkarten, QuickInfos, Kommandos und Blogrol.

JavaScript-Startleistung

Ein super und ausführliche Artikel von Addy Osmani, einer der Google-Entwickler, wie man JavaScript schreibt, das super schnell läuft. Ich ermutige Sie, es durchzulesen Steigere deine JavaScript-Fähigkeit.

KuteJS

Kute ist ein JavaScript-Bibliothek zum Ausführen von Animationen. Es ist blitzschnell und äußerst effizient beim Speicherverbrauch. Es verfügt über Erweiterungen und zusätzliche Tools, mit denen Sie Animationen anwenden können CSS, SVG und sogar ein jQuery-Plugin für eine bequemere Syntax.

PWA Rocks

Progressive Web Application (PWA) ist eine Methodik, die ermöglicht eine schnelle und nutzbare Website. Diese PWA-Liste enthält eine Liste, die von Google als PWA genehmigt wurde. Zu Erfahren Sie mehr über PWA von Google Werfen Sie einen Blick auf: Progressive Web Apps.

Github Auto-Updater

Github Auto-Updater ist Composer-Bibliothek, mit der Sie Ihr Plugin von Github aus aktualisieren können. Dies ist ein praktisches Skript für Entwickler, um Plugins für ihre Kunden ohne zu verwalten Es muss unbedingt in das Github-Repository hochgeladen werden.

Karte

Card ist eine JavaScript-Bibliothek Das macht die Eingabe von Kreditkarten noch attraktiver und verbessert Ihre Benutzererfahrung bei der Eingabe ihrer Kreditkartennummern. Es funktioniert gut mit jQuery, React, Angular und Ember.

Graaf

Graaf Überlagern Sie Ihre Seite, um zu sehen, wie das Raster (Spalte, Zeile, Rinne) angeordnet wird. Du kannst auch Generieren Sie Ihre eigene Netzspezifikation mit der bereitgestellten API.

Luxbar

Luxbar ist ein CSS-Framework zur einfachen Erstellung einer responsiven Navigation; Fügen Sie einfach das Stylesheet hinzu und fügen Sie den HTML-Code richtig hinzu. Sie können diese Bibliothek über installieren NPM, Bower oder verknüpfen Sie das Stylesheet direkt vom CDN.

Kontrastraster

Eine Liste von Tabelle zeigt den Farbkontrast und deren Zugänglichkeitsgrad basierend auf der WCAG 2.0. Sie können den Wert in der Tabelle ändern und schnell feststellen, ob die Farbkombination dem WCAG-Standard entspricht.

ToneJS

ToneJS ist eine JavaScript-Bibliothek für Erstellen Sie einen Ton oder Sound, der von einem Musikinstrument stammen könnte. Ich denke, diese Bibliothek wird sich als nützlich erweisen, um einen webbasierten Emulator für Musikinstrumente zu erstellen oder ein Spiel Soundeffekte.