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

Wir erweitern die Liste für die Jahresausgabe. Diese Installation enthält ein paar CLIs (und hier ist unser Beitrag, warum Sie die Befehlszeile lernen sollten), ein paar Desktop-Apps für Arbeit und Spaß sowie mehrere CSS- und JavaScript-Bibliotheken. Ebenfalls enthalten sind Informationsmaterialien, Referenzen und Anleitungen zu bewährten Vorgehensweisen, die Sie auschecken, mit Lesezeichen versehen und möglicherweise eines Tages lesen sollten.

Ich werde den Rest der Liste nicht verderben, also los geht's. Für mehr frische Ressourcen klicken Sie hier.

Klicken Sie hier für weitere Ressourcen

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

CertBot

CertBot bietet eine praktischere Methode zum Bereitstellen von Zertifikaten von Let's Encrypt. Es bietet eine Reihe von Befehlszeilen mit Unterstützung für zahlreiche Serverkonfigurationen wie Apache, NGINX und Plesk. Apropos, Let's Encrypt ist ein gemeinschaftliches Bestreben, das Web sicherer zu machen, indem ein kostenloses SSL-Zertifikat bereitgestellt wird. Es wird derzeit in mehr als 3 Millionen Websites verwendet.

Mononoki

Mononoki ist eine Schriftart, die speziell für die Anzeige von Code entwickelt wurde. Mononoki ist als installierbare Desktop-Schrift verfügbar (.ttf) und Webschriftart (.eot, und .woff). Es ist eine frische Alternative zum Klassiker Monotypen wie Monaco, Menlo und Courier.

BideoJS

Das Anzeigen eines ganzseitigen Autoplay-Videos auf der Startseite scheint ein steigender Trend zu sein. BideoJS ist eine JavaScript-Bibliothek, mit der Sie genau das mit weniger Hürden tun können. Es ist leicht, reaktionsschnell und kann an Ihre Bedürfnisse angepasst werden.

CSS-Bereinigung

CSS-Bereinigung ist eine Sammlung von Referenzen, Artikeln und Statistiken für CSS. Mit solchen einfallsreichen Informationen können Sie fundierte Entscheidungen darüber treffen, welche CSS-Methoden, Werkzeuge und Framework Sie in Ihr Projekt übernehmen möchten.

Mailgen

Mailgen ist ein Node-Modul, um eine nette, einfach reagierende HTML-E-Mail zu generieren. Es stehen eine Reihe von Optionen zur Verfügung, mit denen Sie nahezu jeden Bereich der E-Mail anpassen können. Sie können die E-Mail einstellen “Thema”, der E-Mail-Header und die “Aufruf zum Handeln” Taste. Es kann auch in Ihren Node-basierten Desktop oder Ihre Webanwendung integriert werden.

Deko

Deko ist eine IDE zum Erstellen einer mobilen App mit der Facebook-Initiative React Native. Stellen Sie sich Deco wie XCode oder Visual Studio vor, in dem Sie eine App mit einer benutzerfreundlichen Benutzeroberfläche mithilfe von Drag & Drop, Schiebereglern und Farbwählern erstellen können.

IE8 Linter

Internet Explorer 8 (IE8) ist ein antiker Browser, der keine modernen Webtechnologien wie CSS3-Animationen, Transformationen, Übergänge und die meisten HTML5-Elemente ohne unterstützt Polyfill. Das DRY-Prinzip ist ein Tool, mit dem wir Websites auf IE8-Kompatibilität überprüfen können. Es liefert den Bericht und die Lösungen.

Caprine

Caprine ist eine inoffizielle Facebook Messenger-Desktop-App. Es ist auf Node.js und Electron aufgebaut und ermöglicht so eine plattformübergreifende Anwendung. Es ist unter OS X, Windows und Linux verfügbar. In kommt auch in zwei Farben, Dark und Light.

Photon Kit

