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


Erstellen Sie benutzerdefinierte Kontextmenüs mit der rechten Maustaste mit justContext.js

Jeder Webbrowser verfügt über ein Standard-Kontextmenü . Dies wird angezeigt, wenn der Benutzer mit der rechten Maustaste auf eine beliebige Stelle auf einer Seite klickt, und in der Regel dieselben Optionen aufweist, z. B. "Kopieren", "Speichern" oder "Element prüfen".

Mit der justContext-Bibliothek können Sie spezielle Kontextmenüs für beliebige Elemente auf Ihrer Site erstellen. Diese können automatisch ausgefüllt werden, wenn Sie möchten, und Sie können benutzerdefinierte Funktionen schreiben, die ausgeführt werden, wenn der Benutzer auf eine Option in Ihrem benutzerdefinierten Menü klickt.

Jedes Seitenelement kann sein eigenes Kontextmenü unterstützen. Dies bedeutet, dass Sie auf einzelne Elemente wie Diashows oder HTML5-Videoplayer oder auf den gesamten Seitenkörper ausgerichtet werden können .

Sie haben die volle Kontrolle über die Formatierung des Kontextmenüs, einschließlich Schriftarten, Farben, Symbole und sogar Trennzeichen, um Ihr Menü in Abschnitte zu unterteilen. Mit diesem Plugin können Sie wirklich ein komplettes Kontextmenü von Grund auf mit allen Funktionen erstellen, die Sie mögen.

Standardmäßig enthält justContext zwei Themen : dunkel und hell . Sie können zwischen ihnen wählen und finden, welches am besten zu Ihrer Website passt.

Jedes Thema kann mit verschiedenen Google Web-Schriftarten angepasst werden, ganz zu schweigen davon, dass die gesamte Font Awesome-Bibliothek standardmäßig gepackt ist.

Schau dir die Live-Demo an, um sie in Aktion zu sehen. Es funktioniert in allen Browsern mit Ausnahme von Internet Explorer, dies sollte jedoch kein Problem sein, wenn man Microsofts neuen Edge-Browser nutzt.

Das Erstellen des eigentlichen Kontextmenüs ist ein wenig schwierig. Es erfordert ein paar CSS-Klassen und es ist alles hart in HTML in Ihre Webseite codiert .

Hier ist ein Beispiel aus dem Hauptreport von GitHub:

  • Schnitt
  • Kopieren
  • Einfügen

  • Neues Paket
  • Neue Klasse
  • Neue Schnittstelle (ein deaktivierter Eintrag)

Wenn Sie bereit sind, mit den Einstellungen zu basteln, können Sie mit diesem Plugin eine Menge machen. Aber ich gebe auch zu, dass es eine Nischen-spezifische Ressource ist, die nicht für alle Websites wertvoll ist.

Unabhängig davon, warum oder wie Sie es verwenden würden, ist justContext die absolut beste Ressource zum Erstellen von Webkontextmenüs von Grund auf neu . Die gesamte Dokumentation ist auf GitHub verfügbar und das Plugin ist 100% kostenlos für jedes Webprojekt.

7 Prototyping Tools für Webdesigner

7 Prototyping Tools für Webdesigner

Kennen Sie den Unterschied zwischen Drahtmodell, Modell und Prototyp ? Diese drei Begriffe werden oft synonym verwendet, um dasselbe zu bedeuten. Das Problem ist, du solltest nicht.Ein Drahtmodell ist eine statische Darstellung eines Designs mit geringer Wiedergabetreue . Es gibt einen Überblick über das Aussehen oder die Form eines vorgeschlagenen Designs, aber nicht dessen Funktionalität oder Gefühl. Ei

(Tech- und Design-Tipps)

10 Collaboration Apps für Projektmanager

10 Collaboration Apps für Projektmanager

Chancen sind viel Ihrer Arbeit und Projekte werden online erledigt. Es kann jedoch für Sie und Ihren Vorgesetzten schwierig sein, Aufgaben zu priorisieren, die wichtiger sind als andere . Aus diesem Grund besteht ein Bedarf für Manager, mehrere Online-Collaboration-Anwendungen zu verwenden. Darüber hinaus ist es auch die Zeit, in der die Notwendigkeit der Verwendung von Tools zur Aufgabenverwaltung besteht.On

(Tech- und Design-Tipps)