de.hideout-lastation.com
Paradies Für Designer Und Entwickler


Diese GitHub-Seite listet Nicht-JS-Alternativen für allgemeine UI-Funktionen auf

Wie oft wollten Sie ein schnelles CSS-Slideshow oder modales Fenster erstellen ? Dies sind einige der gebräuchlichsten UI-Elemente im Web und heutzutage können Sie sie ohne JavaScript erstellen.

Sicher, es ist möglich, Google auf der Suche nach Lösungen zu treffen. Aber warum nicht aus einer kuratierten Liste von tollen Ressourcen auswählen ?

Hier kommt diese GitHub-Seite ins Spiel. Es trägt den Titel "Sie brauchen kein JavaScript" und bietet eine riesige Liste praktikabler Lösungen für allgemeine Oberflächenelemente .

Eine Sache zu beachten ist, dass diese Codes nicht alle Lösungen sind .

Nicht alles in der Liste unterstützt alle Browser, und viele dieser Lösungen sind nicht vollständig in der Lage, eine graziöse Verschlechterung oder Probleme mit mobilen Browsern zu verarbeiten. Daher müssen Sie jedes einzelne von Fall zu Fall untersuchen.

Wenn Sie jedoch für reine CSS-Lösungen sterben, dann ist dieser GitHub für Sie da.

Die Liste enthält mehr als 20 verschiedene UI-Elemente mit vielen prominenten Lösungen wie:

  • Hamburger Menüs
  • Tooltipps
  • Registerkarten
  • Bildergalerien
  • Dropdown-Menüs
  • Und so viel mehr.

Jedes Projekt verlinkt zu einer CodePen-Demo, in der Sie es zusammen mit Beispiel-Quellcode live sehen können.

Beachten Sie, dass dieser spezifische GitHub Repo keinen tatsächlichen Code enthält . Vielmehr ist es nur eine Liste von CodePen-Demos, die Nicht-JS-Lösungen für allgemeine Schnittstellenprobleme bieten .

Dies ist die perfekte Ressource, um Lesezeichen für zukünftige Referenz und halten Sie sich in der Nähe, wenn nötig.

Sie können Beiträge einreichen, indem Sie jemanden von der GitHub-Hauptseite kontaktieren, wenn Sie Ideen oder Vorschläge für neue Ressourcen haben.

Sie können beliebigen Quellcode aus diesen Demos kopieren und in Ihren Projekten wiederverwenden .

Stellen Sie sicher, dass Sie die Registerkarte CSS-Eigenschaften überprüfen, bevor Sie etwas kopieren, da einige zusätzliche Bibliotheken enthalten .

Alles in allem ist dies ein fantastisches GitHub Repo und es ist viel einfacher zu verwenden als Google für diese perfekte Lösung zu durchsuchen.

Überprüfen Sie die vollständige GitHub-Seite hier, und wenn Sie alle möglichen Änderungen anzeigen möchten, können Sie diese auf dem Pull-Requests-Tab sehen .

Wired UI - Das beste kostenlose Bootstrap 4 UI Kit

Wired UI - Das beste kostenlose Bootstrap 4 UI Kit

Mit der steigenden Popularität von Bootstrap 4 ist es keine Überraschung, dass Entwickler übersprungen werden, um ihre eigenen Plugins und Add-ons zu veröffentlichen .Die aktuelle Version von Bootstrap hat viele Ressourcen, darunter viele kostenlose Themes und kostenlose Plugins . Wird BS4 die gleiche Menge an Ressourcen von Drittanbietern sehen?Bis

(Tech- und Design-Tipps)

Wie man seinen direkten Bericht am besten verwaltet

Wie man seinen direkten Bericht am besten verwaltet

Heute haben wir einen kleinen Crashkurs in kreativer Richtung. Nachdem Sie eine Weile gestylt haben, sind Sie möglicherweise für eine andere Person in Ihrem Team verantwortlich, sei es ein anderer Designer oder ein Programmierer, ein Texter oder ein anderer Profi.Es gibt nur ein Problem: Sie waren noch nie für ein Teammitglied verantwortlich, und Sie haben keine Ahnung, was zu tun ist. H

(Tech- und Design-Tipps)