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


Philter.js - Gratis afbeelding Wijzigingsbibliotheek met behulp van CSS-filters

Instagram is algemeen bekend als het populairste fotonetwerk. Het verwerkt meer dan 52 miljoen foto's per dag en veel van hen bevatten filters die de beelden tijdens de vlucht wijzigen.

Dit is ook mogelijk met behulp van CSS-filters die rechtstreeks in de browser worden toegepast . Deze aangepaste filtereigenschappen hebben brede ondersteuning in veel browsers en zien er geweldig uit.

Met de Philter JavaScript-plug- in kunt u dit proces schalen om tijd te besparen en uw code naar HTML te verplaatsen voor dynamische filtereffecten .

Door deze plug-in te gebruiken, krijgt u veel meer controle over uw afbeeldingen . Op deze manier kunt u kiezen welke filters u op afzonderlijke afbeeldingen wilt toepassen en of bepaalde filters moeten worden gewijzigd op basis van gebruikersgedrag, zoals zweven.

CSS ondersteunt geanimeerde overgangen en Philter maakt dit proces echt eenvoudig. Je downloadt gewoon Philter van de startpagina of van de GitHub-repo. Zodra deze is toegevoegd aan uw webpagina, hoeft u alleen de initialisatiecode toe te voegen en deze los te laten.

Hier is een voorbeeldfragment uit de GitHub-repo:

Standaard kunt u overgangen en extra gegevenskenmerken instellen die u in HTML kunt toevoegen. De url parameter definieert het pad waar Philter naar aangepaste SVG-bestanden moet zoeken die in het filterproces worden gebruikt.

Deze extra filters zijn bij de bibliotheek geleverd, dus u hoeft ze helemaal niet te bewerken. Maar u kunt ze verplaatsen of in een andere directorystructuur van uw huidige bestand plaatsen, dus deze instelling moet mogelijk worden gewijzigd .

Nu kunt u gewoon aangepaste filters toevoegen aan uw HTML elementen of hun containers.

Hier is een eenvoudig voorbeeld :

Je vindt een volledige lijst van alle filters op GitHub, samen met een complete installatiehandleiding en vele andere codevoorbeelden.

Philter is een van de coolste gratis plug-ins die er zijn en hij verlegt de grenzen van moderne CSS. Je kunt zelfs je eigen filters ontwerpen als je bereid bent om in de codebase te graven en te sleutelen.

Ga naar de startpagina van de Philter en download een exemplaar om eenvoudig aan de slag te gaan. U kunt het binnen de kortste keren in gebruik hebben.

Deze app activeert een alarm als de telefoon uit uw zak is verwijderd

Deze app activeert een alarm als de telefoon uit uw zak is verwijderd

Het verliezen van je Android-telefoon aan een zakkenroller kan een zeer frustrerende aangelegenheid zijn. Gelukkig kunnen eigenaren van Android-smartphones hun telefoon een aantal preventieve maatregelen geven als het gaat om zakkenrollers via een app die Pocket Sense wordt genoemd .Zoals de naam u misschien kan inhalen, is Pocket Sense een beveiligingsapp die detecteert wanneer uw telefoon uit uw zakken is gehaald

(Technische en ontwerptips)

Krijg uw smartphone foto's direct met Prynt

Krijg uw smartphone foto's direct met Prynt

Neemt u foto's van uzelf, familie en vrienden, en vrij veel over uw dagelijks leven? Waar bewaar je je foto's als je klaar bent? Als je een meer tastbare manier wilt hebben om momentopnames van je leven te bewaren in plaats van je foto's te verliezen voor sociale accounts of erger nog, om cloudopslag te gebruiken, waarom niet ter plekke afdrukken met Prynt

(Technische en ontwerptips)