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


Maak een responsieve en mooie Full-page lightbox met BaguetteBox.js

Er zijn tientallen lightbox-plug-ins en ze zijn allemaal geweldig om verschillende redenen . Sommige werken beter op portfoliosites, terwijl andere het beste zijn voor responsieve lay-outs.

Maar een van mijn favoriete nieuwe plug-ins die ik kan gebruiken is baguetteBox.js, gemaakt door JavaScript-ontwikkelaar Marek Grzybek.

Natuurlijk is deze plug-in volledig gratis te gebruiken en open source op GitHub als je de code handmatig wilt induiken.

De bibliotheek heeft geen afhankelijkheden, dus je kunt hem gebruiken zonder jQuery, Zepto of iets anders. Het is een pure JavaScript-bibliotheek met een heel eenvoudige installatie .

Het is bedoeld om perfect te werken op mobiele apparaten, zodat het swipes en taps ondersteunt, samen met het standaardgedrag op desktops en laptops. Het is een van de weinige galerieën op volledig scherm die mobiele interacties ondersteunen, samen met een volledig modaal effect .

Bekijk de demopagina om hem live in actie te zien. Het heeft een volledig uitgeruste galerij, samen met de enige regel code die nodig is om het te laten werken :

 baguetteBox.run ( 'baguetteBoxOne'); 

Dus dit target een container-element met de klasse .baguetteBoxOne en de hele galerij werkt daar vanaf.

U kunt aangepaste opties instellen als u zaken als onderschriften, knopstijlen, preload-functies en callback-methoden wilt voor onclick / onchange-evenementen. Al deze opties zijn goed gedocumenteerd op GitHub als je erin wilt duiken.

Maar het kost echt niet veel om dit verder te laten gaan dan een containerelement en enkele elementaire afbeeldingselementen.

U hebt volledige controle over de animaties, afbeeldingsgrootten, veegeffecten en galerijinhoud, zoals titels / bijschriften. Dit vereist JavaScript, dus het heeft geen puur CSS-alternatief voor het modale. Maar aangezien de meeste browsers JavaScript ondersteunen, zou het geen probleem moeten zijn.

Ga voor meer informatie naar de baguetteBox.js hoofdpagina en je kunt ook je gedachten delen met de maker op Twitter @feimosi.

Hoe u uw lezers kunt krijgen om uw inhoud op de markt te brengen

Hoe u uw lezers kunt krijgen om uw inhoud op de markt te brengen

Voor al zijn conceptuele hoogtepunten gaat digitale marketing niet alleen over de input van experts. Sterker nog, als het erop aan komt extra verkeer te genereren via Google en via sociale media, wordt u door gebruikersgegenereerde inhoud verder versterkt en krijgt u het vertrouwen om grotere stappen te nemen (soms, zo niet altijd)

(Technische en ontwerptips)

Het volgen van de nieuwste designtrends is eenvoudig met Be Theme

Het volgen van de nieuwste designtrends is eenvoudig met Be Theme

(Noot van de redactie: dit bericht wordt u aangeboden door Be Theme )Ontwerptrends komen en gaan. Sommige zijn slechts rages, sommige blijven lang hangen en sommige worden groenblijvend. Hoe het ook zij, webontwerpers moeten deze trends volgen. Anders lopen ze het risico om de concurrentie te verliezen

(Technische en ontwerptips)