Keyframes are indeed very powerful. To encourage (and hopefully inspire) you in your study take a look at some of my older demos using keyframes:
https://codepen.io/vlad-saling/pen/cspoj
https://codepen.io/vlad-saling/pen/gKyLf
https://codepen.io/vlad-saling/pen/Ftucg
Some help UX, some are just for the show :)
Btw, If you don't know codepen.io, I highly recommend browsing trough the catalogue. I am sure you'll find interesting things you can learn from.
Thanks for replying!
I love yoiur examples, especially the flashlight bar. Really cool (and simple) animation :).
Inspiring indeed!
I'm really into webdev since a year or so, and i can say that it might be the best time ever to get into webdevelopment. So much code is 'readable' nowadays and thus pretty straightforward to build.
I notice that some people tend to use extensive scripting or even worse to make any animation eg. like your examples.
In the end that's my main guideline ,if you will, for picking what i want to learn; simplicity.
SteemIt also does a lot for me, since the community is so active on building the Steem platform, i see awesome applications in my feed everytime i'm on Steemit.
Oh and appreciate the codepen ref. Seen the site before but never payed attention apparently.
Have used livegap and jsfiddle as live editors till now, but Codepen seems more 'integrated' , so thanks again :).
Oh btw,if i may ask, are you professional or freelancer or hobbyist?...
Your profile says 'dev', but that's pretty general i guess :P
Anyway , i'll be on learning new tricks for coming weeks, just have to mind getting enough sleep here :)
A pleasant day to you mrakodrap!
Simplicity is often undervalued, so +1 on that. It may prevent many problems down the road. And yes, your are right. Some people do tend to fall for extensive scripting.
I've recommended Codepen since it kinda is THE playground for CSS developers. Codepen's creator Chris Coiyer is the guy behind https://css-tricks.com/ so the community effect is very strong. Most high profile CSS personalities post there.
I am a professional since ~2007 (hobbyist/student before that). I mostly work on company-wide (won't mention which exactly) design systems. Kinda like bootstrap or material design - but company specific. I do freelancing from time to time as well just to keep things interesting.
Getting back on Codepen , signed up this week and it was instant pleasure, almost felt like a child on the playgrounds.
Need to spend some more time to adapt to Codepen, and indeed build myself a strong network.
Which brings me back to why i asked about your occupation, last year i got involved in some IT projects on my job where i got to write and work out the complete process: research/build/test/implement (Prince2) of some new software systems. These jobs sparked my interest and thus now i'm moving my career from digital geo/charting (for government) to development for web and applications.
There is a weird learning curve on that, because i went from learning HTML/CSS/JS to understanding out the fundamentals of development, use-ability, data-structures, networks and so on.
I'm interested in also learning from the more experienced, that helps save a lot of time throughout.
Anyway, thanks again, see you around!