Der Frühling liegt in der Luft mit vielen neuen Werkzeugen, besonderen Farb- und CSS-Optionen. Wir hoffen, dass Sie der Wechsel der Saison inspiriert hat und dass diese neuen Design-Tools Ihnen das Arbeiten ein wenig erleichtern können.

Wenn wir etwas vermisst haben, von dem Sie denken, dass es auf der Liste hätte stehen sollen, lassen Sie es uns in den Kommentaren wissen. Und wenn Sie von einer neuen App oder Ressource wissen, die im nächsten Monat vorgestellt werden soll, twittern Sie es @ Carriecousins in Betracht gezogen werden!

Abstraktes Acryl-Grafikpaket

Das Abstraktes Acryl-Grafikpaket ist, hem, verpackt mit Texturen und Spritzer in bunten Vektorformaten. Alle hintergrundfertigen Elemente sind in einem hochauflösenden Format in den Formaten JPG, PNG und AI gestaltet. Das Paket enthält 12 Acryl-Spritzer, acht Texturen und 90 Vektorformen, die als Überlagerungen verwendet werden können. (Für den Download ist eine E-Mail-Adresse erforderlich. Sie können optional eine Spende hinzufügen, um den Ersteller bei Bedarf zu unterstützen.)

Acryl-

Eingabeaufforderungen

Eingabeaufforderungen ist eine leichte und ästhetisch ansprechende Reihe von interaktiven Aufforderungen. Es ist mit einem einfachen Code-Konzept gemacht, das keine großen Abhängigkeiten oder Dutzende von winzigen Modulen hat. Sie können eine Aufforderung erstellen, um nach einer einzelnen Antwort, einer Antwortkette oder sogar dynamischen Eingabeaufforderung zu fragen.

Eingabeaufforderungen

Dribbble-Farbpalettengenerator

Verwandle jede Farbpalette von einer Dribbble - Aufnahme in eine Skizze-Palette Plugin . Speichern Sie einfach Ihre Lieblingsfarben und laden Sie sie direkt in das Sketch-Palette-Plugin herunter, um sie in Projekten zu verwenden. Das Tool enthält Firefox- und Chrome-Erweiterungen.

Dribbling-Skizze

FastPhotoStyle

FastPhotoStyle ist ein Code-Repository von NVIDIA - ja, die Videokartenhersteller -, die ihren schnellen Fotostil-Übertragungsalgorithmus enthält. Mit diesem Tool können Benutzer den visuellen Stil eines Bildes auf ein anderes übertragen. Der Code fällt unter eine Creative Commons Non-Commercial Share Alike-Lizenz. Überprüfen Sie daher die Regeln, bevor Sie sie in Projekten verwenden.

Schnellfoto

CSS Farbverläufe

Erstellen Sie einen intuitiveren Farbverlauf mit CSS Farbverläufe . Wählen Sie eine Start- und Endfarbe und das Werkzeug passt den Farbverlauf an, um Ihnen die beste und visuell ansprechendste Farbüberblendung zu geben, sodass Sie keine harten Starts und Stopps haben. Dann können Sie das CSS für Ihren Farbverlauf auswählen und zu Projekten hinzufügen.

Gradienten

Launchaco

Launchaco ist ein einfacher Website-Builder für kleine Start-up-Sites. Sie können Responsive Designs, Apps und alle Website-Tools mit gängigen Elementen wie Google Analytics für Tracking, HTTPS und benutzerdefinierten Domains integrieren. Benutzer können ein kostenloses Konto erstellen, um eine Website zu erstellen, oder sich für die jährlich bezahlte Version entscheiden (49,99 $ Beta-Preis) für robustere und unbegrenzte Funktionen.

Launcho

Chrome Musiklabor: Song Maker

Machen Sie eine Pause von Farbfeldern und Code mit dem Liedmacher von Chrome Music Lab. Farbe in den Blöcken mit der Maus, wählen Sie einen Musikstil und sehen Sie, wie Ihre visuelle Kreation klingt. Es ist eine lustige und kreative Abwechslung!

Lied

.Farben

Das .Farben Werkzeug löst ein alltägliches Webdesign Dilemma: Sie haben eine Reihe von Farben in Ihrem Code, wissen aber nicht immer, wie sie aussehen. Mit diesem Werkzeug können Sie ein Array von Codes eingeben und eine Farbpalette erstellen, wobei jede Farbe durch Code identifiziert wird. Fügen Sie einfach jedes Code-Snippet in das Werkzeug ein, das Farben enthält - hex, HSL oder RGB - .colors erledigt den Rest.

