56 Followers
·
Follow

Find out how the most widely-used protocols for authentication and authorization really work

Cover Image
Cover Image
Photo by James Pond on Unsplash

We’ve all seen the “sign in with Google” and “connect to Facebook” buttons on websites and mobile apps. Click the button and a screen opens that says, “This app wants to access your public profile, contacts…” and asks you whether you want to give access. This is OAuth at a high level. Understanding these protocols is crucial for every software engineer, security expert, and even hacker.

TL;DR

A complete guide to OAuth 2.0 and OpenID Connect, the two most widely used protocols on the internet today for authorization and authentication. OAuth 2.0 is used for authorization and OpenID Connect is used for authentication. There are two most common OAuth 2.0 authorization flows, authorization code flow for server-side applications, and implicit flow for browser-based applications. …


New features for customizing your profile & stories

Image for post
Image for post

Ever thought of changing the font styles of headings or body of your Medium articles? Or changing the layout of your profile? Setting background-color of your profile page? Medium added a new Design feature that allows you to customize your profile, set font styles for your stories, change accent colors of buttons, and add a logo to your profile name instead of plain text.

Image for post
Image for post

When you click on your profile picture, you will see a new option Design in the list, click on it to customize your profile. Or you can navigate to https://medium.com/me/design for customizing.

Change colors:

Image for post
Image for post

Once you open the Desing page, you will see a sidebar on the left of the page with an option named Colors. Toggle it and you will see two color pickers one for changing the accent color of buttons, like the color of the follow button on your profile, and another color picker for changing the background color of your profile page. …


Make a custom build pipeline for minifying and compressing your assets

Image for post
Image for post

An important factor that affects the performance of a website is the size of resources requested by the browser. CSS and JavaScript source files are among the top of these resources. If you do not handle them efficiently, they can considerably increase page load time. Get the app repo here.

What you will get from this piece?

In this article, we’re going to build a server-rendered application in Nodejs by implementing:

  • Asset minification and compression using Gulp and Brotli.
  • A development environment where assets are minified and compressed in real-time.
  • A build process that can make distributable assets for deployment.

Also, you will get some familiarity with Gulp and Brotli. If your app is not server-rendered or performance is not an issue for your application then this article may not be very informative to you. …

About

Haseeb Anwar

Trying to make things simple! — haseebanwar.net

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store