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.

Maak je eigen lettertype icon set gemakkelijk met Fontello

Maak je eigen lettertype icon set gemakkelijk met Fontello

We kunnen zien dat lettertypepictogrammen veel worden gebruikt op websites en dat is niet voor niets. Het lettertypepictogram is betrouwbaar, ziet er scherp en scherp uit in een hoog DPI-scherm en is eenvoudig aan te passen in termen van pictogramgrootte, kleur en pictogrampositie via CSS. Hierdoor zijn lettertypen gemakkelijk te animeren met CSS3 Transforms en Transitions

(Technische en ontwerptips)

40+ creatieve en mooie creditcardontwerpen

40+ creatieve en mooie creditcardontwerpen

Creditcards zijn een van de beste financiële tools die u tot uw beschikking hebt, mits correct gebruikt. Het is ook een van de beste manieren om jezelf te uiten - je voorkeuren, antipathieën, persoonlijke voorkeuren, zelfs je persoonlijke branding, als je wilt.Het is meer dan alleen een plastic kaart met een banklogo erop.

(Technische en ontwerptips)