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


Maak leuke geanimeerde radioknoppen met Radiobox.css

De standaard HTML5-keuzerondjes zijn behoorlijk saai. Er zijn manieren om ze aan te passen met behulp van CSS3, maar de meeste technieken richten zich alleen op uiterlijk .

Radiobox.css richt zich op uiterlijk en stijl door aangepaste CSS3-animaties toe te voegen aan radio-ingangen.

Deze bibliotheek is volledig gratis en open source, beschikbaar op GitHub om te downloaden. Met deze CSS-bibliotheek kunt u kiezen uit meer dan 12 verschillende animaties die van toepassing zijn op keuzerondjes.

Zonder aangepaste CSS-stijlen zien ze er nog steeds uit als normale radio-ingangen . Maar wanneer de gebruiker klikt om een ​​knop te selecteren, krijgt hij een gek animatie-effect . Je kunt live voorbeelden zien op de belangrijkste Radiobox-pagina die elke stijl naast zijn naam demonstreert.

Je kunt Radiobox rechtstreeks vanaf npm of prieel installeren, of zelfs de bestanden lokaal naar je computer downloaden. GitHub host al hun bestanden in een CDN als je wilt spelen zonder iets te downloaden.

Het enige bestand dat je nodig hebt is radiobox.min.css dat je recht in je documentkop zou moeten radiobox.min.css . Van daaruit voeg je gewoon een eenvoudige klasse toe aan elk keuzerondje, afhankelijk van de gewenste animatie.

Hier is een codefragment voor het 'boing'-effect:

Merk op dat de "boing" -animatie een eigen CSS-bestand heeft met de naam boing.min.css . Dit moet worden opgenomen als u van plan bent dat effect op de pagina te gebruiken.

Wanneer je Radiobox download, zou je een demomap moeten hebben met live demo's voor al deze effecten . U kunt de code eenvoudig naar uw pagina kopiëren en plakken om het probleemloos te laten werken.

Raadpleeg voor volledige documentatie de hoofdrepo samen met de live demosite . Als je contact wilt opnemen met de makers, kun je een e-mail sturen vanaf de 720kb-website of via Twitter @ 720kb_ .

Apple iOS 10.2 wordt geleverd met honderden nieuwe emoji's en meer

Apple iOS 10.2 wordt geleverd met honderden nieuwe emoji's en meer

Bezitters van iOS-apparaten zijn blij dat Apple de iOS 10.2-update voor het publiek heeft uitgebracht . Naast de gebruikelijke bugfixes en verbeteringen, begroet iOS 10.2 gebruikers met de nieuwe tv-app die het eerst werd geplaagd tijdens de MacBook Pro die nog niet zo lang geleden werd onthuld.Met de nieuwe tv-app kunnen gebruikers nu shows en films bijhouden van al hun mediastreamingservices waarop is geabonneerd

(Technische en ontwerptips)

Hoe Gmail op afstand uit te loggen van meerdere apparaten

Hoe Gmail op afstand uit te loggen van meerdere apparaten

Als u een frequente gebruiker van Gmail bent en zich aanmeldt en uitlogt tussen meerdere computers voor persoonlijk gebruik en werk, is er een kans dat u vergeet uit te loggen bij uw Gmail-account. Wanneer u zich realiseert dat u bent vergeten af te melden, bent u niet in de buurt van het werkstation

(Technische en ontwerptips)