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


Bouw functie-rijke jQuery-carrousels met Slick

Niet veel carrouselbibliotheken kunnen concurreren met Slick . Het is de meest jQuery-invoegtoepassing voor het bouwen van dynamische carrousels op het web.

Het is volledig gratis en gebouwd bovenop jQuery . De code is super eenvoudig in te stellen, hoewel het een paar afhankelijkheden vereist . Maar met zoveel functionaliteit is het de moeite waard om extra bibliotheken toe te voegen om dit te laten werken.

Om Slick te installeren, kunt u de GitHub-repo bezoeken en een kopie downloaden. Het wordt geleverd met twee CSS-bestanden : een voor de basisconfiguratie en een andere voor het standaard Slick-thema . U kunt deze bestanden gemakkelijk combineren in uw primaire CSS-stylesheet als u ruimte wilt besparen.

Vervolgens hebt u twee jQuery-afhankelijkheden nodig : de primaire jQuery-bibliotheek samen met jQuery Migrate . Slick vereist een minimum aan jQuery 1.7+, wat geen probleem mag zijn voor een moderne ontwikkelomgeving.

Vanaf hier voegt u het Slick.js bestand toe en laat het los. Slideshows kunnen met zeer weinig code worden gemaakt en dit is een direct voorbeeld van de Slick-website:

jouw inhoud
jouw inhoud
jouw inhoud

Met een simpele

container, kunt u dia's dynamisch toevoegen, inclusief afbeeldingen, HTML-inhoud en ingesloten media zoals video's. Slick ondersteunt het allemaal met een volledig responsief ontwerp dat de beeldverhoudingen intact houdt.

Slick wordt geleverd met tientallen geweldige functies, waaronder veegfunctionaliteit op mobiel en puntnavigatie . U kunt ook autoplay, aangepaste animaties, aangepaste callbacks en nog veel meer instellen.

Deze bibliotheek is een compleet beest voor het maken van draaiende carrousels . En je kunt het allemaal met enkele eenvoudige regels jQuery doen, wat dit nog ongelooflijker maakt.

Ga naar de Slick-startpagina om alle demo's te bekijken en aan de slag te gaan. Je kunt ook alle broncode en volledige documentatie vinden voor instellingen / opties in de GitHub-repo.

12 gratis Windows-productiviteits-apps die u moet downloaden

12 gratis Windows-productiviteits-apps die u moet downloaden

De meeste professionele velden vereisen dat u een groot deel van uw dag op uw pc doorbrengt, en dus heeft de productiviteit van uw pc direct invloed op uw persoonlijke productiviteit op de werkplek. Zelfs als u niet in een typische kantoorganger bent, die geen snelle en efficiënte computer wilt die uw dagelijkse taken vergemakkelijkt.

(Technische en ontwerptips)

10 Viber-functies die u moet kennen [Android]

10 Viber-functies die u moet kennen [Android]

Als berichten-app is Viber behoorlijk geëvolueerd sinds het in 2010 werd gelanceerd. Viber heeft niet alleen de reguliere functies van andere berichten-apps, het gaat nog verder met de stickers en emoticons die meer maatwerk mogelijk maken . Momenteel zijn er meer dan 200 miljoen Viber-gebruikers in meer dan 193 landen.

(Technische en ontwerptips)