Shripal Soni
@codewithshripal
Followers
10K
Following
14K
Media
1K
Statuses
9K
• Freelance web developer with 14+ years of experience • Sharing practical web dev tips regularly • Access 250+ tips → https://t.co/hmdRmv0cV5
Joined January 2016
Debug why there is a delay in rendering when the related data has already arrived from a network response 👇
0
1
2
Many modern frameworks (such as Next.js, Nuxt, Remix etc.) already handle route prefetching to speed up navigation automatically ✨
0
0
1
Earn unlimited cash back on your trades when you open a Lightspeed account!
40
24
509
For faster navigation, prefetch resources for the next probable page to make it feel instant. ✅
1
0
2
Check the simple, striped and animated progress bar examples at this editable code playground 👇 https://t.co/TNsUgperrU
0
0
0
In 2000, the S&P 500 had an elevated trailing P/E of 26, well above its long-term avg. of 14. For the next 11 years, the S&P 500 delivered zero returns! The current S&P 500 trailing P/E is 30 – even higher than 2000. History rhymes. For standardized performance visit our website.
0
15
126
Create a clean, lightweight progress bar using the native <progress> element. No libraries needed. 🤩👇
1
1
5
Easily change the accent color of HTML elements to match your brand using CSS accent-color 🤩👇
1
0
6
Check it live in action at this editable code playground👇 https://t.co/zuQg0QXUOe
0
0
0
Build fluid and adaptive components using container queries in CSS🤩👇
3
3
13
LEGENDS FESTIVAL 2025 Final streaming on Dec 23 at 14:00 UTC! Tune in for a special performance and the reveal of a new character!
10
28
586
A shorter and cleaner way to check multiple OR conditions in Javascript👇
1
0
1
Check it live in action at this editable code playground 👇 https://t.co/8nlGXgqLof
0
0
1
You’ve probably hit this frustration: scrolling inside a modal… and suddenly the page behind it starts moving 😤 That’s scroll chaining, and it can completely break the user experience. Fix it in one line of CSS 👇
1
0
1
While optimizing page load performance, it’s helpful to see which network requests were initiated during a specific time window to spot bottlenecks. You can easily visualize this by enabling the Network > Overview setting in Chrome DevTools 👇
0
1
1
Meet Zacky, TFK's December Kid of the Month. He's using his voice and working with lawmakers to protect kids with food allergies (like him!) Read all about Zacky, and much more, in the latest issue of TIME for Kids.
1
8
36
Do you know we can easily add an offset to text underlines to make them look better?
1
1
5
We've raised $100M from Kleiner Perkins, Index Ventures, Lightspeed, and NVIDIA. Today we're introducing Sonic-3 - the state-of-the-art model for realtime conversation. What makes Sonic-3 great: - Breakthrough naturalness - laughter and full emotional range - Lightning fast -
1K
1K
8K
Better way to find an item from the end of the array in javascript 🤩👇
0
2
13
This works in all modern browsers since September 2024. But, in Safari v18, the unrendered content was not searchable. That issue is now fixed in the latest Safari v26 (September 2025).
0
0
1
Improve rendering performance with content-visibility: auto in CSS 🤩🚀 This can be helpful while rendering: - Long lists - Long web pages - Dashboards with many panels
2
2
14
Check it live in action at this code playground 👇 https://t.co/qCsFlDbdix
0
0
0