Vom Design bis zur Entwicklung: 10 Werkzeuge, auf die ich nicht verzichten kann

Ursprünglicher Autor: Jonathan Z. White
  • Übersetzung
Werkzeuge allein können Sie nicht zu einem wahren Meister machen. Aber sie können sicherlich dabei helfen. In diesem Beitrag möchte ich Ihnen einige Tools vorstellen, die ich verwende. Ich hoffe, Sie entdecken einige neue Tools, mit denen Sie Ihren Workflow optimieren können.

Atom


Atom ist ein Open Source-Texteditor, der auf Github erstellt wurde. Im vergangenen Jahr war Atom mein Chefredakteur. Es ist ein voll ausgestattetes Produkt mit Funktionen wie einem integrierten Paketmanager, intelligenter automatischer Vervollständigung und attraktiven Themen.



Der Paketmanager, der Sublime verließ, war nur ein Hauch frischer Luft. In Atom können Sie APM oder seine grafische Oberfläche verwenden. Konfigurationsdateien müssen nicht geändert werden. Es funktioniert einfach



Ein Hinweis auf den Job. Als Atom zum ersten Mal veröffentlicht wurde, funktionierte es recht langsam. Jetzt "fliegt" er jedoch einfach. Wie ich bemerkt habe, tritt eine Verlangsamung nur beim Öffnen großer Dateien auf.

In einem Artikel erfahren Sie mehr über den Atom-Editor und wie Sie ihn optimieren können."Verschieben von Atom zu Reagieren" ("Pfad des Atom-Editors zur Reagieren-JavaScript-Bibliothek") und im Hinweis "Manuelles Implementieren von DOM-Aktualisierungen statt über Reagieren" ("Manuelles Durchführen von DOM-Aktualisierungen des Texteditors, nicht über Reagieren").

Dragdis


Als Designer bin ich immer auf der Suche nach „Inspiration“. DragDis ist das Tool, mit dem ich Materialien erhalten kann, die meine Fantasie zu neuen Ideen anregen . Es ist einfach zu bedienen. Installieren Sie die Chrome-Erweiterung und starten Sie Drag & Drop.


Ich organisiere meine DragDis-Ordner nach Woche. Jede Woche erstelle ich einen neuen Ordner mit "inspirierenden Materialien". Dies ist eine großartige Möglichkeit, um zu verfolgen, wie sich meine Entwicklereinstellungen im Laufe der Zeit geändert haben.


DragDis verfügt auch über eine ganzseitige Rasteransicht. Auf diese Weise können Sie eine fantastische thematische Auswahl an Bildern sehen.

iTerm 2


iTerm ist eine verbesserte Alternative für Terminal. ITerm 2 verfügt über eine unbegrenzte Anzahl von zusammengesetzten Bedienfeldern, Inline-Bildern und Suchfunktionen. Obwohl Terminal viele ähnliche Funktionen bietet, verbessert sich iTerm 2 ständig.


Muzli


Muzli ist eine Chrome-Erweiterung, die entwicklungsbezogene Inhalte aus Quellen wie Designer News, Dribbble, Behance usw. zusammenführt.


Jedes Mal, wenn Sie ein neues Lesezeichen in Chrome öffnen, ruft Muzli von jeder dieser Websites den besten Inhalt für Sie ab.


Besonders gut gefällt mir, dass dieser Dienst über einen Favoritenbereich verfügt. Es ist so, als würde man einen eigenen Assistenten beauftragen, der die besten Artikel zu Schnittstellen und Entwicklungen auswählt.

Noiz.io


Viele Entwickler mögen es, in einem modischen Café zu sitzen und die Atmosphäre zu spüren. Noizio bringt die gewünschte Klangumgebung zu Ihnen nach Hause. Mit Noizio können Sie aus einer großen Liste von Hintergrundgeräuschen auswählen, einschließlich Oktoberregen, Cafégeräuschen, Stürmen und Meereswellen. Ideal zum Eintauchen in Ihre gewünschte Klangumgebung.


Invision


Invision ist eine Breadboard- und Technologieplattform, die sich hervorragend für die Interaktion zwischen Kunden und Entwicklern eignet. Entwickler können viele Fenster für ein Projekt herunterladen. Dann verknüpfen sie diese Fenster miteinander.


Blaue Abschnitte zeigen durch Links verknüpfte Bereiche. Wenn Sie einen dieser Bereiche berühren oder darauf klicken, erfolgt der Übergang zum nächsten Fenster. Dies ist eine gute Möglichkeit für Designer, Kunden und Entwickler über das Web zu erreichen. Das Programm eignet sich auch für vorläufige qualitative Tests unter Einbeziehung der Benutzer.


Invision hat kürzlich eine neue Funktion namens Boards erworben . Mit der Boards-Funktion können Sie die Materialien, an denen Sie interessiert sind, zusammenstellen und thematische Bildersammlungen erstellen. Der wesentliche Unterschied zwischen dieser Funktion und der Verwendung von DragDis besteht darin, dass Boards Interoperabilität bieten, d. H. Hier können Sie mit anderen Teammitgliedern zusammenarbeiten.



Was ist die Schriftart


Typografie ist ein wesentlicher Bestandteil jedes Designs. Deshalb ist What the Font eine meiner Lieblings-Chrome-Erweiterungen. Mit diesem Programm können Sie ermitteln, welche Schriftart die von Ihnen angezeigte Site verwendet. Einfach auswählen und anklicken.



Briefträger


Als Entwickler von Benutzeroberflächen müssen wir häufig APIs anfordern oder mit unseren eigenen interagieren. Postman ist ein manuelles Tool, mit dessen Hilfe API-Anfragen gestellt werden können.
Stellen Sie sich vor, Sie arbeiten an einem API-Endpunkt. Anstatt die entsprechende Front-End-Anforderung oder cURL-Anforderung zu schreiben, können Sie die Anforderung direkt über Postman an den Endpunkt senden.



Wappalyzer


Wappalyzer ist ein Tool zum Bestimmen, welche Bibliotheken und Frameworks eine bestimmte Site verwendet. Dieses Programm hat eine Erweiterung für Chrome und ist allgemein als eines der nützlichsten Tools für Entwickler von Benutzeroberflächen anerkannt. Wenn Sie das nächste Mal darüber nachdenken, mit welcher Bibliothek die Site eine bestimmte Visualisierung erstellt hat, hilft Ihnen Wappalyzer.


Boom 2


Boom ist ein Soundverstärker und Equalizer für Mac. Ein wundervolles Werkzeug, wenn Sie ein Programm schreiben und sich einige Songs anhören möchten, um die Produktivität zu steigern. Die Anwendung verfügt über mehrere vorkonfigurierte Profile für verschiedene Arten von Musik, z. B. Jazz, Hip-Hop und Dapstep. Sie können auch Ihre eigenen Profile konfigurieren.


Boom enthält auch eine Reihe von Soundeffekten. In Verbindung mit einem Kopfhörer von Bose Quiet Comforts hinterlassen diese Soundeffekte einen bleibenden Eindruck auf Sie.


Wenn Ihnen das oben Genannte nicht ausreicht, dann sind hier einige weitere erwähnenswerte Produkte - JSON Viewer für Chrome , Noon Pacific , Flux und Better Snap Tool .

Jetzt auch beliebt: