56,966 blogs · [ { "id": "01a08c58-48cf-7011-adcf-4c1d528b3c3e", "title": "Making SVG Pattern Strips Responsive with viewBox", "url": "https://www.trapti.dev/blog/making-svg-pattern-strips-responsive-with-viewbox/", "published_at": "2026-05-14T00:00:00+00:00" }, { "id": "01a08c58-48d0-72b7-b2f3-0bc6c8a8b8f4", "title": "How I developed my design and UX sense as a Frontend developer", "url": "https://www.trapti.dev/blog/how-i-developed-my-design-and-ux-sense-as-a-frontend-developer/", "published_at": "2026-04-12T15:05:31+00:00" }, { "id": "01a08c58-48d0-72b7-b2f3-0bc6c9464d24", "title": "Prepare SVGs for Animation (The Step You Shouldn't Skip)", "url": "https://www.trapti.dev/blog/how-to-prepare-svgs-for-animation/", "published_at": "2026-04-11T21:03:17+00:00" }, { "id": "01a08c58-48d0-72b7-b2f3-0bc6c9ff778a", "title": "2025 Year in Review: The Year I Backed Myself", "url": "https://www.trapti.dev/blog/2025-year-in-review-the-year-i-backed-myself/", "published_at": "2025-12-31T01:57:25+00:00" }, { "id": "01a08c58-48d0-72b7-b2f3-0bc6caed5fa3", "title": "🏃‍♀️ My Beginner Running Journey-From 0 to 10km (And what I learned along the way + Race day reality)", "url": "https://www.trapti.dev/blog/beginner-running-journey-10k-training/", "published_at": "2025-11-17T17:46:24+00:00" }, { "id": "01a08c58-48d0-72b7-b2f3-0bc6cb5a7a2f", "title": "Slow Travel in Udupi: Beachside Stay, Lighthouse Views & Local Life", "url": "https://www.trapti.dev/blog/slow-travel-udupi-kapu-beach/", "published_at": "2025-11-15T17:46:24+00:00" }, { "id": "01a08c58-48d0-72b7-b2f3-0bc6cbd28e6b", "title": "CSS only: SVG Wave Animation", "url": "https://www.trapti.dev/blog/css-only-svg-wave-animation/", "published_at": "2025-08-05T17:46:24+00:00" }, { "id": "01a08c58-48d0-72b7-b2f3-0bc6cc123cb6", "title": "A Trip to Poombarai Zostel — Mist, Madness & Magic", "url": "https://www.trapti.dev/blog/a-trip-to-poombarai-zostel%E2%80%94mist-madness-and-magic/", "published_at": "2025-06-26T17:46:24+00:00" }, { "id": "01a08c58-48d0-72b7-b2f3-0bc6ccaf6feb", "title": "SVG TIP: Why Transforms Don’t Work as Expected inside SVG (And How to Fix It)", "url": "https://www.trapti.dev/blog/why-transforms-dont-work-as-expected-inside-SVG-(and-how-to-fix-it)/", "published_at": "2025-04-27T17:46:24+00:00" }, { "id": "01a08c58-48d0-72b7-b2f3-0bc6ccf4e160", "title": "Hopping Through Vagamon’s Hills (And Collapsing at Zostel)", "url": "https://www.trapti.dev/blog/hopping-through-vagamons-hills-(and-collapsing-at-zostel)/", "published_at": "2025-04-24T17:46:24+00:00" }, { "id": "01a08c58-48d0-72b7-b2f3-0bc6cdee521f", "title": "Distribute cards evenly on curved path and animate on scroll using GSAP plugins", "url": "https://www.trapti.dev/blog/distribute-cards-evenly-on-curved-path-and-animate-on-scroll-using-GSAP-plugins/", "published_at": "2025-04-18T17:46:24+00:00" }, { "id": "01a08c58-48d0-72b7-b2f3-0bc6ce02fac9", "title": "Apples's MacBook Air text zoom animation on scroll effect with GreenSock & ScrollTrigger", "url": "https://www.trapti.dev/blog/macBook-air-text-zoom-animation-greensock-and-scrollTrigger/", "published_at": "2025-04-12T17:46:24+00:00" }, { "id": "01a08c58-48d0-72b7-b2f3-0bc6ce3b28e6", "title": "Unveiling Kolkata’s Charm: Stories, History, and Life with a Local Guid", "url": "https://www.trapti.dev/blog/unveiling-kolkata%E2%80%99s-charm-stories-history-andlife-with-a-local-guid/", "published_at": "2025-03-31T17:46:24+00:00" }, { "id": "01a08c58-48d0-72b7-b2f3-0bc6ce620d09", "title": "Scroll-Triggered CSS Animation: SVG Line Reveals Card (Requested by YOU!)", "url": "https://www.trapti.dev/blog/scroll-triggered-css-animation-SVG-line-reveals-card/", "published_at": "2025-03-24T17:46:24+00:00" }, { "id": "01a08c58-48d0-72b7-b2f3-0bc6cf2ecfc1", "title": "Living Through 2024: A Year of Change, Challenges, and Triumphs", "url": "https://www.trapti.dev/blog/living-through-2024-a-year-of-change-challenges-and-triumphs/", "published_at": "2024-12-30T18:57:25+00:00" }, { "id": "01a08c58-48d0-72b7-b2f3-0bc6cfc3df84", "title": "Impact of CSS Grid", "url": "https://www.trapti.dev/blog/impact-of-css-grid/", "published_at": "2024-07-02T10:01:17+00:00" }, { "id": "01a08c58-48d0-72b7-b2f3-0bc6cffe8690", "title": "Only CSS! Layered panels horizontally moving on scroll with text", "url": "https://www.trapti.dev/blog/only-css-Layered-panels-horizontally-moving-on-scroll-with-text/", "published_at": "2024-07-01T17:46:24+00:00" }, { "id": "01a08c58-48d0-72b7-b2f3-0bc6d007e43b", "title": "Trip to Varkala south cliff Kerala", "url": "https://www.trapti.dev/blog/varkala-south-cliff-kerala/", "published_at": "2024-06-17T17:46:24+00:00" }, { "id": "01a08c58-48d0-72b7-b2f3-0bc6d0ec7ced", "title": "SVG only: Gauge data visualisation", "url": "https://www.trapti.dev/blog/SVG-only-gauge-data-visualisation/", "published_at": "2024-06-03T17:46:24+00:00" }, { "id": "01a08c58-48d0-72b7-b2f3-0bc6d1bfa1bb", "title": "React: Auto read SMS in mobile web browser", "url": "https://www.trapti.dev/blog/react-auto-read-SMS-in-mobile-web-browser/", "published_at": "2024-06-03T16:46:24+00:00" }, { "id": "01a08c58-48d0-72b7-b2f3-0bc6d24f85db", "title": "CSS only: Animation of a line and a circle that moves along with the line on scroll", "url": "https://www.trapti.dev/blog/css-only-animation-of-a-line-and-a-circle-that-moves-along-with-the-line-on-scroll/", "published_at": "2024-04-20T17:46:24+00:00" }, { "id": "01a08c58-48d0-72b7-b2f3-0bc6d2f6f255", "title": "Creating a Text Rolling Hover Effect with CSS and GSAP", "url": "https://www.trapti.dev/blog/creating-a-text-rolling-hover-effect-with-css-and-gsap/", "published_at": "2023-11-16T09:00:00+00:00" }, { "id": "01a08c58-48d0-72b7-b2f3-0bc6d3bae171", "title": "Moving background on scroll using CSS gradient and variable", "url": "https://www.trapti.dev/blog/moving-background-on-scroll-using-css-gradient-and-variable/", "published_at": "2023-10-27T22:50:24+00:00" }, { "id": "01a08c58-48d0-72b7-b2f3-0bc6d476f5a6", "title": "Reveal paragraph with highlighted text on scroll, using scroll trigger - with and without splitText plugin", "url": "https://www.trapti.dev/blog/reveal-paragraph-with-highlighted-text-on-scroll-using-scrollTrigger-with-&-without-splitText-plugin/", "published_at": "2023-09-18T09:00:00+00:00" }, { "id": "01a08c58-48d0-72b7-b2f3-0bc6d5676959", "title": "Toggle animation using gsap: Stick figure", "url": "https://www.trapti.dev/blog/toggle-animation-using-gsap-stick-figure/", "published_at": "2023-06-12T11:26:01+00:00" }, { "id": "01a08c58-48d0-72b7-b2f3-0bc6d5b7be16", "title": "Creating a Scale Up Text on Scroll Effect with GreenSock", "url": "https://www.trapti.dev/blog/scale-up-on-scroll-text-using-greensock-and-scrollTrigger/", "published_at": "2023-03-19T17:46:24+00:00" }, { "id": "01a08c58-48d0-72b7-b2f3-0bc6d5da1e0d", "title": "A 7 Nights 8 Days trip to Tawang (Arunachal Pradesh) Northeast India", "url": "https://www.trapti.dev/blog/trip-to-arunachal-pradesh-northeast-india/", "published_at": "2023-02-01T18:51:07+00:00" }, { "id": "01a08c58-48d0-72b7-b2f3-0bc6d660152f", "title": "Slide-Up Text Effect with and without GSAP SplitText plugin", "url": "https://www.trapti.dev/blog/slide-up-text-effect-with-and-without-GSAP-SplitText-plugin/", "published_at": "2023-01-31T11:26:01+00:00" }, { "id": "01a08c58-48d0-72b7-b2f3-0bc6d721b1d4", "title": "'hello' animation - Apple's screensaver recreation using GreenSock and SVG", "url": "https://www.trapti.dev/blog/3D-text-line-animation-using-greensock-and-svg/", "published_at": "2023-01-30T11:26:01+00:00" }, { "id": "01a08c58-48d0-72b7-b2f3-0bc6d7ce8809", "title": "2022 Year in Review: A Journey of Health, Travel, and Self-Improvement", "url": "https://www.trapti.dev/blog/year-review-2022/", "published_at": "2022-12-30T18:57:25+00:00" }, { "id": "01a08c58-48d0-72b7-b2f3-0bc6d7f801ad", "title": "Book summary: ‘Limitless’ by Radhika Gupta", "url": "https://www.trapti.dev/blog/limitless-book-summary/", "published_at": "2022-08-01T18:57:25+00:00" }, { "id": "01a08c58-48d0-72b7-b2f3-0bc6d826fb89", "title": "Horizontal snapping sections using GSAP", "url": "https://www.trapti.dev/blog/steps-to-create-horizontal-scrolling-with-snap-gsap/", "published_at": "2022-05-16T09:00:00+00:00" }, { "id": "01a08c58-48d0-72b7-b2f3-0bc6d84628c0", "title": "Year review 2021", "url": "https://www.trapti.dev/blog/year-review-2021/", "published_at": "2022-01-01T18:57:25+00:00" }, { "id": "01a08c58-48d0-72b7-b2f3-0bc6d8532b9a", "title": "My Freelancing Journey 2021", "url": "https://www.trapti.dev/blog/my-freelance-journey-2021/", "published_at": "2021-12-29T09:00:00+00:00" }, { "id": "01a08c58-48d0-72b7-b2f3-0bc6d8a9dd86", "title": "Recollecting 2020", "url": "https://www.trapti.dev/blog/recollecting-2020/", "published_at": "2020-12-29T18:06:47+00:00" }, { "id": "01a08c58-48d0-72b7-b2f3-0bc6d8da0d26", "title": "My Journey of becoming a bookworm", "url": "https://www.trapti.dev/blog/my-journey-of-becoming-a-bookworm/", "published_at": "2020-12-28T13:30:15+00:00" }, { "id": "01a08c58-48d0-72b7-b2f3-0bc6d9830d9e", "title": "Why SVG?", "url": "https://www.trapti.dev/blog/why-svg/", "published_at": "2019-11-17T21:03:17+00:00" }, { "id": "01a08c58-48d0-72b7-b2f3-0bc6da1f9cab", "title": "Bend It Like Trapti - a SVG logo", "url": "https://www.trapti.dev/blog/bend-it-like-trapti-a-svg-logo/", "published_at": "2019-11-03T17:46:24+00:00" }, { "id": "01a08c58-48d0-72b7-b2f3-0bc6da8fb1ac", "title": "Trip to Varkala - a cliff side beach in Kerala", "url": "https://www.trapti.dev/blog/trip-to-varkala-kerala/", "published_at": "2019-08-14T18:51:07+00:00" }, { "id": "01a08c58-48d0-72b7-b2f3-0bc6db2ae148", "title": "Object-fit visualizing it with various aspect ratios", "url": "https://www.trapti.dev/blog/object-fit-visualizing-it-with-various-aspect-ratios/", "published_at": "2019-06-07T09:46:12+00:00" } ] posts Claim your blog
Back to trapti.dev
Blog · corpus.blog/blogs/trapti.dev/posts

trapti.dev

trapti.dev

2026

2025

2024

2023

2022

2021

2020

2019