nl.hideout-lastation.com
Creëer Single-Element Spinners en Laders met CSSPIN
Je kunt verbazingwekkende dingen bouwen met CSS3, van aangepaste invoervelden tot dropdowns en zelfs vectorafbeeldingen . Met deze technieken wordt JavaScript snel overvallen, waardoor het voor ontwikkelaars eenvoudiger wordt om betere gebruikerservaringen te creëren.
Een van de lastigste dingen om te bouwen is een animatie voor het laden van spinners, maar moderne CSS-animatie maakt dat zelfs vrij eenvoudig.
Om tijd te besparen bij het bouwen van de grond af, kunt u een bibliotheek zoals CSSPIN gebruiken met vele vooraf gedefinieerde aangepaste spinners . Al deze animaties zijn gratis te klonen en volledig open source, dus je hebt volledige toegang om de code naar wens te bewerken.
Het instellen van een spinner met deze bibliotheek is een koud kunstje. U kopieert de CSS-bibliotheek gewoon naar uw pagina en voegt vervolgens de aangepaste HTML-elementen toe waar u maar wilt.
Deze aangepaste spinners gebruiken slechts één HTML-element om het animatie-effect te maken. Dit is enorm omdat het grafische en het animatie-effect puur door CSS-klassen wordt weergegeven .
En aangezien u toegang hebt tot de broncode, kunt u vormen, kleuren, grootten en animatiesnelheden vervangen om beter bij uw projecten te passen.
Merk alleen op dat de code LESS-syntaxis gebruikt, dus u moet bekend zijn met die voorbewerkingstool om grote bewerkingen uit te voeren.
Maar je kunt veel gewone CSS-voorbeelden vinden op de belangrijkste demopagina, samen met eenvoudige instructies op de GitHub-pagina.
Als u bekend bent met npm of Bower zijn dit alternatieve methoden voor het installeren van de bibliotheek.
Het maakt niet uit hoe je het installeert, dit is een geweldige CSS-animatiebibliotheek om mee te werken. Het is bedoeld om volledig modulair te zijn met voldoende ruimte voor nieuwe spinners, nieuwe animaties en aanpassingen van andere ontwikkelaars.
Voor meer informatie en bladeren door alle documentatie, bekijk de CSSPIN repo op GitHub . De maker heeft ook een kleine installatievideo gemaakt die je hieronder kunt bekijken.
20 cadeau-ideeën voor boekliefhebbers
Hoewel veel mensen tegenwoordig de voorkeur geven aan digitale boeken of e-boeken, zijn er nog steeds veel boekenliefhebbers onder ons. Alleen al omdat we op de Kindle of op de tablet lezen, betekent niet dat we de aanraking en de geur van papier of het geluid van pagina-salto's niet missen.Terwijl ik hierover nadacht, besloot ik om mijn perspectief voor een kort moment te veranderen en na te denken over wat een moderne boekliefhebber misschien nodig heeft
Face Is Art: 30 surrealistische gezichten om je te inspireren
Gezicht! Het is wat mensen hun eigen uitdrukking geven, blij of verdrietig, opgewonden of boos. Het is ook hoe mensen iemands schoonheid beoordelen, laten we zeggen, wie geen gezicht wil hebben zoals Brad Pitt of Megan Fox, of Gerald Butler, weet u, degene die koning Leonidas in de film 300 castte.Maar ach, ziet het gezicht er alleen maar mooi uit met regelmatige formatie, 2 oren, 2 ogen, 1 neus en 1 mond
