nl.hideout-lastation.com
Paradijs Voor Ontwerpers En Ontwikkelaars


Maak aangepaste rechtermuisknop-contextmenu's met justContext.js

Elke webbrowser heeft een standaard contextmenu . Dit wordt weergegeven wanneer de gebruiker met de rechtermuisknop ergens op een pagina klikt en meestal dezelfde opties heeft, zoals 'kopiëren', 'opslaan' of 'element inspecteren'.

Met de JustContext-bibliotheek kunt u gespecialiseerde contextmenu's maken voor alle elementen op uw site. Deze kunnen automatisch worden ingevuld met alles wat u maar wilt en u kunt aangepaste functies schrijven die moeten worden uitgevoerd wanneer de gebruiker op een optie in uw aangepaste menu klikt.

Elk pagina-element kan zijn eigen contextmenu ondersteunen. Dit betekent dat u afzonderlijke items zoals diavoorstellingen of HTML5-videospelers kunt targeten, of dat u zich op de volledige pagina kunt richten .

U hebt volledige controle over de thema's van het contextmenu, inclusief lettertypen, kleuren, pictogrammen en zelfs scheidingstekens om uw menu op te splitsen in secties. Met deze plug-in kun je echt een volledig contextmenu maken met alle functies die je leuk vindt.

Standaard wordt justContext geleverd met twee thema's : donker en licht . U kunt tussen hen kiezen en vinden welke het beste bij uw website past.

Elk thema kan worden aangepast met behulp van verschillende Google Web Fonts, om nog te zwijgen van het feit dat de hele Font Awesome-bibliotheek standaard is verpakt.

Bekijk de live demo om hem in actie te zien. Het werkt in alle browsers behalve Internet Explorer, maar dit zou geen probleem moeten zijn gezien de push van Microsoft naar de nieuwe Edge-browser.

Het maken van het eigenlijke contextmenu is een beetje lastig. Het vereist een paar CSS-klassen en het is allemaal hard gecodeerd in HTML in uw webpagina.

Hier is een voorbeeld van de hoofdrepos op GitHub:

  • Besnoeiing
  • Kopiëren
  • Plakken

  • Nieuw pakket
  • Nieuwe klas
  • Nieuwe interface (een uitgeschakelde invoer)

Als je bereid bent om te sleutelen aan instellingen, kun je veel doen met deze plug-in. Maar ik geef ook toe dat het een nichespecifieke bron is die niet waardevol zal zijn voor alle websites.

Ongeacht het waarom of hoe u het zou gebruiken, justContext is de absoluut beste bron voor het opnieuw maken van webcontextmenu's . Alle documentatie is beschikbaar op GitHub en de plug-in is 100% gratis te gebruiken voor elk webproject.

6 beste manieren om grote bestanden online te verzenden

6 beste manieren om grote bestanden online te verzenden

Er zijn sommige mensen die nog steeds denken dat het verzenden of delen van bestanden met anderen direct lastig is . Nou, ze hebben het absoluut mis omdat ontwikkelaars een paar geweldige apps hebben gemaakt voor het delen van bestanden de afgelopen jaren, en elk van deze mobiele apps is zo verbazingwekkend dat je in de war raakt als degene die je moet kiezen

(Technische en ontwerptips)

30 gratis online foto's, video's en muziekeditors

30 gratis online foto's, video's en muziekeditors

We hebben de neiging om sterk afhankelijk te zijn van onze favoriete desktopapplicaties zoals Photoshop, GIMP, Audacity, Adobe Premier, enzovoort, als het gaat om het omgaan met multimediabestanden. Dat is prima op onze desktops, maar wat als we een editor op de computer van een vriend of een openbare op de werkplek moeten gebruiken

(Technische en ontwerptips)