Blog
Category: Misc
Tips, Scripts, Tools, Bookmarks, and Inspiration for Web Designers and Developers.
What Skills Does a Frontend Developer Need? (Complete Guide)
Introduction Frontend development is more than just writing HTML and CSS. It’s a combination of structure, styling, logic, tools, and modern frameworks that work together to create fast, responsive, and user-friendly websites. In this guide, I’ll break down the core...
Animated Cart – with SVG
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
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
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,...