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


Scroll en animeer uw pagina gemakkelijk met Force.js

Webanimatie is gemakkelijker dan ooit tevoren, waarbij pure CSS3-animaties de norm worden. Maar JavaScript is nog steeds ongelooflijk waardevol en het is een van de weinige betrouwbare talen voor technische animaties.

De Force.js-bibliotheek is een gratis opensource-script dat is opgebouwd rond dynamische pagina-animaties .

U kunt binnen de pagina zelf scrolling-jumpanimaties maken of elementen rond de pagina animeren. Beide zijn even eenvoudig in te stellen en de bibliotheek heeft heel veel functies.

Force.js vertrouwt standaard zoveel mogelijk op CSS-overgangen . Deze werken in alle moderne browsers en de code is een stuk eenvoudiger, plus het biedt bredere ondersteuning voor gebruikers die geen JavaScript toestaan .

De bibliotheek gebruikt een natuurlijke fallback-methode met JavaScript-code, dus het is ook veilig voor oudere browsers.

En Force.js is een vanillebibliotheek, dus het vereist geen afhankelijkheden zoals jQuery. Maar als je van jQuery houdt, kun je die syntax over Force uitvoeren en het werkt nog steeds prima. Geweldig voor veelzijdigheid met verschillende websites.

De twee grote animatietechnieken zijn sprongen en zetten. U bepaalt waar het element naartoe beweegt, hoe snel het beweegt en over welke typen versnellingsmethoden.

De bibliotheek heeft ook een heleboel aangepaste opties die u kunt aanpassen voor nog meer controle over de animaties. U kunt de doelen van de ankerkoppelingen bewerken en instellen welke versoepelingen u nodig hebt, ook als u verschillende versmallingen op dezelfde pagina wilt!

Alle documentatie is beschikbaar op GitHub, samen met de bestanden.

Of, als u npm / Bower verkiest, kunt u bestanden rechtstreeks op die manier ophalen. U hoeft alleen het ene force.js bestand in uw header op te nemen en u bent force.js om te gaan.

Ik raad ook aan de documentatie te doorzoeken omdat deze vol staat met voorbeelden van de methoden jump() en move() .

Ze nemen allebei argumenten voor tijd, ontspanning en positie, dus het is cruciaal om te begrijpen hoe deze werken. Hoewel je, als je dit eenmaal onder de knie hebt, nooit meer terugkijkt omdat het de perfecte lichtgewicht animatiebibliotheek is voor elk project.

Bloggers: 6 gratis bewerkingshulpmiddelen voor beter schrijven

Bloggers: 6 gratis bewerkingshulpmiddelen voor beter schrijven

Na uren onderzoek naar feiten en cijfers, het organiseren van je aantekeningen als een gek en je weghakken op je toetsenbord, ben je eindelijk klaar met je killer blogpost. Gefeliciteerd met het zover te maken. Niet alle blogberichtideeën worden omgezet in werkende concepten. Nu hoef je alleen maar te bewerken.

(Technische en ontwerptips)

Hoe Black Folder Icon Background te verwijderen in Windows 10

Hoe Black Folder Icon Background te verwijderen in Windows 10

Er is schijnbaar een fout in Windows 10 die een zwarte achtergrond aan mappen toevoegt . Het heeft op geen enkele manier invloed op de gegevens erin; het maakt gewoon dat de map eruit ziet, nou ... lelijk. Het kan gebeuren vanwege beschadigde bestanden, een probleem met de cache van de mapminiatuur of met de Windows-afbeelding

(Technische en ontwerptips)