DEV Community

Cover image for πŸ”‘ OAuth 2.0 flows explained in GIFs

πŸ”‘ OAuth 2.0 flows explained in GIFs

Hem on July 14, 2020

In this post, we will be covering all OAuth 2.0 flows using GIFs that are simple and easier to understand. This post can be used as a cheat-sheet f...
Collapse
 
olegkarasik profile image
Oleg Karasik

Great job!

Animations are very nice and clearly explain the flows (I will share these with my team).

One small suggestion (if it is appropriate) - it would be great if GIFs would include a "step of steps" information somewhere (maybe at the top) and were a bit slower :)

Collapse
 
yaorenjie profile image
Yao Ren Jie

Great jobs, the authentication things are always confusing to me. Thanks to the clear explanation GIFs.

Collapse
 
hem profile image
Hem

Thanks! Glad to know that it was useful 🀠

Collapse
 
pa1b profile image
Pavan Bellamkonda

Great content and awesome animations. May I know what tool you used to make these animations?

Collapse
 
hem profile image
Hem

Thanks! Started out with Slides for the layout and planning the flow. Made use of Adobe Premier to put them together πŸ˜€

Collapse
 
shostarsson profile image
RΓ©mi Lavedrine

Absolutely great explanation of the flows.
I really love it a lot.

Great job.

Collapse
 
hem profile image
Hem

Thanks a lot πŸ˜ƒ !

Collapse
 
bkoprivica profile image
Bran Koprivica

Cast your mind back to the halcyon days of the 2000s and 2010s when computer science still reigned supreme, its paradigms and methodologies, such as UML, hailed as the pinnacle of notation languages. Alas, stakeholders (also known as "holders of steaks") could never grasp UML's rather simple abstractions. Instead, they started pushing developers to come up with something more palatable, such as... shiny blinking GIFs. The shinier the better - as pronounced by the steak-holders. Shame on the Three Amigos of the 90s who created UML 1.0 instead of relying on the good old GIF technology, eh? Who cares that GIF conveys nothing to developers? What is important is that it shines and blinks so that even the blind eyes of the steak-holders can notice that "something is going on", or "something tangible is being produced". The tides have turned topsy-turvy, and a growing chorus of users now demands more visually dazzling deliverables over substance and functionality: If Thy Don't Shine, Steak-Holders Won't Buy.

Collapse
 
sonnk profile image
Nguyen Kim Son

Awesome animation and a thorough write on PKCE! Could I use the gifs on SimpleLogin docs :) ?

Collapse
 
hem profile image
Hem

Thanks! Feel free to use πŸ˜€

Collapse
 
raithlin profile image
Stephen Metcalfe

Well done on explaining a tough subject in such an easy to follow manner! Sharing this with my team.

Collapse
 
eomm profile image
Manuel Spigolon

This blog post is still useful in 2022 πŸ‘

Collapse
 
hosamaly profile image
Hosam Aly

Very informative. Thanks!
I hope that you'll consider typing out the steps shown in the animations for the benefit of those of us who are unable to see those colours easily.

Collapse
 
devgalaxy profile image
Ahmed Badawy

You are awesome in the scene of the word, really this is a great article.

Collapse
 
h3r1ckpl profile image
herik perez

Hi, good morning.

could you please share your knowledge about how to create those GIF? are awesome. which platform did you use?