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

EIN Sammlung nützlicher Webressourcen Ein Webentwickler freut sich wirklich, ihn in seinem Toolkit zu haben. Als Entwickler bin ich daher bestrebt, Ihnen das zu präsentieren Die besten und neuesten Webentwicklungsressourcen jeden Monat.

Die Sammlung dieses Monats enthält eine interessante kostenlose App für Screencasting, ein paar Frameworks, die auf der Material Design-Sprache basieren, eine Bibliothek für Performance-Tests, CLIs und ein eine Handvoll anderer nützlicher Ressourcen. Lass uns sie im Folgenden einzeln ü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.

Kap

Kap ist ein netter kleiner Bildschirmschreiber für MacOS. Es ist eine Open-Source-App, die mit Web-Technologie erstellt wurde. Eine Sache, die ich in dieser App liebe, ist, dass sie bietet Konvertieren des Videos direkt nach dem Auspacken. Kap ist eine großartige Alternative, um Ihre Apps oder die Live-Demo Ihrer Website aufzunehmen.

Sizzy

Sizzy ist ein Entwicklungstool zum Testen Ihrer responsiven Website in mehreren Ansichtsfenstergrößen auf einem einzigen Bildschirm. Es ist eine super praktische App im Vergleich zur Integrierter mobiler Emulator von Chrome. Sizzy ist auch als Chrome-Erweiterung erhältlich.

Muse UI

EIN UI-Bibliothek nach dem Material Design-Prinzip Muse UI basiert auf Vue.js 2.0 und ist vollgepackt mit Material Design Compenents wie Appbar, Card und Dialog. Es ist großartig Framework, um die Benutzeroberfläche schnell zu erstellen und auszuführen.

Erweiterte WP-CLI

Ich bin ein großer Fan von WP-CLI und es fast jeden Tag verwenden in meiner Arbeit als WordPress-Entwickler. Ich habe jedoch erst vor kurzem herausgefunden, dass WP-CLI das zulässt Erstellen Sie ein PHP-UnitTest-Gerüst für ein Design! Dies ist eine Liste der erweiterten Verwendung von WP-CLI aus dem WP-CLI-Betreuer Daniel Bachhuber, selbst.

Wahnsinn

Lunacy ist ein eigenständiger Sketch-Datei-Viewer für Windows. Sie eignet sich hervorragend für Sketch-Dateien, die Text, Rasterbilder, sogar Farbverläufe und Schatten enthalten. Es erfordert keine Verbindung zum Internet, So können Entwickler von überall aus an Sketch-Dateien arbeiten. Und es ist völlig kostenlos.

K6

Geschwindigkeit ist in fast jedem Aspekt der Webanwendung von Bedeutung. Aber wie messen Sie die Geschwindigkeit Ihrer Website? Gut, Die Antwort lautet K6. Es simuliert den Verkehr zu Ihrer Website und lädt die Website für eine bestimmte Dauer, als ob es sich um einen echten Verkehr handelt. Kurz gesagt ist K6 das UnitTest für Leistung.

Checker-Service

Eine großartige Liste von Web-Apps Prüfen Sie eine Menge Dinge wie DNS, Last, Geschwindigkeit, SEO, Sicherheit und SSL. Viele dieser Tools sind kostenlos, es gibt jedoch einige Premiumdienste, die darin aufgeführt sind bieten erweiterte Funktionen für Benutzer.

SVGito

Ist ein kleines Webtool zum SVG optimieren, das aus der Sketch-App generiert wurde. Fügen Sie den SVG-Code auf der Website ein. Der optimierte Code wird sofort zurückgegeben.

Launchaco

Einen guten Namen für Ihr Startup finden ist schwer, und es ist noch schwieriger, auf Social Media einen verfügbaren Benutzernamen-Handler zu finden. Launchaco ist ein praktisches Werkzeug dafür Ermöglicht das Auffinden von Domainnamen und Benutzernamen für verschiedene soziale Medien wie Twitter, Facebook, Instagram usw. und hilft Ihnen dabei ein schönes Logo erstellen von Ihrem Geschäft.

