Neue Ressourcen für Webdesigner und -entwickler (September 2016)

Wir sind zurück mit einer Handvoll Ressourcen für unsere Webentwickler. In dieser Ausgabe ist die Kollektion sehr vielfältig. Wir haben auf der Liste eine Desktop-Anwendung, ein paar Webanwendungen, praktische PHP- und JavaScript-Bibliotheken und ein paar WordPress-Plugins. Lass uns sie überprüfen.

Klicken Sie hier für weitere Ressourcen

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

Marp

Marp ist ein Editor zu Erstellen Sie Präsentationen in Markdown. Es gibt zwei Bereiche: einen Editor auf der linken Seite und eine Vorschau auf der rechten Seite, wo Sie die Folienausgabe in Echtzeit anzeigen können. Es ist in OS X, Windows und Linux verfügbar. Es ist eine großartige Alternative zu aufgeblähter Software wie PowerPoint.

Lichtgallerie

Ein JavaScript zu zeigen Sie die Lightbox und die Galerie an. Das Leuchtkasten-Schnittstelle ist mit einer Handvoll Tasten ausgestattet, mit denen Sie die Ansicht vergrößern, verkleinern, das Bild herunterladen und das Bild im Vollbildmodus anzeigen können. In dieser Kategorie handelt es sich wirklich um eine All-in-One-Paket-JavaScript-Bibliothek.

Entwickler-Tools reagieren

Entwickler-Tools reagieren ist eine Google Chrome-Erweiterung, mit der wir Reacts dekodieren können gerenderte Komponenten im Browser Nach der Installation wird in DevTools eine neue Registerkarte hinzugefügt, auf der Sie die Stamm-, Elemente- und Debugging-Komponenten wie mit normalem HTML-Code prüfen können.

SharingButtons

SharingButtons ist ein Schaltflächen-Generator. Es unterstützt derzeit eine Reihe von beliebten sozialen Websites wie Facebook, Twitter und Pinterests. Die Ausgabe entlädt die JavaScripts-Bloats und kann später leicht über CSS angepasst werden.

Schallwand

Schallwand ist eine JavaScript-Bibliothek fügt dem Text einen schönen ansprechenden Effekt hinzu. Es ist schwer für mich, diesen Effekt zu nennen, aber er sieht auf jeden Fall cool aus. Schauen Sie sich die Demo an!

HyperTerm

HyperTerm ist ein Terminal-Emulator, eine Anwendung, die auf HTML, CSS und JavaScript aufbaut. In diesem modularen Bereich können Entwickler einen Beitrag leisten und Module einführen, die neue Funktionen hinzufügen. Die App ist derzeit nur für macOS verfügbar.

Überhang

OverHang.js ist ein jQuery-Plugin für Sofortige Benachrichtigung anzeigen. Das Plugin ist anpassbar. Sie können die Textnachricht in der Benachrichtigung festlegen, die Farben festlegen und wie lange sie angezeigt wird, bevor sie ausgeblendet wird.

Grafika

Grafika ist eine Sammlung von PHP-Funktionen, die es uns ermöglicht Bild manipulieren. Wir können Bildfilter wie Unschärfe und Sepia anwenden. Wir können auch Bilder wie Spiegeln, Drehen und Ändern der Größe ändern.

Einfache Typografie

Einfache Typografie ist eine Sass-Bibliothek, die das Typografie-Styling zurücksetzt - z. B. Schriftgröße und Zeilenhöhe. Es ist eine weitere kleine Bibliothek, die Sie möglicherweise verwenden möchten Machen Sie Text auf Ihrer Website schön und proportional groß.

Jekyll Admin

Jekyll ist ein statischer Bloggenerator. Dies ist ein offizielles Jekyll-Plugin, das einen GUI-Editor hinzufügt, um Beiträge mit Jekyll zu schreiben. Dies macht den Autorenbeitrag mit Jekyll intuitiver.

Anime.js

Anime.js ist eine JavaScript-Bibliothek für flüssige Animationen im Web durchführen. Es gilt für reguläre HTML-, SVG- und CSS-Transformationen. Finden Sie die vollständige Anleitung, um das Beste daraus zu machen, und einige inspirierende Beispiele in der Dokumentation.

PostLeaf

PostLeaf ist ein PHP-basiertes CMS Ausgestattet mit einigen praktischen Funktionen. Front-End-Bearbeitung, Backups, Seiten, Beiträge, oEmbed, SEO, Navigation sind Dinge, die die Wartung von Websites erleichtern.

Browser-Logos

Eine vollständige Sammlung aller Browser-Logos. Sie finden Symbole für gängige Browser wie Chrome, Firefox und Internet Explorer, einschließlich der Symbole ihrer mobilen App. Sie können auch weniger beliebte Browser finden, die Sie noch nie gehört haben, wie Blisk, Iridium und Orbitum.

wA11y

Ein WordPress-Plugin, das uns helfen soll Verbesserung der Zugänglichkeit auf einer Website. Nach der Aktivierung bewertet das Plugin unsere Websites mit tota11y, gibt Rückmeldungen zu Verstößen ab, die sich auf die Zugänglichkeit auswirken, und schlägt Lösungsvorschläge vor.

Automatischer Alternativtext

Ein weiteres erwähnenswertes WordPress-Plugin, das den Zugriff auf Websites verbessert Hinzufügen alt Text zu Bildern über den WordPress Media Manager hochgeladen. Das generiert “alt” Text wird von Microsoft Computer API unterstützt.

Mehrbereich

Eine JavaScript-Bibliothek, eine Polyfill, für HTML 5.1 Mehrbereich Ausgabe, die derzeit in Browsern noch schlecht implementiert ist. Lea Verou erzählte ihre Geschichte hinter dieser Bibliothek in ihrem letzten Beitrag, Einführung in Multirange: Eine winzige Polyfill für HTML5.1-Schieberegler mit zwei Griffen, die auf jeden Fall lesenswert ist.

jQuery Zahlung

Ein von Stripe entwickeltes jQuery-Plugin, ein Zahlungsverarbeitungsdienst. Dieses Plugin macht Entwicklung eines Kreditkartenformulars weniger erschreckend. Es unterstützt zahlreiche Kreditkarten, darunter Visa, Master Card Amex, UnionPay und JCB.

Trix-Editor

Trix ist ein WYSIWYG-Editor dass wir nutzen können, um Inhalte zu produzieren. Die Bereitstellung von Trix ist schnell und einfach mit neuen Funktionen für Ihre Anforderungen erweiterbar. Sie finden alle Anweisungen in der Dokumentation. Starten Sie Trix in Ihrer Webanwendung.

Rezept

Rezept ist eine Sammlung von PHP zu Ausführen allgemeiner Dienstprogrammfunktionen B. ein Gravatar-Bild erstellen, einen QR-Code generieren, ein Array in ein Objekt konvertieren und vieles mehr.

PaperWorks

EIN Notizen, die auf PHP und Angular basieren Dies bedeutet, dass Sie es auf einem Webserver bereitstellen können. Dies kann eine gute Alternative zu einer Desktop-App wie Evernote oder OneNote sein, sodass Sie fast alles davon verwalten und anpassen können Speichern Sie Ihre Daten privat auf Ihrem eigenen Server.