Neue Ressourcen für Webdesigner und -entwickler (März 2015)

Zeit für eine weitere Runde frischer Ressourcen für den Monat März. In dieser Serie haben wir einen aufstrebenden Browser, Modelle für ein tragbares Gerät, eine Sammlung von Symbolen, die verwandelt werden können, und eine Handvoll anderer cooler Dinge.

Folgen Sie der Reihe für weitere frische Ressourcen für Webentwickler.

CodePad

CodePad ist eine Web-App, mit der Sie Codes speichern und freigeben können. Es unterstützt mehrere Programmiersprachen von CSS bis XSLT. Sie können Ihre Codeausschnitte auf privaten Zugriff festlegen, sodass nur Sie ihn sehen oder öffentlich zugänglich lassen können, sodass Suchmaschinen sie auch abrufen können.

UINames

Wenn die Auswahl eines Benutzernamens bei der Eröffnung eines Kontos für einen Online-Dienst für Sie schwierig ist, denken Sie daran, wie schwierig es für Designer ist, gefälschte Namen als Inhaltsfüller oder Platzhalter in Prototypen zu finden. UINames erlaubt Ihnen, einige zufällige Namen zu generieren - wie Lorem Ipsum, aber stattdessen für Personennamen. Sie können einen Namen nach Geschlecht oder sogar nach Ländern (z. B. Japanisch, Chinesisch, Vietnam) auswählen..

DevTools App

Die DevTools-App ist eine Anwendung, mit der Sie Ihre Website debuggen können. Es funktioniert wie die DevTools, die wir in Chrome finden können. Diese App ist ein experimentelles Projekt, um die DevTools von Chrome zu trennen. Dies ist eine ziemlich rationale Idee, da die Mehrheit der Chrome-Benutzer DevTools nicht benötigen oder verwenden wird - nur Entwickler werden dies tun.

Is.js

Is.js ist eine praktische kleine JavaScript - Bibliothek, mit der Sie die Auswertung intuitiv mit dem ausführen können ist Methode. Sie können fast alle Datentypen testen, einschließlich Zeichenfolge, Array, Zeit, RegEx (regulärer Ausdruck) und sogar Umgebung.

Im folgenden Codebeispiel wird geprüft, ob wir uns in Internet Explorer 6 befinden:

 var IE6 = is.ie (6) if (IE6) // Funktion hier ausführen 

TheatrJS

TheatrJS ist eine JavaScript-Bibliothek zum Erstellen von Typisierungseffekten. TheatrJS ahmt im Gegensatz zu ähnlichen Bibliotheken nach, wie echte Menschen z. mit etwas Verzögerung, mit Tippfehlern und Korrekturen.

TintUI

TintUI ist eine Sammlung von Farbpaletten, die aus mehreren Quellen stammen. Hier finden Sie die Farben, die in iOS, Android Material Design oder Microsoft Windows verwendet wurden. Mit diesem Werkzeug können Sie die Farbe einfach auswählen. Klicken Sie einfach auf eine beliebige Farbkachel, um das Hex-Format dieser Farbe zu kopieren.

Transformicons

Transformicons ist eine Sammlung allgemeiner Umschaltflächen, die sich beim Klicken in etwas anderes verwandelt. Sie können das populäre finden “Hamburger” Symbole, die sich in ein Kreuzmarkierungssymbol oder einen Pfeil ändern. Transformicons bietet auch das Build-Tool, mit dem Sie HTML, CSS und JavaScript nur für die ausgewählten Symbole generieren können.

Vivaldi

Vivaldi ist ein neuer Browser, der von demselben Team wie die frühere Version von Opera mit der Presto-Engine erstellt wurde. Obwohl Vivaldi noch in den Kinderschuhen steckt, ist es bereits mit praktischen Funktionen ausgestattet, wie z “Schnelle Befehle” zum Anpassen von Navigationsverknüpfungen und Registerstapeln, in denen mehrere Registerkarten auf einer einzigen Registerkarte zusammengefasst werden. Die Entwicklung ist in vollem Gange, mit weiteren Funktionen wie Mail- und Extension-Support.

Apple Watch Mockup

Wir haben bereits Modelle für Desktops, Tablets und Smartphones. Daher ist es nur eine Frage der Zeit, bis Modelle für Smartwatches verfügbar sind. Wenn Sie Modelle für die Apple Watch benötigen, ist dies die Site, die Sie mit einem Lesezeichen versehen können. Außerdem finden Sie Modelle für iOS-Symbole und das iPhone 6.

Slot Schriftart

Slot Font ist eine einzigartig gestaltete Schrift. Es ist eine abgerundete Schrift mit einem Halbkreis-Ornament. Die Schrift kommt im OTF-Format und ist gut als Posterüberschrift zu verwenden. Es ist kostenlos für private und kommerzielle Projekte.