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

Die Web-Development-Szene hat in diesem Jahr mit Lichtgeschwindigkeit Fortschritte gemacht. CSS3 wurde gut angenommen und wir sind weniger abhängig Polyfill da die neuesten Browser wirklich den neuesten Webstandard unterstützen. Microsoft Edge wurde eingeführt, Google veröffentlichte zwei offene Quellen für das Web: Material Design Lite und Polymer 2.0.

Lassen Sie uns das Jahr mit ein paar nützlichen Tools für Webentwickler zusammenfassen. Wir haben ein paar JavaScript-Bibliotheken sowie Tools, um effektiver mit jQuery zu arbeiten. Weitere Informationen finden Sie in den vollständigen Ressourcen für Webentwickler-Serien.

Klicken Sie hier für weitere Ressourcen

Hier finden Sie unsere gesamte Sammlung empfohlener Ressourcen sowie die besten verfügbaren Webdesign- und -entwicklungstools.

Notie.js

Notie.js ist ein netterer JavaScript-Alarm, eine Benachrichtigung und ein Dialogfeld. Anstelle der warnen() Funktion, die ein matt und leicht zeigt schockierend Benachrichtigungsfeld können Sie es durch das ersetzen notie () Funktion aus der Bibliothek, um eine Stilbenachrichtigung anzuzeigen. Passen Sie den Benachrichtigungsstil einfach mit Notie.js an das Gesamtdesign Ihrer Website an.

Github Corner

Erst vor kurzem wurde mir klar, dass die Github-Ecke, die wir normalerweise auf der Homepage eines Open-Source-Projekts sehen, bereits 7 Jahre alt ist. Zeit für ein Facelift. Github Corner ist eine Initiative für einen moderneren und frischen Look für das Github-Band. Es verwendet SVG statt Bitmap-Grafik, wodurch es in hochauflösenden Bildschirmen scharf bleibt.

Süße (lockere) Themen

Slack wurde zu einer der beliebtesten Chat-Apps in kleinen Unternehmen, Startups und mit Entwicklern. Im Vergleich zu anderen Apps wie Skype und Google Hangouts ist Slack in mehrfacher Hinsicht anpassbar, einschließlich des Designs - des Erscheinungsbildes und der Nuance der App-Benutzeroberfläche. Hier ist eine Sammlung einbaufertiger Slack-Themen .

jQuery Config

jQuery ist modular, dh wir können unerwünschte Module daraus entfernen, wodurch die Größe leichter wird. In unserem vorherigen Tutorial, So entfernen Sie nicht benötigte Module in jQuery, wird gezeigt, wie dies mit Homebrew, NPM, möglich ist, dies wird jedoch über das Terminal erledigt. Wenn Sie diese Möglichkeit nicht verwenden möchten, können Sie auf verwenden jQuery Config. Es macht das gleiche mit nur Klicks.

SummerNote

SummerNote ist eine JavaScript-Bibliothek zum Erstellen eines WYSIWYG-Editors. SummerNote wurde auf prominenten Open-Source-Projekten entwickelt: jQuery, Bootstrap und Font Awesome. Das Bereitstellen von SummerNote ist so einfach wie das Bereitstellen einer beliebigen anderen JQuery-Bibliothek, und es ist die perfekte alternative Bibliothek zu TinyMCE, insbesondere wenn Ihr Web ebenfalls Bootstrap als Grundlage verwendet.

BackstopJS

BackstopJS ist ein hervorragendes Tool zum Testen der Reaktionsfähigkeit der Website, was ein langwieriger Prozess ist. Kurz gesagt, diese Bibliothek macht das Testen einer Site auf mehreren Bildschirmgrößen durch Automatisierung viel nahtloser. Das Tool erfasst Screenshots der Website und kommentiert anhand der angegebenen Parameter und Bildschirmgrößen, welche Seite erfolgreich ist und den Test nicht besteht. Es ist wie ein Unit-Test-Tool zum Bereitstellen einer responsiven Website.

SuitCSS

SuitCSS ist eine Boilerplate, die aus einem eigenen CSS-Vorprozessor besteht, der die CSS-Zukunftssyntax wie Custom Property und Custom Media Query unterstützt, eine Handvoll Utility-Klassen, die auf der BEM-Methodik zum Ausrichten, Größen- und Positionselementen sowie viele CSS-Module basieren um mit der Entwicklung einer gut aufgebauten Website zu beginnen.

Binden

Binden ist eine native OS X-App, mit der Sie Weboberflächen und Layouts mit GridStyleSheet, einem von TheGrid entwickelten Layoutalgorithmus, erstellen können. Mit GSS können Sie Websites effektiv gestalten. Im Gegensatz zu CSS ermöglicht GSS beispielsweise die vertikale Ausrichtung seiner Elementcontainer mit einer einzigen Codezeile.

AntiModerate

AntiModerate ist eine JavaScript-Bibliothek, die Bilder intelligenter lädt. Mit dieser Bibliothek können Sie auch bei langsamen Internetverbindungen ein kleineres Bild zuerst laden, während das größere Bild noch im Hintergrund geladen wird. Nach dem vollständigen Laden steht das größere Bild im Mittelpunkt. Diese Technik kann eine schnellere Ladegeschwindigkeit für Ihre Webseiten bedeuten.

jQuery-Tipps, die Sie kennen sollten

Cooler Titel und noch coolerer Inhalt, dies ist eine Sammlung von jQuery-Tipps, die wir kennen sollten (die Hälfte von ihnen wünschte, ich hätte viel früher gewusst). Absolut sehenswert.