nl.hideout-lastation.com
Vervang JavaScript-waarschuwingsvakken door dit responsieve alternatief
JavaScript-waarschuwingspop-ups worden door vrijwel iedereen verafschuwd. Ze dwingen je aandacht en halen de browser in, dus je moet ze sluiten voordat je met de pagina kunt communiceren.
In het moderne tijdperk kunnen we het beter doen dan JavaScript-waarschuwingsvakken . SweetAlert2 is waarschijnlijk de beste oplossing.
Het is een pop-upscript met JavaScript dat is ontworpen om volledig responsief te zijn en de toegankelijkheid voor alle gebruikers te ondersteunen.
Natuurlijk is het ook open source en gratis beschikbaar op GitHub als je de code wilt bestuderen.Maar de echte schat is de demo op de belangrijkste SweetAlert-webpagina. Het biedt een directe vergelijking tussen het oorspronkelijke JavaScript-waarschuwingsvenster en het SweetAlert2-bericht.
Het grappige is dat de codefragmenten niet echt een verschil lijken. Je kunt SweetAlert2 met één regel code uitvoeren, net als een typische JavaScript-waarschuwing, hoewel die regel in vergelijking misschien langer is.
Met SweetAlert hebt u meer controle over de pop-upvakstijl, de animatie, de knopkleuren en de tekststijlen. U kunt zelfs afbeeldingen of video's insluiten in het waarschuwingsvenster.
De absolute beste eigenschap is echter dat SweetAlert2 niet de hele browser inhaalt . Als u een SweetAlert2-pop-up uitvoert, wordt deze alleen weergegeven op dat ene tabblad, dus zelfs als de gebruiker op een andere site surft, worden deze niet met geweld naar uw tabblad geleid, alleen maar omdat er een melding verscheen.
Dit verhoogt uiteindelijk de betrokkenheid van gebruikers, omdat mensen niet worden afgeweerd vanwege duistere UX-praktijken.
U kunt zelfsluitende timers instellen, knoppen bevestigen / weigeren en zelfs de animatie aanpassen met behulp van bibliotheken van derden, zoals Animate.css.
Als er een script is dat je zou moeten gebruiken in plaats van de typische JavaScript-waarschuwing, moet het SweetAlert2 zijn. Dit ding is volledig gratis, open-source en biedt een heleboel aangepaste opties waarmee elke webontwikkelaar van oor tot oor zal grijnzen.Bekijk de hoofdwebsite voor meer informatie en bekijk enkele live voorbeelden . Je kunt ook door de GitHub-repo bladeren als je de bestanden wilt zien en release-logs wilt bekijken.
Een datalijst maken die direct doorzoekbaar is
Dropdown-lijsten zijn een handige manier om opties voor een invoerveld te bieden, met name wanneer de lijst met beschikbare opties lang is. Een gebruiker kan de gewenste optie kiezen door in het veld te typen of door de opties bladeren die mogelijk overeenkomen met wat ze zoeken. Door de opties te kunnen zoeken, is echter de ideale oplossing
50 freelance vacaturesites voor ontwerpers en programmeurs - beste van
Freelancer zijn kan uitermate voordelig zijn en is waarschijnlijk een droom voor veel ontwerpers en ontwikkelaars die de ligboxlevensstijl moe zijn. U kunt niet alleen de banen kiezen waarin u echt bent geïnteresseerd, u hebt ook volledige flexibiliteit in termen van tijd, met wie u wilt werken en waar u wilt werken .
