Gratis CSS-codegenerator voor Instagram-stijlfilters

Hoe cool zou het zijn om afbeeldingsfilters toe te voegen aan uw site? Jaren geleden zou dit JavaScript vereisen, maar tegenwoordig kunt u aangepaste afbeeldingsfilters bouwen met goede oude HTML en CSS.

En met de cssFilters-webapp hoeft u niet eens een van de CSS-code te schrijven!

Deze gratis tool helpt je bij het maken van aangepaste afbeeldingsfilters met behulp van CSS3-filters. U kunt veel handleidingen vinden die de CSS-filtereigenschap in detail behandelen. Maar met cssFilters hoeft u zich geen zorgen te maken hoe het allemaal werkt, u past eenvoudig uw instellingen aan en kopieert de code.

Bovenaan het scherm zie je een lange balk vol met aangepaste Instagram-filters. Deze filters omvatten alle populaire keuzes zoals Hudson, Broodrooster, Inktpot, Lofi en vele anderen.

U klikt eenvoudig op het filter dat u wilt en klikt vervolgens op het tabblad 'CSS-code' in de rechterbovenhoek. Vanaf daar krijg je zowel de HTML- als CSS-code. Kopieer en plak gewoon in uw website en u bent klaar om te gaan.

Maar u kunt deze filters ook aanpassen met de schuifregelaars voor instellingen. Onder het tabblad "Generator" kunt u instellingen zoals verzadiging en contrast samen met onscherpte, grijstinten, sepia en zelfs de overlay-stijl zoals een lineair verloop of radiaal verloop wijzigen.

Telkens wanneer u een schuifregelaar verplaatst, wordt de code automatisch bijgewerkt, zodat u niets hoeft op te slaan.

En u kunt zelfs de standaardafbeelding verwisselen door er een vanaf uw computer te uploaden of er een te kiezen in Unsplash.

Deze webapp is gemaakt door Indrashish Ghosh en bevat veel van de standaardklassen die worden gevonden in de CSSgram-bibliotheek.

Maar de aangepaste instellingen gaan veel verder dan de standaardinstellingen, en de vrije codegeneratie maakt dit een handig hulpmiddel voor codeerders en niet-programmeurs. We hebben al veel CSS3-generatoren voor eigenschappen zoals achtergrondgradiënten en tekstschaduwen. En nu hebben we cssFilters als de premiere CSS3-filtergenerator.

10 Beste iPhone-trainingsapps voor hardlopers

Als je het gevoel hebt dat je je nieuwjaarsresolutie hebt verraden om de sportschool te verslaan en / of (weer) af te vallen, neem dan je hart dat je jezelf gemakkelijk kunt verzilveren door nu te beginnen. En wat is een betere manier om de weg op te gaan dan te rennen! Het is de eenvoudigste vorm van lichaamsbeweging, omdat er geen lidmaatschapskosten of extra uitrusting bij betrokken zijn - alles wat je nodig hebt is een paar loopschoenen en een gewillig hart

(Technische en ontwerptips)

14 Informatieve en gratis e-books voor webontwerpers

Wil je een beetje ervaring opdoen met webontwerp, codering of typografie? Gelukkig hoeven we niet langer lange en saaie boeken te maken om een ​​webdesigner te worden. Er zijn nu veel goede e-boeken beschikbaar die u tips en voorbeelden zullen geven om u te helpen bij het webdesign.Daartoe heb ik een verzameling van 1 5 informatieve webdesign e-books samengesteld die gratis op internet beschikbaar zijn. De

(Technische en ontwerptips)