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

Webentwickler sind mit kostenlosen Tools und Ressourcen aus dem Internet gesegnet, die wir jeden Monat pflichtbewusst in unserer Reihe Fresh Resources sammeln. Wenn Sie die Charge des letzten Monats verpasst haben, können Sie sie hier erneut besuchen oder den Rest der neuen Ressourcen überprüfen, die zu Beginn des Jahres zusammengestellt wurden.

Im Juli 2015 stellen wir Ihnen neue Tools und Ressourcen vor, die Ihre Aufgaben erleichtern würden. Dazu gehören WordPress-Plugins, mit denen Sie Plugin-Aktualisierungen privat in einer JavaScript-Bibliothek bereitstellen können, um interessante Animationen hinzuzufügen.

Aladdin

Dieses Plugin erweitert die WordPress-Administration um zusätzliche Funktionen, ähnlich wie bei OS X Spotlight. Damit können Sie schnell auf Dateien und Ordner in Ihrem Mac zugreifen. Einmal installiert, drücken Sie zweimal die Umschalttaste und geben dann das ein, auf das Sie zugreifen möchten. Die WordPress-Administration wird durch die Verwendung der Tastatur leichter zugänglich.

SiteOrigin CSS

SiteOrigin CSS ist ein robustes WordPress-Plugin, mit dem Sie das Erscheinungsbild eines Designs in Echtzeit anpassen können. Das Plugin fügt ein neues Panel unter dem hinzu Aussehen> Benutzerdefiniertes CSS Speisekarte. Darin können Sie benutzerdefinierte CSS-Regeln schreiben, um das CSS des Designs, das Sie verwenden, zu überschreiben, oder Sie können die CSS-Regeln auch mithilfe des GUI-Bedienfelds intuitiv hinzufügen.

DynamicsJS

DynmaicJS ist eine Bibliothek zur Anwendung physikbasierter Animationen. Ich bin kein Physik-Experte, aber die Beispiele hier in diesem Menü sehen wirklich cool aus. Es kann HTML- und SVG-Elemente animieren und bietet eine schnelle Leistung ohne Abhängigkeit. DynamicJS wurde auf Safari 7+, Firefox 35+, Chrome 34+ und IE10 getestet+.

Flugzeug-Modus

Dieses Plugin verhindert, dass mehrere externe WordPress-HTTP-Anforderungen (z. B. Google Fonts, Gravatar und WordPress Updater) versuchen, eine Verbindung zu Plugins und Themes-Repositorys für Updates herzustellen. Es ist ein nützliches Plugin für die lokale Entwicklung, um Fehler beim Auftreten dieser Aufrufe zu unterdrücken (was normalerweise der Fall ist, wenn Sie lokal unter außergewöhnlich langsamem Internet entwickeln)..

Coverr

Eine Sammlung von Videos, die sich hervorragend für Ihre Website-Header eignen. Alle Videos sind kostenlos und unter Public Domain lizenziert. Vergiss nicht, das zu überprüfen “Wie benutzt man” In diesem Abschnitt erfahren Sie, wie Sie das Video zu Ihrer Webseite hinzufügen.

VibrantJS

VibrantJS greift auffällige Farben aus einem Bild heraus. Außerdem werden einige APIs bereitgestellt, mit denen Sie die erhaltene Farbe verarbeiten können, z. B. das Farbformat wechseln und die richtige Komposition für Hintergrund und Text festlegen. Sie können es verwenden, um Ihre Website-Oberfläche mit dynamischer Farberzeugung zu verbessern, die Farbe als Platzhalterbild verwenden, wenn das Bild noch nicht vollständig geladen ist, oder eine Webanwendung zum Erstellen eines Farbfelds erstellen.

GradifyCSS

Diese Bibliothek erfasst zwei auffällige Farben und generiert aus den erhaltenen Farben einen CSS-Farbverlauf. Ähnlich wie bei VibrantJS können Sie den Verlauf als Bildplatzhalter anwenden, wenn das Bild nicht vollständig geladen ist, oder als Überlagerungsfarbe.

PurifyCSS

PurifyCSS bereinigt nicht verwendete CSS-Regeln aus Ihrem Stylesheet. Damit können Sie die Stylesheet-Größen großer Frameworks wie Bootstrap und Foundation um bis zu 40% reduzieren. PurifyCSS ist als Plugin für Grunt und Gulp erhältlich.

Titelkapital für WordPress

Der Name hat alles gesagt. Mit diesem WordPress-Plugin werden Titel sowie die Überschriften innerhalb des Inhalts beim Speichern oder Veröffentlichen des Beitrags und der Seite in die richtige Großschreibung umgewandelt. Ich finde dieses Plugin nützlich für Websites mit mehreren Autoren, um die Konsistenz des Inhalts der Website zu erhalten.

GitHub Updater

Dieses Plugin ermöglicht es dem Benutzer installieren und automatisch aktualisieren In GitHub gehostete WordPress-Plugins. Trotz des Namens unterstützt das Plugin auch Bitbucket und GitLab, einschließlich eines in einem privaten Repository. Es ist ein nützliches Plugin für Entwickler, die ihre Plugins oder Designs ausschließlich für ihre Kunden entwickeln und vertreiben.

Code-Beispiele

Eine Sammlung von Codebeispielen aus WordPress Theme Review Team. Derzeit besteht das Beispiel aus Codes zum Erstellen von Design-Customizer-Komponenten mithilfe der Customizer-API, einschließlich des Abschnitts, der Einstellungen und des Bedienfelds. Weitere Codebeispiele für zukünftige Best Practices.