De 10 mest fascinerende jQuery-net
jQuery er normalt det første valg for de fleste mennesker, der ønsker at dyppe deres fødder i JavaScript-programmering, da det giver en nem metode til at vælge HTML-elementer og manipulere DOM. jQuery er vildt populær, ifølge de seneste W3Techs statistikker, “jQuery bruges af 95,4% af alle de websites, hvis JavaScript-bibliotek vi kender.”
jQuery bruges også af mange JavaScript-biblioteker som en afhængighed, og alfa-versionen af den nye store udgivelse, jQuery 3.0 er allerede derude. Hvis dit projekt bruger jQuery på nogen måde, og du vil have en dynamisk, fleksibelt layout til dit design er det værd at overveje at inkludere et jQuery-net plugin i din frontend stack.
Hvordan fungerer jQuery-netværk?
jQuery-net giver dig mulighed for opret Pinterest-lignende layouter til dit websted. De fungerer som en virtuel matrix, de følger “boks inde i en kasse” princip. jQuery-net beregner dynamisk, hvad der er det bedste arrangement af varer og fylder siden med dem på en måde, der efterlader det mindste tomme mellemrum, noget som det du ser i disse bokse her.
Den største fordel ved jQuery-net i forhold til CSS-net er, at de arbejder med billeder eller andre medieelementer, der har forskellige bredder og højder. Cool JavaScript-effekter er også en stor grund til at bruge jQuery-net til at skabe et moderne layout.
I dette indlæg kan du læse om 10 mest fascinerende jQuery-net der er for øjeblikket ude på markedet - selvfølgelig, ligesom jQuery, er de alle åbne og gratis.
1. jQuery Nested
jQuery Nested giver dig en handy multi-kolonne gitter layout, der er lydhør og fungerer på tværs af alle slags enheder. Denne jQuery-plugin annoncerer sig selv som helt gabefrit. I første omgang kan dette slogan lyde som et billigt markedsføringstrick, men plugin'en virkelig skaber gapfrihed meget pænt, ligesom dets skabere lovede.
jQuery Nested følger et unikt script i at fylde gridmatrixen. Først opretter det et multikolonne net, så scanner matrixen for huller og udfylder dem ved at omorganisere de forskellige elementer. Endelig - og det er det trin, der gør dette net gablet - det ændrer ethvert element i den nederste række, der ikke passer korrekt ind i hullet.
2. Freewall
Freewall giver dig mulighed for at oprette det layout, du vil have, om det er et billedgitter, et indlejret gitter, en murværk eller et metrostikgitter. Det har mange muligheder, som du kan indstille som JavaScript-variabler som f.eks gutterX, gutterY, animere, cellW, cellH, osv. Det har tilpassede begivenheder som onGapFound og onResize, og brugerdefinerede metoder også.
Du kan finde gode kodeeksempler på deres hjemmeside. Dev devs bekymrede sig også om de fattige sjæle, der stadig skal designe for ældre browsere, så Freewall understøtter Internet Explorer 8, og det har også a løsning til handicappede JavaScript, som det bruger CSS 3 animationer som en JS bakke strategi. Se vores artikel om Freewall her.
3. Murværk
Navnet på den gode gamle murværk skal være kendt for alle erfarne designerers ører. Hvis du ikke har hørt om det, er Murværk en cascading grid layout bibliotek der arbejder med både jQuery og vanilla JavaScript.
Dette praktiske plugin er grundlaget for mange populære WordPress temaer. Du behøver ikke engang at uploade det til din server, da du nemt kan linke biblioteket direkte fra en CDN.
>