Photon Kit ist ein Rahmen, um eine neue App mit Electron zu starten. Ähnlich wie Bootstrap, Foundation und ähnliches enthält Photon eine Reihe von Komponenten, mit denen Sie in einer App häufig verwendete Oberflächenelemente wie Schaltflächen, Symbolleisten und Seitenleisten erstellen können.

Yeoman App

Yeoman App ist eine Desktop-Anwendung, die Projektkesselplatten, Framework und Gerüste von Yeoman generiert. Es ist eine gute Alternative für diejenigen, die nicht gerne über Terminal- und Befehlszeilen arbeiten.

SQLectron

SQLectron ist ein SQL-Desktop-Client, mit dem Sie mehrere SQL-Vorgänge bequemer anzeigen und ausführen können. Es unterstützt MySQL, PostgreSQL und Microsoft SQL Server. SQLectron ist für OS X, Windows und Linux verfügbar.

Familie SCSS

FamilySCSS ist eine Sammlung von Mixins, mit der Elemente ausgewählt werden : n-te Kind intuitiver. Die Mixins sind deklarativ. Zum Beispiel können Sie schreiben @include zuerst (3) die ersten drei untergeordneten Elemente auswählen und schreiben @einschließen zwischen (2, 4) das 2. bis 4. untergeordnete Element auswählen.

EasyEngine

EasyEngine ist eine Sammlung von Befehlszeilen, mit denen Sie WordPress mit Tools und Modulen wie Redis, Caching-Plugin und PageSpeed konfigurieren können. Es macht das Einrichten eines WordPress-Servers für Geschwindigkeit zum Kinderspiel.

Phinx

Phinx ist ein PHP-Modul für Datenbankverwaltung und -migration. Im Lieferumfang sind Klassen und Befehlszeilen enthalten, mit denen Sie nahezu alle Datenbankoperationen ausführen können, z. B. Schreiben, Herunterladen und Hochladen. Phinx Docs ist eine hilfreiche Referenz, um Ihnen den Einstieg zu erleichtern.

RichCSS

RichCSS ist ein CSS-Framework, das eine vernünftige Struktur bietet. Das Framework organisiert Ordner, Verzeichnisse und Klassen ordentlich pro-DRY, sodass sie wiederverwendbar sind. Neben Schaltflächen, Listen und Formularen verfügt RichCSS auch über eine eigene CLI, mit der Sie ein neues Rich-Projekt wie Bower, Git und NPM starten können.

Frend

Frend ist eine Sammlung allgemeiner Webkomponenten. Die Sammlung besteht derzeit aus Akkordeon, Dialog Modal, Offcanvas, Tooltip und Tabs. In der nächsten Version werden noch ein paar weitere erscheinen. Frend könnte eine gute Alternative zu jQuery UI sein.

FLA

Dies ist ein umfassendes Framework zum Erstellen eines responsiven Rasterlayouts mit Flexbox.

PHP Der richtige Weg

PHP ist eine Programmiersprache, die leicht zu erlernen ist, aber Sie könnten auch leicht mit den Codes etwas falsch machen, was möglicherweise die Sicherheit und Leistung Ihrer Website beeinträchtigt. PHP der richtige Weg ist eine umfassende Referenz, um die Best Practices in PHP kennenzulernen.

Starability

Starability ist eine CSS-Bibliothek zum Erstellen eines Sterne-Bewertungssystems mit ausgefallenem animiertem Feedback. Die Sternebewertung wurde unter Berücksichtigung der Zugänglichkeit erstellt. Sie können durch die Tastatur navigieren und Sterne zuweisen.

WaitAnimate

WaitAnimate ist ein praktisches Webtool zur Berechnung von a “Pause” Timing in einer einzigen CSS-Animation @keyframe. Das “Pause”, Wenn Sie es richtig gemacht haben, könnte die Animation interessanter werden - hier einige Beispiele.