Punkt-Farben

Heutiges Datum SVG

Terence Eden wollte eine SVG, die in seinem Blog immer das aktuelle Datum anzeigt - also hat er eins gemacht. Das heutige Datum SVG ist ein generisches Datumssymbol, das den Tag und das Datum genau anzeigt. Fügen Sie einfach ein paar Zeilen Code und JavaScript hinzu und schon können Sie loslegen.

Svg-Kal

Kutt.it

Kutt ist ein neuer Linkverkürzer mit robusten Funktionen, damit Ihre Links gebrandmarkt und verfolgbar sind. Mit Kutt können Sie Links erstellen, schützen und löschen. Track Analytics; Verwenden Sie eine benutzerdefinierte Domäne und integrieren Sie sie in eine API. Außerdem ist das Tool Open Source und kostenlos (Sie können es sogar auf Ihrem Server hosten).

kutt

30 Sekunden CSS

30 Sekunden CSS ist eine kuratierte Sammlung von Code-Schnipsel, die fast jeder in weniger als einer Minute verstehen und in Website-Design-Projekten implementieren kann. Snippets sind in Kategorien unterteilt, so dass Sie mit dem Code genau das finden können, was Sie benötigen, um dies zu erreichen (und eine Erklärung für besseres Verständnis).

30 Sekunden

Skizze isometrisch

Das Skizze Isometrisches Plugin Mit dieser Funktion können Benutzer in der Sketch-App isometrische Ansichten aus Zeichenflächen und Rechtecken generieren. Die isometrische Ansicht, die dreidimensionale Objekte in zwei Dimensionen darstellt, ist eine beliebte Wahl, um App-Modelle mit mehreren Bildschirmen auf einem Bildschirm anzuzeigen. Mit dem Plugin können Sie die Farbe und Tiefe von Renderings drehen und drehen, skalieren und ändern.

isoelektrisch

Duo-Anzeige

Benötigen Sie mehr Überwachungsraum? Duo-Anzeige können Sie ein iPad in einen zusätzlichen Monitor für Ihren Mac oder PC verwandeln. Das Tool, das von ehemaligen Apple-Ingenieuren entwickelt wurde, kann Ihnen dabei helfen, die Produktivität zu steigern und mit Ihrem Computer per Berührung über das iPad zu interagieren. Zum Anschließen benötigen Sie lediglich einen Software-Download und ein Lightning- oder 30-Pin-Kabel.

Duett

Benachrichtigungen

Inklusive Komponenten hat einen guten Artikel über Benachrichtigungen und darüber, wie Sie Benachrichtigungskomponenten in mehr als nur "Web-Apps" integrieren können. Benachrichtigungen können Teil eines dynamischen Web-Erlebnisses sein, wenn Sie mit einer kurzen Nachricht auf etwas aufmerksam machen müssen. Vom Verständnis von Live-Regionen über Chat-Anwendungen bis hin zu Flash-Nachrichten - dieser Artikel bricht alles zusammen.

Reine CSS Moleskine Notizbücher

Fans des gleichnamigen Notebooks werden diesen Stift lieben CSS-animierte Moleskine . Der Stift verfügt über vier Notizbücher, die geschlossen und offen sind, um Seiten im Schwebeflug mit normalem, liniertem, gerastertem und gepunktetem "Papier" zu kennzeichnen.

Notizbücher

Mario Pixel-Symbole

Bringen Sie Ihre Kindheitserinnerungen mit einer Seite pixelig zurück, Videospiel-Stil-Icons . Das Set enthält alle Bilder, die Sie in einem frühen Videospiel im Vektorformat erwarten würden. Verwenden Sie sie online oder sogar auf einem Shirt-Design. Das Set enthält 100 Icons in den Formaten AI, PNG und SVG.

Pixel-Symbole

Lenker im UI Design

