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

Seit Anfang des Jahres 2017 hat sich in der Welt der Webentwicklung viel verändert jeden zweiten Tag kommen neue Apps und Ressourcen. Um mit dem Trend Schritt zu halten, teile ich Ihnen heute ein paar neue Webentwicklungsressourcen.

Zu diesen Ressourcen gehört eine Web-App, die Ihnen helfen wird Lernen Sie das neue native CSS-Grid-Modul, einen Kurs, in dem Sie React lernen lernen Von Anfang an eine Referenz, um einige PHP-Entwurfsmuster zu lernen verbessern Sie Ihre PHP-Codes, und noch ein paar mehr. 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.

Aufreizend

EIN Plugin für Skizzen das ermöglicht es Ihnen Exportieren Sie Ihr Artboard in eine HTML-E-Mail-Vorlage mit einem einfachen Klick. Slinky befindet sich derzeit in der aktiven Entwicklungsphase, jedoch gibt es noch ein paar Dinge, die an den Rändern rau sind. Folgen Sie also der Richtlinie zu Holen Sie sich die bestmögliche Ausgabe.

Kochplatte

EIN kuratiertes Verzeichnis von Boilerplates und Vorlagen um Ihnen zu helfen, schnell mit einem Projekt zu beginnen. Es enthält eine Liste von Speicherplatten zahlreicher Sprachen und Rahmen einschließlich jQuery, Angular, React, WordPress, Backbone und Electron.

Griddy

CSS Grid ist die nächste große Sache, die dies tun wird Ändern Sie, wie wir das Layout gestalten und verwenden Sie Raster-Frameworks, um eine Website zu erstellen. In Anbetracht der Komplexität ist die Verwendung von CSS-Grid jedoch möglicherweise der Fall überwältigend für einige Benutzer. In einem solchen Fall kann diese praktische Webanwendung, Griddy, sehr nützlich sein hilfreich beim Erlernen des CSS-Grids.

Grundlagen der Reaktion

Ich lerne React zum Zeitpunkt des Schreibens und fand einen guten Kurs wo man React als Anfänger lernen kann. Der Kurs besteht aus Videos, Artikeln und Quizprogrammen. Und habe ich das erwähnt? Dieser Kurs ist absolut kostenlos?

Chassis-Desktop

Chassis ist ein Konfiguration einer virtuellen Maschine, die auf das WordPress-Ökosystem aufbaut wie die Themes und Plugins. Sie können damit Chassis-Installationen visuell verwalten. Zum Zeitpunkt des Schreibens ist Chassis noch in der Entwicklungsphase, aber es wird bald veröffentlicht.

Papiergröße

Eine Sammlung von Standardpapierformate, die in verschiedenen Ländern verwendet werden einschließlich der in Japan, Frankreich und Kanada häufig verwendeten Größe. Das ist eine großartige Ressource Sowohl Webdesigner als auch Entwickler sollten ein Lesezeichen setzen.

TippyJS

Ein nettes JavaScript-Bibliothek zum Erstellen von Tooltip, TippyJS bietet eine Fülle von Einstellungen, um festzulegen, wie der Tooltip angezeigt werden soll und wie er sich verhält. Es ist 'themable' auf eine Weise, die Sie können Passen Sie den Look einfach mit CSS an. Entwickler werden das besonders zu schätzen wissen “Ruf zurück” es bietet.

Design Patterns PHP

Das Entwurfsmuster einer Programmiersprache verstehen kann helfen, Codes zu erstellen, die nicht nur funktionieren, sondern auch skalierbar und leicht zu warten sind. Wenn Sie sich für PHP interessieren, ist dies eines der Tutorials, die Sie sich ansehen sollten.

Fressen

Guzzle ist praktisch PHP-Bibliothek für HTTP-Anfragen mit verschiedenen Methoden wie “ERHALTEN”, “POST” und sogar Async-Anfragen ähnlich wie JavaScript. Es kommt mit einem Fülle von Funktionsmethoden wo Sie leicht die Antwort von der Anfrage erhalten, einschließlich der Antwort Kopfzeile, Körper und Statuscode.

Mini.css

Mini ist ein CSS-Framework mit minimalem Footprint. Und wie die anderen Frameworks wird es mit einer Reihe von Webkomponenten geliefert, wie z Gitter, Navigation, Tabelle, usw.

SimpleIcons

EIN Sammlung von Icons von Unternehmen und Marken von populären wie eBay, Viber, Dribble und Google+ zu den am wenigsten populären wie Gitter, Kirby, Viadeo. Das Icons kommen im SVG-Format und kann sich als eine großartige Ressource für Designer und Entwickler erweisen.

Chrome MySQL Admin

EIN Chrome-Erweiterung zur Verwaltung Ihrer MySQL-Datenbank. Es ist eine großartige Alternative zu Apps wie Sequel Pro und MySQL Workbence.

Numi

Numi ist ein einfache, schöne und einzigartige Rechner-App für Mac. Einfach tippen “10USD in SGD” und du bekommst das Ergebnis!

Laradock

EIN Docker-Konfiguration zum Ausführen von Laravel. Laradock unterstützt verschiedene Datenbank-Engines wie MariaDB und MongoDB sowie Cache-Engines wie Redis und Memchaced. Obwohl es nach Laravel benannt ist, können Sie Verwenden Sie es für andere Frameworks oder Plattformen wie WordPress und Drupal auch.

Fabrica

Fabrica ist eine Eine Sammlung von Tools zur Entwicklung von WordPress von Anfang bis Ende. Fabrica verwendet Docker zum schnellen Ausführen und Einrichten der Entwicklungsumgebung sowie zur Verwendung von WordMove für die Bereitstellung.

Heiser

Husky ist ein Knotenmodul das ermöglicht es uns, githooks wie Pre-Commit, Empfangen Sie, und Post empfangen.

EasyMap

EasyMap macht es absolut Einfach zu rendern und Markierungen in Google Maps hinzuzufügen. Fügen Sie einfach Ihren Google Maps API-Schlüssel hinzu und geben Sie die Adresse des Standortes an JSON-Format und du bist fertig.

Wappalyzer

Ein handliches Chrome-Erweiterung, um zu sehen, welche Tools, Server und Bibliotheken eine Website verwendet. Mit diesem Tool habe ich herausgefunden, dass es immer noch viele beliebte Websites gibt mit jQuery, auch die wie Github.

Bash Guide

Bash Guide, wie der Name schon sagt, ist a praktische Anleitung für grundlegende Befehlszeilen. Eine großartige Ressource für Webentwickler, die gerade erst anfangen Terminal- und Befehlszeilen.

Chroma.js

Chroma.js ist JavaScript-Bibliothek zum Bearbeiten von Farben. Es unterstützt viele Farbformatierungen, einschließlich HEX, RGB und RGBA. Darüber hinaus können Sie auch manipulieren Sie die Farben anhand der Helligkeit, des Kontrasts und der Sättigung.