Neue Ressourcen für Webdesigner und -entwickler (Februar 2015)

Nach mehr als einem Jahr ist dies die schwierigste Aufgabe, diesen monatlichen Ressourcenstapel für Designer und Entwickler zu schreiben. Während wir uns mit diesem Thema befassen, hier ein Überblick über die besten und frischesten Ressourcen für Webentwickler wie Sie im Februar 2015.

In dieser Ausgabe betrachten wir ein besonderes Angebot Suchmaschine, um Codeausschnitte zu finden, ein sehr einfallsreich Verweis auf Probleme im Flexbox-Modul, und Entwicklungswerkzeuge für ein besseres Management von Farbe, Schrift und Farbverläufe.

Farbverlauf-Animator

Mit CSS3 Gradient können wir auf unserer Website ohne Farbverläufe bildlose Farbverläufe erstellen, ohne Bilder laden zu müssen. Wir können es sogar mit CSS3-Animation kombinieren, um einen überzeugenderen Effekt zu erzielen. Wenn der Code jedoch zu viel für Sie ist, verwenden Sie die einfachere Route des Verlaufsanimators, um eine mit einer schönen Benutzeroberfläche zu generieren.

SVG-Taschenhandbuch

SVG-Taschenhandbuch wird von Joni Trythall zusammengestellt. Es ist eine praktische Referenz, die Sie durch die Grundlagen von SVG (z. B. Erstellen von Formen und Text) bis hin zu erweiterten Funktionen (z. B. Erstellen von Farbverläufen, Beschneidungspfaden und Mustern) führt. Das Buch liegt im Markdown-Format vor und ist in Englisch und Portugiesisch erhältlich.

Flexbugs

Flexbox ist ein vielversprechendes neues Modul in CSS3, das die Art und Weise, wie wir Weblayouts erstellen, grundlegend ändern würde. Es gibt jedoch auch eigene Probleme mit der Cross-Browser-Kompatibilität. Dieses Repository, Flexbugs, ist eine Sammlung dieser Fehler und der Problemumgehungen. Dies ist eine sehr nützliche Ressource für alle, die am Rande des Internets leben.

Icono

Es ist erstaunlich, was wir mit nur CSS erreichen können, indem Sie mit einem einzigen Element ein vollständig präsentierbares Symbol erstellen. Icono ist die Bibliothek, die dies tut. In dieser Bibliothek finden Sie eine Sammlung von bekannten Symbolen, die nur aus einem einzelnen Element und CSS bestehen. Diese Symbole werden schneller geladen und sind anpassbarer als bildbasierte Symbole.

Dillinger

Dillinger ist ein aufmerksamkeitsstarker Markdown-Editor. Hier können Sie im Markdown-Format schreiben und die Ausgabe sofort auf der rechten Registerkarte sehen. Zu Ihrer Bequemlichkeit können Sie mit Dillinger Ihre Arbeit in HTML, PDF oder einfach in ein Markdown-Dateiformat exportieren. Alternativ können Sie es auch mit einem Dienst eines Drittanbieters wie Dropbox und Github verbinden, wo Sie Ihre Datei speichern können.

HTML5Up

HTML5Up ist eine Sammlung kostenloser HTML5-basierter Vorlagen. Sie können eine Handvoll Layouts finden, die auf verschiedene Arten von Websites zugeschnitten sind: Geschäft, Portfolio oder nur ein einfaches Blog. Alle Vorlagen reagieren schnell und stellen sicher, dass der Inhalt und das Website-Layout in verschiedenen Bildschirmgrößen angezeigt werden.

CSS-Farben

Ich frage mich immer, wie eine bestimmte Farbe heißt? CSS-Farben zeigt den Farbnamen sowie das Hex- und RGBA-Format für eine Sammlung von Grundfarben. Es ist eine gute Quelle, um die perfekte Farbkombination für Ihre Websites zu finden.

Emmet Re-view

Re-view ist eine Chrome-Erweiterung, die Ihre Website analysiert @Medien fragt Ihre Website ab und zeigt sie in jedem der darin angegebenen Haltepunkte an @Medien Abfrage. Wenn Sie nach einem Tool suchen, mit dem Sie beim Testen von responsiven Websites etwas Zeit sparen können, dann ist dies das Tool, das Sie benötigen.

TypeGenius

Wenn Sie einen Blick auf die Google Font-Bibliothek werfen, werden Sie eine Vielzahl von Schriftarten in unterschiedlichen Gesichtern, Familien, Gewichten und Typen finden. Die Wahl des richtigen Schriftkoppels oder der richtigen Kombination von Schriftarten kann daher eine überragende Aufgabe sein. TypeGenius macht die Auswahl von Schriftpaaren für die allgemeine Bevölkerung einfach und schnell und möglich.

Suchcode

Wie der Name schon sagt, ist dies eine Suchmaschine, um nach Codes oder Code-Snippets vieler Programmiersprachen wie JavaScript, C, PHP zu suchen. Diese Suchmaschine leitet ihr Ergebnis aus vielen Quellen wie Github, Bitbucket und Google Code ab. Dies ist ein absolutes Muss für schwere Programmierer.