Widerlich

EIN Sammlung einzigartiger Animationen, die mit CSS erstellt wurden. Führen Sie die Animation nicht aus, wenn Ihr Herz und Ihr Verstand nicht stark genug sind, um sie zu sehen.

CSS-Raster-Spickzettel

Das Erlernen des CSS-Grids kann sehr einschüchternd sein, wenn es um eine Reihe neuer Eigenschaften geht, eine neue Maßeinheit und auch fast ein völlig neues Paradigma um das Weblayout zu erstellen. Dieses Tool soll, wie der Name schon sagt, Ihnen helfen Holen Sie sich mit CSS Grid die Füße vom Boden.

Arbeitsbox

Workbox ist eine neue Initiative von Google zur Erstellung von Progressive Web App (PWA). Es ist ähnlich wie bei Yeoman oder Create React App auf eine Art und Weise, dass Sie alles auf die Beine stellen können Bereit in einer Befehlszeile.

Mavo

Mavo ist ein neues Open Source-Projekt von Lea Verou. Es ist eine Bibliothek, die nacktes HTML-Markup und ein paar davon verwendet benutzerdefinierte Attribute in eine funktionierende Webanwendung. Mavo ist im Vergleich zu den anderen Bibliotheken wie Backbone, Vue.js oder React einfacher zu befolgen weniger technisch versierte Benutzer zum Erstellen von Webanwendungen schnell und einfach.

Material UI

Simlar zu Muse UI, es ist ein UI-Framework basierend auf der Sprache Meterial Design. Dieser wird jedoch mit React erstellt. Es liegt jetzt an Ihrer Präferenz; wenn du bei bist Team Vue.js oder Team React.

Faules Bild

Lazy Image ist ein benutzerdefiniertes HTML-Element zum Laden von Bildern auf Anfrage. Dieses Custome-Element bietet eine zusätzliche .aktiv Objekt innerhalb des Elementobjekts, das Sie können Verwenden Sie diese Option, um das Bild in jedem Fall oder bei einer Benutzerinteraktion zu laden wie du es brauchst.

Mac CLI

Dies ist ein schickes Werkzeug Verwalten Sie Ihr MacOS über das Terminal. Einfach tippen Mac Update MacOS aktualisieren. Oder tippen Sie Mac-Präsentation was Ihren Mac vorbereiten wird (Minimieren Sie alle Apps, schließen Sie Browser und senden Sie Dateien vom Desktop aus und Downloads in den Papierkorb und nicht störenden Modus), bevor die Präsentation ausgegeben wird. Wie cool ist das!

Halte dich wach

KeepingYouAwake ist ein Menüleistenprogramm für MacOS Verhindern Sie, dass Ihr Mac für eine bestimmte Dauer in den Ruhemodus wechselt oder solange es aktiviert ist. Sie können diese App mit Homebrew installieren.

JSON-Feed

Endlich! Das ist ein Standardspezifikation für die Bereitstellung von Inhaltsfeed in JSON Format. Es gibt bereits ein WordPress-Plugin> für die Implementierung. Dies sollte Webentwicklern das Leben erleichtern. Lass uns einfach verabschieden Sie sich von XML.

Kohlenstoff

Carbon ist der Moment.js von PHP. Es ist eine PHP-Bibliothek zum Generieren und Datums- und Zeitzeichenfolgen bearbeiten.

SpeedRacer

Ein weiterer Werkzeug für den Performance Unit Test. Während K6 Lasttester durch Senden von Virutal-Benutzern zur Simulation von Besuchen und Datenverkehr ausführt, wird SpeedRacer dies tun Bewerten Sie die Render-Leistung der Seite im Browser. SpeedRacer kann ein guter Begleiter von K6 sein.