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 e-boeken om je te leren bloggen en contentmarketing

12 gratis e-boeken om je te leren bloggen en contentmarketing

Voor degenen die serieus zijn over bloggen of gewoon hun blogs niet kunnen laten opstaan, is het enige wat je nodig hebt enkele tips uit de eerste hand van de experts zelf. We horen je en omdat er veel van dergelijke e-boeken online rondslingeren, hebben we het beste gedaan en 12 van dergelijke eBoeken verzameld, die geweldige verzamelingen blogervaring, kennis en tips zijn die het resultaat zijn van jarenlang vallen en opstaan ​​van degenen die er geweest zijn, dat gedaan.Hie

(Technische en ontwerptips)

Hoe Hack & Personaliseer uw Firefox Developer Tools Theme

Hoe Hack & Personaliseer uw Firefox Developer Tools Theme

Thema's zijn een persoonlijke zaak voor ons ontwikkelaars, het gaat niet alleen om verfraaiing van editors of hulpmiddelen. Het gaat om het maken van het scherm waar we (zonder te veel knipperen) meer urenlang op een productieve manier mee kunnen werken. Firefox heeft twee thema's voor ontwikkelaarstools: donker en licht

(Technische en ontwerptips)