hate CSS? use this extension instead

let's be honest, many developers just hate working with CSS because:

1. you have to try a lot of CSS properties values just to get something just right (aka make it pixel perfect)
2. 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!

Comments

[Hassan Tahir]

Crazy thing! 😍

[Hamed Baatour]

Thanks Hassan, really appricate your support 😊

[Jonas Petri]

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!

[Hamed Baatour]

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 😎

[Jonas Petri]

Yeah, that’s true. And media queries sounds awesome!

[Hamed Baatour]

would love to hear your feedback guys!

[TechMan09]

When browsing in mobile safari, a video keeps popping up and auto-playing on me.

[Hamed Baatour]

humm that shouldn't happen! 🤔 which safari verison do you use please so I can fix this?

[TechMan09]

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?

[Hamed Baatour]

that's weird, will investiage the issue. maybe I have left a "playsinline" attribute somewhere...