- Web Developer
- Posts
- React Cheat Sheet π, JWT Best Practices π, SAML Visualization π, CSS Loaders β³
React Cheat Sheet π, JWT Best Practices π, SAML Visualization π, CSS Loaders β³
2024-09-22
FREE AI & ChatGPT Masterclass to automate 50% of your workflow
More than 300 Million people use AI across the globe, but just the top 1% know the right ones for the right use-cases.
Join this free masterclass on AI tools that will teach you the 25 most useful AI tools on the internet β that too for $0 (they have 100 free seats only!)
This masterclass will teach you how to:
Build business strategies & solve problems like a pro
Write content for emails, socials & more in minutes
Build AI assistants & custom bots in minutes
Research 10x faster, do more in less time & make your life easier
Youβll wish you knew about this FREE AI masterclass sooner π
Hello and welcome to this issue!
Recently, I've been focused on writing a series of articles on modern CSS, and Iβve made some new discoveries. Here's a preview of the planned content:
Color Properties (color() function, color-mix(), Relative Colors, Interpolation Color Spaces...)
Typography Properties (font-variant, initial-letter, font-palette, hanging-punctuation...)
Interaction Properties (Scroll Snap, overscroll-behavior, scroll-timeline, ViewTransition API...)
Graphics (CSS Shapes, clip-path, CSS Masks, Blend Modes, conic-gradient(),
linear()
Easing Function...)Accessibility (prefers-reduced-motion, color-contrast(),
, prefers-reduced-data...)
Others (CSS Nesting, Cascade Layers, image-set(), Shadow DOM Features, Stepped Value Functions...)
If you're interested in these topics, join my 7-day exclusive membership trial to read the currently available member content and get updates first.
My recent updates:
Articles
A downloadable cheat sheet of all the new features in React 19.
While any function can throw exceptions, itβs more helpful to think about the functionβs overall success or failure rather than focusing on individual operations that might cause errors.
JWT is one of the most widely used authentication mechanisms. This article discusses its potential issues and how to optimize it with best practices.
SAML is an authentication protocol commonly used by enterprises, as well as a solution for Single Sign-On (SSO). This article uses visuals to explain how it works in detail.
An illustrated explanation of how the event loop works in the V8 engine.
Tools
A collection of over 3,000 free SVG icons for popular brands.
A set of 49 gradient CSS backgrounds that you can use as content backdrops for any part of your website.
A popular component library built with web components, using LitElement.
600+ single element loaders.
Some free online tools, such as sorting algorithm visualizers, Web Developer Checklist, and CSS3 Gallery.
Thank you for reading! If you enjoyed it and would like to support my work, consider trying our 7-day free exclusive membership. You'll get unlimited access to personalized content based on your interests and receive a special newsletter every Saturday. Start your free trial now π
Reply