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


Voeg vergrooteffect toe aan uw webpagina met jfMagnify

Er zijn veel gratis zoomplugins die ongelooflijk goed werken. De meeste hiervan zijn echter gemaakt voor afbeeldingen en geven aanwijzingen voor alleen inhoud .

Wat als u een vergrooteffect aan elk deel van uw webpagina zou kunnen toevoegen? Dankzij jfMagnify kan dat.

Het is een gratis jQuery-plug-in die niet alleen het zoomen van afbeeldingen ondersteunt, maar ook het volledige zoombereik van de pagina . Het is een van de weinige plug-ins waarmee u ook het vergrotingsniveau kunt kiezen en touch-evenementen voor mobiele gebruikers ondersteunt.

Merk op dat deze plug-in een beetje zwaar kan aanvoelen omdat hij afhankelijk is van twee afhankelijkheden : normale jQuery- en jQuery-gebruikersinterface . Dit zijn beide nodig om jfMagnify naar behoren te laten werken. Om nog maar te zwijgen over het daadwerkelijke jfMagnify-script dat u op uw pagina moet opnemen.

De opstelling is een beetje lastig omdat je alleen vergrote elementen in een container kunt richten . Als u de hele pagina wilt targeten, moet u een les over uw hele website opnemen .

Hier is hoe de enkele regel van jQuery eruit zou zien:

 $ ( "Vergroten") jfMagnify (.); 

Dit is gericht op alle elementen binnen de .magnify container die meestal een div element is.

Deze interne elementen kunnen afbeeldingen zijn, maar kunnen ook kleine lettertjes bevatten, bijvoorbeeld op sitevoorwaarden of pagina's met privacybeleid. Alle documentatie is beschikbaar in de GitHub-repo, dus zodra je het hebt ingesteld, wordt het hele proces een stuk eenvoudiger.

Bovendien is deze plug-in erg wispelturig en bevat deze veel containervoorschriften . Het containerelement kan bijvoorbeeld geen statische CSS-positie hebben, dus het moet relatief, absoluut of vast zijn.

Je kunt alle standaardstijlregels vinden in de GitHub-repo, maar het kan lastig zijn om aan te passen als je lay-out al is ingebouwd en wordt uitgevoerd. De voordelen van jfMagnify zijn voor mij de moeite waard. Echt, het hangt af van uw behoeften en of u van de interface houdt.

Neem een ​​kijkje op de documenten op GitHub om te zien wat je ervan vindt. En u kunt ook een voorbeeld van de interface op CodePen bekijken als u de bibliotheek in actie wilt zien voordat u deze installeert.

110+ Google Nu spraakopdrachten die u kunt gebruiken

110+ Google Nu spraakopdrachten die u kunt gebruiken

Google Nu is het antwoord van Google op Siri. Het is een slimme, virtuele, spraakgestuurde persoonlijke assistent, ontwikkeld door de zoekgigant en fungeert als een handige toevoeging aan de pure Android-ervaring . Het integreert goed met de services van Google om u te voorzien van updates en andere informatie volgens uw voorkeuren

(Technische en ontwerptips)

Gemakkelijk organiseren van browsertabs met deze Chrome-extensie

Gemakkelijk organiseren van browsertabs met deze Chrome-extensie

Het is handig om uw Chrome-tabbladen met de muis te verplaatsen, maar het kan nogal lastig zijn, vooral wanneer er een vrij groot aantal tabbladen is geopend . Als je het liever met je toetsenbord verplaatst, is er een extensie van Chrome waarmee je precies dat kunt doen.Geschikt voor het herschikken van tabbladen

(Technische en ontwerptips)