Frische Ressourcen für Web-Entwickler - Januar 2017
Diese Serie hat einen langen Weg hinter sich, durch den wir gesehen haben, wie Web-Entwicklungswerkzeuge kommen und gehen ; Einmal leuchten sie, ein paar Monate später werden sie mit anderen neuesten Tools überflüssig gemacht. Nichtsdestotrotz haben wir einige neue Tools auf der Liste, die unsere Entwickler in diesem Monat erforschen können. Dazu gehören JavaScript-Bibliotheken, ein Sketch-Plugin für Responsive UI-Design und ein paar CSS-Frameworks.
Klicken Sie auf Weitere RessourcenKlicken Sie auf Weitere Ressourcen
Hier finden Sie unsere gesamte Sammlung empfohlener Ressourcen und die besten verfügbaren Webdesign- und Entwicklungstools.
Ich tippte
Eine JavaScript- Bibliothek, mit der Sie Typisierungseffekte einer Textliste darstellen können ; eine Art von Effekt, den du vielleicht kürzlich im Web gesehen hast. Diese JavaScript-Bibliothek lässt sich mit einer Handvoll Optionen zur Anpassung des Effekts einfach implementieren . Sie können diese Bibliothek über NPM installieren oder über das CDN unter https://unpkg.com/[email protected]
laden.
![](http://hideout-lastation.com/img/tech-design-tips/470/fresh-resources-web-developers-january-2017.jpg)
Opera war früher der Erste, der einen tab-basierten Browser einführte, und seitdem haben wir Browser mit sogenannten Tabs und Kurzwahl . Opera hat kürzlich seine neue Initiative namens Opera Neon veröffentlicht. Ein neuer Browser mit einer frischeren Benutzeroberfläche wie der sogenannten Omnibox, dem Split-Screen-Modus und einer schönen Hintergrundauswahl . Kann Opera Neon den Platz im Browser wieder ändern? Das müssen wir sehen.
![](http://hideout-lastation.com/img/tech-design-tips/470/fresh-resources-web-developers-january-2017-2.jpg)
At.js ist eine JavaScript-Bibliothek, mit der Sie Smileys hinzufügen, Freunde oder Tags hinzufügen können . etwas wie wir es auf Slack, Twitter und Facebook gesehen haben. Dieses Plugin benötigt jQuery, wodurch es mit Internet Explorer 7 und vielleicht auch Internet Explorer 6 funktioniert . Fantastisch!
![](http://hideout-lastation.com/img/tech-design-tips/470/fresh-resources-web-developers-january-2017-3.jpg)
Release macht das Erstellen einer neuen Version einer Software in Github effizienter. Eine neue Version wird normalerweise von einem Änderungsprotokoll begleitet, und mit diesem Modul können Sie das Changelog, das automatisch von den Git-Commit-Nachrichten abgeleitet wird, auffüllen.
![](http://hideout-lastation.com/img/tech-design-tips/470/fresh-resources-web-developers-january-2017-4.jpg)
Ein JavaScript- Beautifier, der sicherstellt, dass unser JavaScript-Code konsistent formatiert ist . Es unterstützt ES2017 und JSX.
![](http://hideout-lastation.com/img/tech-design-tips/470/fresh-resources-web-developers-january-2017-5.jpg)
Ayu ist Sublime Text Thema mit einer frischen und modernen Anziehungskraft . Es kommt mit 2 Tönen dunkel und hell. Ayu bedeutet schön in Indonesien und sozusagen; es macht Sublime Text UI schöner .
![](http://hideout-lastation.com/img/tech-design-tips/470/fresh-resources-web-developers-january-2017-6.jpg)
Eine leichte Anwendung zum Bearbeiten und Visualisieren von JSON-Daten . Die App ist kompatibel mit Windows, Linux und MacOS.
![](http://hideout-lastation.com/img/tech-design-tips/470/fresh-resources-web-developers-january-2017-7.jpg)
Ein JavaScript um Bild zoomen zu können. Optimiert für Mobilgeräte, funktioniert gut im Hi-Def-Bildschirm und ist leicht anpassbar .
![](http://hideout-lastation.com/img/tech-design-tips/470/fresh-resources-web-developers-january-2017-8.jpg)
Ramme ist ein Instagram-Desktop-Client . Obwohl es inoffiziell ist, aber vielleicht können Sie ein paar neue Dinge aus dem Quellcode lernen.
![](http://hideout-lastation.com/img/tech-design-tips/470/fresh-resources-web-developers-january-2017-9.jpg)
Ein WordPress-Plugin, das einmal aktiviert wurde, fügt neben der Eingabe des Benutzernamens einen Link "Ändern" hinzu und ermöglicht es Ihnen, den Benutzernamen zu ändern .
![](http://hideout-lastation.com/img/tech-design-tips/470/fresh-resources-web-developers-january-2017-10.jpg)
NodefyWP ist ein ziemlich einzigartiges WordPress-Plugin. Sie können WordPress wie gewohnt verwenden und dann den Inhalt mit einem Node.js-Modul ausgeben . Ich habe dieses Plugin noch nicht probiert. Aber die Präsentation, die ich in WordCamp Denpasar 2016 sah, sieht dieses Plugin sehr vielversprechend aus, WordPress-Entwicklung zu modernisieren .
![](http://hideout-lastation.com/img/tech-design-tips/470/fresh-resources-web-developers-january-2017-11.jpg)
ColorMe ist ganz anders als andere Farbgenerator-Apps, die ich zuvor gesehen habe. Neben der Generierung von Farbcodes ermöglicht die App auch die Anpassung von Farbhelligkeit, Farbton, Farbton, Sättigung, Kontrast usw.
![](http://hideout-lastation.com/img/tech-design-tips/470/fresh-resources-web-developers-january-2017-12.jpg)
Eine Sammlung von Erweiterungen von WP-CLI, die zusätzliche Befehlszeilen und Parameter hinzufügen, um zusätzliche Aufgaben auszuführen, z. B. für die Bereitstellung von WordPress auf einem Remote-Server, die Migration einer WordPress-Site, das Leeren von Caches und vieles mehr.
![](http://hideout-lastation.com/img/tech-design-tips/470/fresh-resources-web-developers-january-2017-13.jpg)
Ein WordPress-Plugin, mit dem Sie nicht-lineare Inhalte mit einer Drag-and-Drop-Schnittstelle erstellen können . Das Plugin ist erweiterbar, damit eine neue Komponente einen eindeutigen Inhaltstyp hinzufügen kann. Es bietet WP-API, um diese Inhalte zu verwalten . Tailor Page Builder ist bei weitem das beste Plugin in dieser Kategorie.
![](http://hideout-lastation.com/img/tech-design-tips/470/fresh-resources-web-developers-january-2017-14.jpg)
XVG ist eine Chrome-Erweiterung, die SVG- Grafikkonturen und -Anker anzeigt, mit denen Sie die SVG-Objekte problemlos debuggen können.
![](http://hideout-lastation.com/img/tech-design-tips/470/fresh-resources-web-developers-january-2017-15.jpg)
RibbonJS ist eine JavaScript-Bibliothek, mit der Sie dekorative Farbbänder auf Ihrer Website erstellen können, wie Sie im folgenden Screenshot sehen können. Es ist nur 1kb groß und einfach anzupassen .
![](http://hideout-lastation.com/img/tech-design-tips/470/fresh-resources-web-developers-january-2017-16.jpg)
Auto-Layout ist ein Sketch-Plugin, das eine Reihe von voreingestellten Bildschirmgrößen zum Testen Ihres UI-Designs bietet . So können Sie sicherstellen, dass das Design gleich gut aussieht, egal ob es auf dem iPhone 5, iPhone 6, usw. angezeigt wird. Das Plugin erlaubt Ihnen auch , benutzerdefinierte Größen zu definieren, falls es nicht im Preset verfügbar ist . Sehen Sie, wie das Plugin in diesem Video in Aktion ist.
![](http://hideout-lastation.com/img/tech-design-tips/470/fresh-resources-web-developers-january-2017-17.jpg)
FUNKTION ist eine Sammlung von CSS-Klassen, die dem Pure-Function-Prinzip folgen. Jede CSS-Klasse definiert einen einzigen Gestaltungszweck. Dieses CSS - Framework ist derzeit in Arbeit und enthält weitere Funktionen, die in Zukunft eingeführt werden sollen, wie z. B. Responsive Grid, Buttons usw.
![](http://hideout-lastation.com/img/tech-design-tips/470/fresh-resources-web-developers-january-2017-18.jpg)
Ein leichtgewichtiges und einfach zu verwendendes Framework zum Erstellen von Präsentationsfolien mit nur HTML und CSS. Webslides bietet derzeit ein paar nette Folienvorlagen, mit denen Sie Ihre Folienpräsentation sofort starten können .
![](http://hideout-lastation.com/img/tech-design-tips/470/fresh-resources-web-developers-january-2017-19.jpg)
Resilient Web Design ist ein Online-Buch. Dieses Buch ist nichts Technisches, sondern umfasst Geschichten, Prinzipien und Erfindungen, die das Web, wie wir es in der heutigen Welt kennen , prägen . Ich denke, es ist eine tolle Lektüre für das Wochenende.
![](http://hideout-lastation.com/img/tech-design-tips/470/fresh-resources-web-developers-january-2017-20.jpg)
![Wie man deine kreativen "Monster" tötet Der praktische Weg](http://hideout-lastation.com/img/nophoto.jpg)
Wie man deine kreativen "Monster" tötet Der praktische Weg
Arbeiten als freiberuflicher Designer, Autor, Video-Editor ist schwer. Es gibt normalerweise keine Unterstützung - es ist ein einsamer Weg. Das nervigste daran, selbst kreativ zu arbeiten, sind die "kreativen Blöcke" (sollten wir sie Monster nennen?), Die man von Zeit zu Zeit trifft.Sie sind gruselig, diese verdammten Monster.
![Verblüffende anamorphotische Kunst von Sergio Odeith [Showcase]](http://hideout-lastation.com/img/tech-design-tips/225/mind-boggling-anamorphic-art-sergio-odeith.jpg)
Verblüffende anamorphotische Kunst von Sergio Odeith [Showcase]
Sérgio Odeith ist ein Meister der Graffiti-Kunst und wurde damit beauftragt , unglaubliche Wandmalereien wie die hier gezeigten zu produzieren . Aber seit 2005 begeistert Odeith Fans mit einer anderen Art seiner Arbeit, die er als anamorphotische Kunst bezeichnet.Malen auf mehr als einer Fläche, manchmal an Wänden, die um 90 Grad gefüttert sind, manchmal von der Decke bis zum Boden, erzeugt Odeith 3D-Illusionen von seiner Kunstform, die bei einem bestimmten Blickwinkel auf Sie zukommt. Er