Best Products
Launches
Launch archive
Most-loved launches by the community
Launch Guide
Checklists and pro tips for launching
News
Newsletter
The best of Product Hunt, every day
Stories
Tech news, interviews, and tips from makers
Changelog
New Product Hunt features and releases
Forums
Forums
Ask questions, find support, and connect
Kitty Points Leaderboard
The highest scoring community members
Streaks
The most active community members
Events
Meet others online and in-person
Advertise
Subscribe
Sign in
Clear text
recent
p/self-promotion
by
TonyNguyen_1909
•
9d ago
ScreenSync: free multi-screen responsive QA with MCP
... building ScreenSync, a Chrome extension for testing responsive websites across mobile, tablet, and desktop
viewports
simultaneously. It mirrors scroll, clicks, and form inputs, and includes screenshots, annotations, WebM recording, breakpoint inspection, localhost/staging support, and an MCP bridge for Claude, Cursor, Gemini, and Windsurf. It is free to use, requires no account or sign-up, and runs locally in the browser. I m using it in real software development projects and updating it continuously. I d love honest feedback from frontend ...
0
0
p/general
by
leshan wang
•
2mo ago
Coding Diary: Building a Static Learning Portal in 7 Days
... beautiful and required very few stylistic adjustments. Bootstrap 5 Base: The code structure is modern and clean, making color customization simple using standard CSS variables. Responsive Grids: The elements scale down beautifully, keeping the content readable on small
viewports
. The Cons: Tab Styling Bug: The active tab states had minor text contrast issues on mobile iOS screens, requiring manual CSS specificity updates. Too Many Demo Assets: The initial download bundle was quite heavy, and you have to spend time cleaning ...
0
0
p/general
by
leshan wang
•
2mo ago
Coding Diary: Setting Up an NFT Showcase Page in 7 Days
... with the card image, making the main title completely unreadable. This happened because the template used a hardcoded negative margin in its CSS grid to create a layered look on desktop, but did not reset that margin for smaller
viewports
. To solve this, I decided to rewrite the typography and spacing rules using fluid CSS properties. Instead of static margins and font sizes, I used the CSS clamp() function. This function lets you define a minimum, preferred, and maximum value ...
0
0
p/general
by
leshan wang
•
2mo ago
Homely WordPress Theme Review: A Developer's Real-World Diary
... biggest culprit was the interactive floor plan image gallery. The theme uses a heavy JavaScript slider script to let users swipe through apartment layouts. While this works fine on desktop, the script was loading on all mobile
viewports
, blocking the main thread and causing a noticeable delay in visual loading. To make things worse, this heavy script was being enqueued on pages that did not even feature a floor plan grid, like the "Contact Us" page. I did not want ...
1
4
Subscribe
Sign in