Viewing a response to: @devbymbea/some-cool-css-power
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.
| author | mrakodrap |
|---|---|
| permlink | re-devbymbea-some-cool-css-power-20180204t155834965z |
| category | life |
| json_metadata | {"tags":["life"],"links":["https://codepen.io/vlad-saling/pen/cspoj","https://codepen.io/vlad-saling/pen/gKyLf","https://codepen.io/vlad-saling/pen/Ftucg"],"app":"steemit/0.1"} |
| created | 2018-02-04 15:58:36 |
| last_update | 2018-02-04 15:58:36 |
| depth | 1 |
| children | 3 |
| last_payout | 2018-02-11 15:58:36 |
| cashout_time | 1969-12-31 23:59:59 |
| total_payout_value | 0.000 HBD |
| curator_payout_value | 0.000 HBD |
| pending_payout_value | 0.000 HBD |
| promoted | 0.000 HBD |
| body_length | 463 |
| author_reputation | 160,587,942,185 |
| root_title | "Some cool CSS power" |
| beneficiaries | [] |
| max_accepted_payout | 1,000,000.000 HBD |
| percent_hbd | 10,000 |
| post_id | 34,919,655 |
| net_rshares | 1,155,954,622 |
| author_curate_reward | "" |
| voter | weight | wgt% | rshares | pct | time |
|---|---|---|---|---|---|
| mrakodrap | 0 | 540,634,622 | 100% | ||
| devbymbea | 0 | 615,320,000 | 100% |
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](codepen.io) ref. Seen the site before but never payed attention apparently. Have used [livegap](editor.livegap.com) and [jsfiddle](jsfiddle.net) as live editors till now, but [Codepen](codepen.io) 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!
| author | devbymbea |
|---|---|
| permlink | re-mrakodrap-re-devbymbea-some-cool-css-power-20180204t193040517z |
| category | life |
| json_metadata | {"tags":["life"],"links":["codepen.io","editor.livegap.com","jsfiddle.net"],"app":"steemit/0.1"} |
| created | 2018-02-04 19:30:51 |
| last_update | 2018-02-04 19:30:51 |
| depth | 2 |
| children | 2 |
| last_payout | 2018-02-11 19:30:51 |
| cashout_time | 1969-12-31 23:59:59 |
| total_payout_value | 0.000 HBD |
| curator_payout_value | 0.000 HBD |
| pending_payout_value | 0.000 HBD |
| promoted | 0.000 HBD |
| body_length | 1,268 |
| author_reputation | 25,445,679,108 |
| root_title | "Some cool CSS power" |
| beneficiaries | [] |
| max_accepted_payout | 1,000,000.000 HBD |
| percent_hbd | 10,000 |
| post_id | 34,961,604 |
| net_rshares | 532,625,220 |
| author_curate_reward | "" |
| voter | weight | wgt% | rshares | pct | time |
|---|---|---|---|---|---|
| mrakodrap | 0 | 532,625,220 | 100% |
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.
| author | mrakodrap |
|---|---|
| permlink | re-devbymbea-re-mrakodrap-re-devbymbea-some-cool-css-power-20180205t071648519z |
| category | life |
| json_metadata | {"tags":["life"],"links":["https://css-tricks.com/"],"app":"steemit/0.1"} |
| created | 2018-02-05 07:16:48 |
| last_update | 2018-02-05 07:21:57 |
| depth | 3 |
| children | 1 |
| last_payout | 2018-02-12 07:16:48 |
| cashout_time | 1969-12-31 23:59:59 |
| total_payout_value | 0.000 HBD |
| curator_payout_value | 0.000 HBD |
| pending_payout_value | 0.000 HBD |
| promoted | 0.000 HBD |
| body_length | 691 |
| author_reputation | 160,587,942,185 |
| root_title | "Some cool CSS power" |
| beneficiaries | [] |
| max_accepted_payout | 1,000,000.000 HBD |
| percent_hbd | 10,000 |
| post_id | 35,078,378 |
| net_rshares | 528,620,519 |
| author_curate_reward | "" |
| voter | weight | wgt% | rshares | pct | time |
|---|---|---|---|---|---|
| mrakodrap | 0 | 528,620,519 | 100% | ||
| devbymbea | 0 | 0 | 100% |
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!
| author | devbymbea |
|---|---|
| permlink | re-mrakodrap-re-devbymbea-re-mrakodrap-re-devbymbea-some-cool-css-power-20180218t004834141z |
| category | life |
| json_metadata | {"tags":["life"],"app":"steemit/0.1"} |
| created | 2018-02-18 00:48:36 |
| last_update | 2018-02-18 00:48:36 |
| depth | 4 |
| children | 0 |
| last_payout | 2018-02-25 00:48:36 |
| cashout_time | 1969-12-31 23:59:59 |
| total_payout_value | 0.000 HBD |
| curator_payout_value | 0.000 HBD |
| pending_payout_value | 0.000 HBD |
| promoted | 0.000 HBD |
| body_length | 928 |
| author_reputation | 25,445,679,108 |
| root_title | "Some cool CSS power" |
| beneficiaries | [] |
| max_accepted_payout | 1,000,000.000 HBD |
| percent_hbd | 10,000 |
| post_id | 38,385,237 |
| net_rshares | 801,717,284 |
| author_curate_reward | "" |
| voter | weight | wgt% | rshares | pct | time |
|---|---|---|---|---|---|
| mrakodrap | 0 | 801,717,284 | 100% |
hiveblocks