let's be honest, many developers just hate working with CSS because:
- you have to try a lot of CSS properties values just to get something just right (aka make it pixel perfect)
- it's extremely repetitive!!
how many times we just write the exact same thing?
display: flex, justify-content: center...
most CSS priorities just keep repeating over and over again to create any UI
soo... I made a browser extension to visually change any website's CSS instead!
🎨 35+ CSS properties
👌 customizable CSS selector
✍ integrated code editor
⚡ super lightweight - 500KB
📱 ∞ virtual devices + realtime sync
🔎 clean CSS inspector on hover
🕶 breakpoints visualizer
🌲 HTML layers tree
☢ x-ray mode
why not devtools?
- modifying CSS is slow and exporting changes is a pain
- refresh the page & all the CSS changes are gone!
- hard to inspect CSS with lots of crossed-over properties
- constantly resizing devtools or using one device at a time to test responsiveness
so to fix all of those issues I made InTab.
👉🏻 give it a shot at intab.io
🎉 just launched this also on ProductHunt
please show some 💗
Cheers!
Top comments (10)
Crazy thing! 😍
Thanks Hassan, really appricate your support 😊
This is a great idea! I have seen similair extensions (like VisBug), but this looks way more intuitive. Definitely something I'm gonna check out!
Thanks Jonas,
yeah I did use Visbug extensivly also and although it's a great tool it's has a major limitation of not being able to export any changes.
InTab on the other hand let's you export the CSS code and it even autogenerates CSS mediaquires if you fix a UI issue in one of the included virtual devices + a lot more visual debugging tools 😎
Yeah, that’s true. And media queries sounds awesome!
would love to hear your feedback guys!
When browsing in mobile safari, a video keeps popping up and auto-playing on me.
humm that shouldn't happen! 🤔 which safari verison do you use please so I can fix this?
It actually only happens in the pop-up in this app, when I actually open it in the official safari browser, it does not show up. Do you have the “autoplay” attribute on the video?
that's weird, will investiage the issue. maybe I have left a "playsinline" attribute somewhere...