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.
Verse bronnen voor webontwikkelaars - augustus 2017
Er zijn een aantal open source-bedrijven die samenwerken om nuttige webbronnen en hulpmiddelen te bieden die iedereen gratis kan gebruiken . Dit is wat de webgemeenschap doet gedijen, innoveren en nuttiger hulpbronnen produceren.In dit deel van de Fresh Resources-reeks heb ik een aantal nieuwe bronnen uit verschillende categorieën samengesteld, waaronder een app waarmee je Sketch-plug-ins op verschillende computers kunt beheren, een verzameling iconische lettertypen voor je nerd soul, een paar desktop-apps en een handvol anderen.
De Moments-functie van Twitter is nu beschikbaar op iOS en Android
In september introduceerde Twitter een functie genaamd Moments, waarmee gebruikers verhalen kunnen personaliseren met tweets en foto's. Eerder konden gebruikers alleen Moments op de webversie van de Twitter maken, maar dat is het nieuws van gisteren. Vanaf vandaag kunnen gebruikers Moments maken via de iOS- of Android-app van Twitter