Voor een klein project hebben we betalingen geïmplementeerd binnen een Thinkwise applicatie, benieuwd hoe we dat hebben gedaan?
Author: kasper
Kasper is a dedicated frontend developer, singer and scouts leader. When it comes to either one of them he can't stop talking about it. He is currently employed at Incentro as frontend developer.
He is leader of cub scouts in the age 7 to 11 years at Scouting Graaf Floris V and he is very proud of that. Last he also likes to sing every now and then (the scouts are probably terrified by it) he sang in 2 different bands but nowadays he just sings along with his guitar.
Most promising partner of the year
Incentro is benoemd tot most promising Thinkwise partner of the year.
Ik ben super trots op ons team bij Incentro en deze waardering vanuit onze partner Thinkwise. Ondertussen zijn we bij meerdere klanten super mooie projecten aan het draaien.
Ben jij ook benieuwd wat Incentro & Thinkwise voor je kunnen betekenen of wil je ons team komen versterken? Connect met me op Linkedin en laten we het gesprek aangaan.
Certification: Alfresco Process Services Engineer
Sinds vandaag mag ik mij “Certified Alfresco Process Services Engineer” noemen!
Alfresco DevCon
Last January I had the opportunity to talk about Persona based applications and Alfresco. Here you can find the talk “What if we put the end user in the middle?”
DevCon 2019 – Playlists | Alfresco
You can find the slides here: https://www.slideshare.net/kaspersr/what-if-we-put-the-end-user-in-the-middle
Working on Alfresco’s newly released Application Development Framework we felt that there were some things missing. In this blogpost I’ll explain how you can simply work with MS Office from ADF.
https://community.alfresco.com/people/kasper/blog/2018/04/17/work-offline-with-ms-office-in-adf
Yesterday I gave a Tech Talk on an ADF application we created for one of our clients. The talk is about learnings and Alfresco ADF working experience.
Loader animaties
Zo nu en dan krijg je als frontend developer een toffe animatie van een designer met de opdracht, dit moet in de website als loader. Soms lijkt de animatie heel eenvoudig. In dit geval was er een (lucht)bel die van rechts naar links beweegt, in eerste instantie groeit hij en daarna krimpt hij alsof deze uiteen spat.
In eerste instantie wilde we de animatie in SVG maken en dat was ook vrij snel gedaan, echter het probleem hiermee is dat we de animatie niet goed op de pagina kregen en deze niet lekker wilde schalen. Daarom hebben we gekeken naar een andere oplossing. Ik vond de animatie redelijk plat, dus heb met html/css geprobeerd de animatie na te bouwen.
Vanuit design was de animatie opgedeeld in 4 stappen:
- een stilstaande bel
- een naar rechts bewegende bel die groeit
- een naar rechts bewegende bel die even groot blijft
- een naar rechts bewegende bel die krimpt
Dit zouden dus 4 keyframes zijn, echter na beter de animatie te bestuderen bleek dat de bellen niet allemaal tegelijk bewegen. Als 3 beweegt beweegt 4 ook maar staat 2 stil. De eerste stilstaande bel is een gegeven en dus niet nodig om op te nemen in de keyframes. Zo kwam ik uit op 6 keyframes.
- schaal 0.5 + links 0
- schaal 1 + links 30%
- schaal 1 + links 30%
- schaal 1 + links 65%
- schaal 1 + links 65%
- schaal 0, links 90%
Hiermee kreeg ik de hele ‘levensloop’ van een bel voor elkaar. Een bel was natuurlijk niet genoeg dus door na elkaar liggende bellen met een vertraging te starten werd de animatie compleet.
Zie hier het resultaat:
See the Pen loader by Kasper (@kasperedeb) on CodePen
0
Angular presentatie
Afgelopen januari heb ik bij de developers meetup van Alkmaar een presentatie gegeven over Angular.
Deel 2 van het open source avontuur.