Misc - Archives | Puneet Sharma – Freelance Web Developer

How to Work with REST APIs (Frontend Guide)

Introduction Most modern websites rely on APIs to fetch and send data. Whether you’re building a React app or a simple website, understanding how to work with REST APIs is essential. In this guide, I’ll show you how to use REST APIs step by step in a simple and...

What Skills Does a Frontend Developer Need? (Complete Guide)

Misc

Animated Cart – with SVG

Misc

Here’s an animated cart SVG with meaningful micro-interactions — a wiggle on hover, items “dropping in” to the cart, and a bounce on the wheels:Here’s what’s animated, and why each choice is meaningful: Hover wiggle — the cart body rocks...

javascript detect whether mobile is in landscape or portrait mode

Misc

Both methods will detect changes in orientation. The first method is simpler but only works on mobile devices, while the second method is more universal and can work on desktops as well. Method 1: Using window.orientation function checkOrientation() { if...

Draw any SVG path from 0 to 100% – using GSAP

Misc

See the Pen Draw any SVG path from 0 to 100% by Puneet Sharma (@webdevpuneet) on CodePen. HTML <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width,...