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


Overhang.js - Een jQuery-plug-in voor meldingen over uitvallers

Hoe vervelend zijn de standaard JS-waarschuwingsvakken ? Ze voelen als een overblijfsel uit een primitief vervlogen tijdperk van webontwikkeling.

Tegenwoordig kunnen we onopvallende notificatieberichten maken die dezelfde informatie delen, maar de gebruikerservaring niet onderbreken . En dat is precies wat je kunt doen met overhang.js .

Deze gratis jQuery-plug-in kan aangepaste meldingsbalken toevoegen aan de bovenkant van het scherm. Ze zijn gepositioneerd via CSS en geanimeerd met JavaScript, zodat ze vanaf een vast punt bovenaan kunnen worden neergezet, ongeacht de paginalengte .

U kunt berichten bouwen die na een bepaalde tijd automatisch sluiten, of andere waarvoor gebruikersinvoer nodig is .

Berichten kunnen succes, fouten, fouten of eenvoudige meldingen doorgeven met informatie over de gebruiker of de pagina. Berichten kunnen ook hun eigen ja / nee-knoppen hebben om gebruikers vragen te stellen zoals een waarschuwing voor een JavaScript-prompt.

Er is zelfs een optie om aanwijzingen te maken die verschijnen met een invoerveld . Dit zou perfect zijn voor een e-mailaanmeldingsformulier.

Overhang.js ondersteunt alle belangrijke browsers die door jQuery worden ondersteund en het wordt ook aangedreven door jQuery UI voor de geanimeerde functies.

Samen met de jQuery & jQuery UI-bibliotheken, moet u ook een aangepast CSS-bestand met de plug-in opnemen. U kunt dit altijd samenvoegen met het stijlblad van uw website om HTTP-verzoeken te verminderen.

Elke aanroep naar de methode overhang() kan een willekeurig aantal parameters aannemen . Dit worden 'opties' genoemd en geven u volledige controle over elk meldingsvak.

U kunt de animatiesnelheid, duur, versnelling en boxgrootte / kleur wijzigen, samen met andere ontwerpfuncties.

Hier is een voorbeeldfragment waarin wordt gedemonstreerd hoe u een bevestigingsvenster kunt maken :

 // Een enkele bevestiging $ ("body"). Overhang ({type: "bevestigen", jaBericht: "Ja alsjeblieft!", NeeMessage: "Nee, bedankt."}); 

Je ziet dat dit vrij eenvoudig is en er is niet veel jQuery-code voor nodig .

Om een kopie van de plug-in te downloaden, kunt u de repo op GitHub bezoeken, waar u ook rechtstreeks door de bronbestanden kunt bladeren. Of, als je meer live voorbeelden wilt zien, ga dan naar de Overhang.js-website.

Deze foto's zijn waarom een ​​astronaut zijn cool is

Deze foto's zijn waarom een ​​astronaut zijn cool is

Toen het woord 'selfie' in cyberspace explodeerde in 2013, vertrok de selfie-selfie van astronaut Mike Hopkin op zijn weg op aarde, hoewel het technisch gezien niet de eerste ruimte-selfie was.Wat het zo'n hit maakt (en een van de meest epische selfies, ooit) is dat het ons een blik op de aarde biedt vanuit de ruimte en waar astronauten hun leven voor riskeren

(Technische en ontwerptips)

Face Is Art: 30 surrealistische gezichten om je te inspireren

Face Is Art: 30 surrealistische gezichten om je te inspireren

Gezicht! Het is wat mensen hun eigen uitdrukking geven, blij of verdrietig, opgewonden of boos. Het is ook hoe mensen iemands schoonheid beoordelen, laten we zeggen, wie geen gezicht wil hebben zoals Brad Pitt of Megan Fox, of Gerald Butler, weet u, degene die koning Leonidas in de film 300 castte.Maar ach, ziet het gezicht er alleen maar mooi uit met regelmatige formatie, 2 oren, 2 ogen, 1 neus en 1 mond

(Technische en ontwerptips)