Shankar Balasubramanian, ein Designer bei Angie's List, nimmt ein guter Blick auf den Lenker , ein neues Benutzeroberflächenelement, das an Popularität gewinnt. So beschreibt er es im informativen Post: "Lenker sind ein Interface-Element, das dem Benutzer hilft, die verschiedenen Abschnitte auf dieser Leinwand (oder Schnittstelle in der modernen Benutzeroberfläche) zu verändern und neu anzuordnen. Wenn Sie die iOS-Multitasking-Split-Ansicht auf dem iPad verwendet haben, werden die kleinen vertikalen und horizontalen Griffe in einer der beiden Apps in Split-View als "Lenker" bezeichnet.

Lenker

Ausgestorbene Tiere Icons

Menschen haben die Aussterberate im Tierreich wie nie zuvor beschleunigt. Ob aufgrund der Jagd, der Zerstörung von Lebensräumen oder der Konkurrenz der Nahrungsquellen, mehr und mehr Tiere werden nie wieder gesehen werden. Diese abwechslungsreiche Reihe von ausgestorbene Tierikonen versucht zu bilden sowie eine große Ressource zu bieten.

ausgestorbene Tiere

2018 Karriere-Glück-Umfrage

Was versuchst du von deiner Karriere zu bekommen? Welche Teile der Arbeit machen dich glücklich? Das Karriere-Glück-Umfrage versucht, diese Informationen mit einer Umfrage für Einzelpersonen und Führungskräfte zu finden, die gute Entscheidungen treffen wollen. Alle Teilnehmer erhalten die Ergebnisse per E-Mail.

Karriere-Umfrage

Tutorial: Atemberaubende Hover-Effekte mit CSS-Variablen

Tobias Reich hat ein lustiges Tutorial das hilft Ihnen, einen coolen Hover-Effekt für eine Schaltfläche zu erstellen. Das Design ist einfach, sticht aber durch einen raffinierten Farbverlauf hervor, der sich nur wenig von allen üblichen Farbwechsel-Hover-Zuständen unterscheidet. Er führt Sie durch den Prozess, damit Sie Ihren Hover-Effekt anpassen und erstellen können.

schweben

Schriften.LOL

Schriften.LOL ist der erste Typ Gießerei, der Farbschriften gewidmet ist. Der Typografie-Stil basiert auf offenen SVG-Schriften, die mehrere Farben, Striche (und Breiten) und Farbverläufe enthalten. Das Konzept hinter der Sammlung von Farbschriften besteht darin, die Technologie voranzutreiben und die Einführung von Farbschriften zu vereinfachen und zu verbreiten. Wählen Sie einfach eine Farbschrift, laden Sie sie herunter und installieren Sie sie zur Verwendung. (Lizenzen können je nach Schriftart variieren.)

Farb-Schriftart

Blaufisch

Blaufisch ist eine etwas blockige Sans Serif mit einer begrenzten Anzahl von Stilen im kostenlosen Demo-Set. (Eine Vollversion ist ebenfalls verfügbar.) Es kann eine schöne Anzeigeoption darstellen und die Demo enthält Kursiv-, Kursiv-, Fett- und Fettschriftarten mit jeweils 378 Zeichen.

Blaufisch

Gudlak

Pünktlich zum St. Patrick's Day ist die Veröffentlichung von Gudlak , eine Handschrift Stil Schrift mit Klee gedeiht. Die Demo-Version enthält einen begrenzten Satz von 53 Zeichen, aber eine vollständige Schriftart-Option ist verfügbar. Diese Schriftart kann bei sparsamer Verwendung für saisonale Projekte interessant sein.

Gudlak

JMH Arkham

JMH Arkham ist eine Vintage-Stil Serifenschrift mit viel Charakter. Die Schriftart enthält einen vollständigen Satz von Groß- und Kleinbuchstaben mit lustigen Neigungen und Kerben. Einige der Buchstaben haben auch längere Schwänze, um Ihrer Typografie Auftrieb zu geben.

jmh

Kabe

Kabe ist eine monospaced Schrift mit viel Charakter. Seine Verwendung könnte sich leicht auf Anzeigetexte für Print- und Website-Designs erstrecken. Die Schriftart enthält Groß- und Kleinbuchstaben, Ziffern und Satzzeichen.

Kabe

Klassisch bleiben

Klassisch bleiben ist eine einfache Linienschriftschrift mit vielen Ligaturen und einer hohen Haltung. Die Lichtschrift eignet sich hervorragend zum Anzeigen oder Beschriften von Einladungen; Es enthält einen vollständigen Zeichensatz, Zahlen und Interpunktion sowie Alternativen.

nobel