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

Es fühlt sich an, als wäre das neue Jahr erst gestern gewesen. Trotzdem sind wir jetzt hier in Kann und es ist an der Zeit, neue Ressourcen mit anderen Webentwicklern zu teilen.

In dieser Runde haben wir einige gute Referenzen, die es wert sind, ein Lesezeichen zu setzen, ein Werkzeug, das Sie bei der Suche nach HTML-Fehlern unterstützt, einen Shortcode zum Erstellen von Musiknotationen, eine JS-Bibliothek für das Handling von Tabellen und ein responsives Rastersystem.

CanIUse Shortcode

CanIUse ist eine umfassende Quelle zur Nachverfolgung der Browserunterstützung für moderne Webfunktionen. Dies ist ein WordPress-Plugin, das eine CanIUse-Tabelle für die angegebene Funktion mit einem praktischen Shortcode anzeigt. Einmal aktiviert, können Sie zum Beispiel hinzufügen, [ciu-display feature = "audio"] um die Ergebnisse für die Unterstützung von HTML5-Audioelementen in einer Tabelle anzuzeigen.

jQuery FileAPI

Ein jQuery-Plugin, das mit der Browser-API-Datei interagiert, um das Hochladen von Dateien zu ermöglichen. Dieses Plugin bietet auch die Möglichkeit, Bilder zu beschneiden und deren Größe zu ändern sowie mehrere Dateien hochzuladen.

TabellaJS

Der Aufbau eines responsiven Tisches ist wirklich schwierig. Es gibt viele JavaScript-Bibliotheken und -Techniken, die Sie verwenden können, aber jede hat ihre eigenen Fallstricke. Tabella ist eine Bibliothek, die vielversprechend erscheint, um diese notorische Hürde im responsive Webdesign zu meistern.

StickyFill

StickyFill ist ein Polyfill des neuen CSS3 klebrig Position. Es simuliert perfekt das Verhalten der klebrigen Position und funktioniert auch mit vielen klebrigen Instanzen.

Basket.js

Basket.js ist eine JavaScript-Bibliothek, die zum Optimieren der Ladezeit von JavaScript verwendet wird. Basket.js wird JavaScripts im localStorage zwischenspeichern, um zukünftig unnötiges Laden zu vermeiden. Dies verbessert auch die Geschwindigkeit der Website, da die Skripts nicht vom Benutzer aufgerufen, sondern vom Server abgerufen werden.

HTMLHint

HTMLHint ist ein kleines Webtool zum Überprüfen von Fehlern in HTML. Das Tool prüft die Benennungsstandards, fehlende schließende Tags, Probleme mit der Zugänglichkeit, die ordnungsgemäße Verwendung von Doctype sowie doppelte IDs und andere Probleme, die Sie oft übersehen.

ABC-Notation

Sind Sie Musiker und betreiben Sie eine WordPress-basierte Website? Dieses Plugin könnte das sein, wonach Sie gesucht haben. Nach der Aktivierung von ABC Notation können Sie Musiknotizen in Ihrem Post und auf Ihrer Seite mithilfe eines Shortcodes erstellen.

KSS StyleGuide

KSS Styleguide macht das Erstellen eines Living Style Guide bequemer. Das Tool automatisiert den Prozess. Wenn Ihre Website mit neuen Ergänzungen und UI-Iterationen wächst, aktualisiert KSS den Style Guide.

Internet Explorer-Status

Internet Explorer entwickelt sich zum Besseren. In der neuesten Version (vor Spartan) hat Internet Explorer zahlreiche neue Webstandards übernommen. Nun verfolgen Sie den Status der kommenden Funktionen, die mit der nächsten Version veröffentlicht werden sollen. Abgesehen von CanIUse und Chrome Status ist dies eine nützliche Referenz für Webentwickler.

CSS Flexbox

Eine Sammlung von allem, was mit CSS Flexbox zu tun hat, wie Tutorials, Artikel und Cheatsheets. Eine sehr nützliche Referenz für alle Entwickler, um ein Lesezeichen zu setzen.

Tal

Tal ist eine Sammlung von OS X-Ordnersymbolen und von Drittanbietern generierten Ordnern wie Dropbox, Drive und OneDrive. Die Ordnerfarbe ist etwas abgeschwächt, was meiner Meinung nach eine bessere Entscheidung ist als die, die Sie mit den OS X Yosemite-Ordnern (zu lebendig!) Erhalten.

CSS-Zauberei-Raster

Es ist ein leichtes, aber robustes auf CSS reagierendes Rastersystem, das von Harry Robert entwickelt wurde. Es ist vollständig reaktionsfähig, wird mit Sass betrieben, mit BEM-Methodik strukturiert und ist reversible Netze.